Premium Addons for Elementor - Version 4.2.0

Version Description

  • Tweak: Added Check Content Overflow option in Vertical Scroll widget.
  • Fixed: Premium Templates not working with Elementor v3.1.0
Download this release

Release Info

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

Code changes from version 4.1.9 to 4.2.0

Files changed (22) hide show
  1. admin/assets/css/admin.css +2 -1
  2. assets/editor/css/style.css +186 -186
  3. assets/editor/js/pa-maps-finder.js +60 -61
  4. assets/editor/templates/js/editor.js +7 -23
  5. assets/frontend/css/premium-addons-rtl.css +7450 -7450
  6. assets/frontend/css/premium-addons.css +1718 -1718
  7. assets/frontend/css/prettyphoto-rtl.css +997 -997
  8. assets/frontend/css/prettyphoto.css +797 -797
  9. assets/frontend/js/premium-vscroll.js +11 -9
  10. assets/frontend/min-js/premium-vscroll.min.js +1 -1
  11. base/module-base.php +0 -113
  12. includes/addons-category.php +0 -74
  13. includes/addons-integration.php +570 -546
  14. includes/class-pa-core.php +0 -2
  15. includes/class-premium-template-tags.php +1278 -1334
  16. includes/modules-manager.php +0 -107
  17. includes/templates/classes/assets.php +1 -1
  18. premium-addons-for-elementor.php +4 -2
  19. readme.txt +6 -1
  20. widgets/premium-banner.php +1362 -1382
  21. widgets/premium-maps.php +2 -2
  22. widgets/premium-vscroll.php +1116 -1100
admin/assets/css/admin.css CHANGED
@@ -1231,7 +1231,8 @@ input:checked + .slider:before {
1231
  .papro-admin-notice-left a:visited {
1232
  outline: none;
1233
  border: none;
1234
- box-shadow: none;
 
1235
  text-decoration: none;
1236
  }
1237
  /* .papro-admin-notice-logo img {
1231
  .papro-admin-notice-left a:visited {
1232
  outline: none;
1233
  border: none;
1234
+ -webkit-box-shadow: none;
1235
+ box-shadow: none;
1236
  text-decoration: none;
1237
  }
1238
  /* .papro-admin-notice-logo img {
assets/editor/css/style.css CHANGED
@@ -1,186 +1,186 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../fonts/pa-elements.eot?x9rqgu");
4
- src: url("../fonts/pa-elements.eot?x9rqgu#iefix") format("embedded-opentype"),
5
- url("../fonts/pa-elements.ttf?x9rqgu") format("truetype"),
6
- url("../fonts/pa-elements.woff?x9rqgu") format("woff"),
7
- url("../fonts/pa-elements.svg?x9rqgu#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- .elementor-element .icon {
13
- position: relative;
14
- }
15
-
16
- [class^="pa-"],
17
- [class*=" pa-"] {
18
- /* use !important to prevent issues with browser extensions that change fonts */
19
- font-family: "pa-elements" !important;
20
- speak: none;
21
- font-style: normal;
22
- font-weight: normal;
23
- font-variant: normal;
24
- text-transform: none;
25
- line-height: 1;
26
- /* Better Font Rendering =========== */
27
- -webkit-font-smoothing: antialiased;
28
- -moz-osx-font-smoothing: grayscale;
29
- }
30
-
31
- /*
32
- * Icons Badge
33
- */
34
- [class^="pa-"]::after,
35
- [class*=" pa-"]::after {
36
- content: "PA";
37
- font-family: "Montserrat", Sans-serif;
38
- font-weight: 700;
39
- font-size: 10px;
40
- opacity: 0.4;
41
- position: absolute;
42
- right: 0.6em;
43
- top: 0.6em;
44
- padding: 1px;
45
- color: #e6e9ec;
46
- background-color: #7a7a7a;
47
- }
48
-
49
- .pa-dash-icon:before {
50
- content: "\e901";
51
- }
52
-
53
- .pa-banner:before {
54
- content: "\e902";
55
- }
56
-
57
- .pa-blog:before {
58
- content: "\e903";
59
- }
60
-
61
- .pa-button:before {
62
- content: "\e904";
63
- }
64
-
65
- .pa-carousel:before {
66
- content: "\e905";
67
- }
68
-
69
- .pa-contact-form:before {
70
- content: "\e906";
71
- }
72
-
73
- .pa-countdown:before {
74
- content: "\e907";
75
- }
76
-
77
- .pa-counter:before {
78
- content: "\e908";
79
- }
80
-
81
- .pa-dual-header:before {
82
- content: "\e909";
83
- }
84
-
85
- .pa-fancy-text:before {
86
- content: "\e90a";
87
- }
88
-
89
- .pa-maps:before {
90
- content: "\e90b";
91
- }
92
-
93
- .pa-grid-icon:before {
94
- content: "\e90c";
95
- }
96
-
97
- .pa-image-button:before {
98
- content: "\e90d";
99
- }
100
-
101
- .pa-image-scroll:before {
102
- content: "\e900";
103
- }
104
-
105
- .pa-image-separator:before {
106
- content: "\e90e";
107
- }
108
-
109
- .pa-lottie-animations:before {
110
- content: "\e91a";
111
- }
112
-
113
- .pa-modal-box:before {
114
- content: "\e90f";
115
- }
116
-
117
- .pa-person:before {
118
- content: "\e910";
119
- }
120
-
121
- .pa-pricing-table:before {
122
- content: "\e911";
123
- }
124
-
125
- .pa-progress-bar:before {
126
- content: "\e912";
127
- }
128
-
129
- .pa-testimonials:before {
130
- content: "\e913";
131
- }
132
-
133
- .pa-title:before {
134
- content: "\e914";
135
- }
136
-
137
- .pa-vscroll:before {
138
- content: "\e915";
139
- }
140
-
141
- .pa-video-box:before {
142
- content: "\e916";
143
- }
144
-
145
- .pa-icon-list:before {
146
- content: "\e919";
147
- }
148
-
149
- .editor-pa-doc {
150
- font-style: italic;
151
- line-height: 1.2;
152
- font-size: 12px;
153
- }
154
-
155
- .editor-pa-spacer {
156
- margin-top: 1.5em;
157
- }
158
-
159
- .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
160
- .elementor-control-raw-html.editor-pa-doc a {
161
- color: #0f6aa7;
162
- }
163
-
164
- .elementor-control-raw-html .premium-notice-bold {
165
- font-weight: bold;
166
- }
167
-
168
- #elementor-panel__editor__help__link[href^="https://premiumaddons.com/"]::before,
169
- #elementor-panel__editor__help__link[href*="PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv"]::before {
170
- content: "\e901";
171
- font-family: "pa-elements" !important;
172
- font-size: 20px;
173
- font-style: normal;
174
- font-weight: normal;
175
- font-variant: normal;
176
- text-transform: none;
177
- line-height: 1;
178
- -webkit-font-smoothing: antialiased;
179
- -moz-osx-font-smoothing: grayscale;
180
- margin: -1px 4px 0;
181
- }
182
-
183
- .pa-extension-icon.pa-dash-icon {
184
- font-size: 11px;
185
- padding-right: 1px;
186
- }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../fonts/pa-elements.eot?x9rqgu");
4
+ src: url("../fonts/pa-elements.eot?x9rqgu#iefix") format("embedded-opentype"),
5
+ url("../fonts/pa-elements.ttf?x9rqgu") format("truetype"),
6
+ url("../fonts/pa-elements.woff?x9rqgu") format("woff"),
7
+ url("../fonts/pa-elements.svg?x9rqgu#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ .elementor-element .icon {
13
+ position: relative;
14
+ }
15
+
16
+ [class^="pa-"],
17
+ [class*=" pa-"] {
18
+ /* use !important to prevent issues with browser extensions that change fonts */
19
+ font-family: "pa-elements" !important;
20
+ speak: none;
21
+ font-style: normal;
22
+ font-weight: normal;
23
+ font-variant: normal;
24
+ text-transform: none;
25
+ line-height: 1;
26
+ /* Better Font Rendering =========== */
27
+ -webkit-font-smoothing: antialiased;
28
+ -moz-osx-font-smoothing: grayscale;
29
+ }
30
+
31
+ /*
32
+ * Icons Badge
33
+ */
34
+ [class^="pa-"]::after,
35
+ [class*=" pa-"]::after {
36
+ content: "PA";
37
+ font-family: "Montserrat", Sans-serif;
38
+ font-weight: 700;
39
+ font-size: 10px;
40
+ opacity: 0.4;
41
+ position: absolute;
42
+ right: 0.6em;
43
+ top: 0.6em;
44
+ padding: 1px;
45
+ color: #e6e9ec;
46
+ background-color: #7a7a7a;
47
+ }
48
+
49
+ .pa-dash-icon:before {
50
+ content: "\e901";
51
+ }
52
+
53
+ .pa-banner:before {
54
+ content: "\e902";
55
+ }
56
+
57
+ .pa-blog:before {
58
+ content: "\e903";
59
+ }
60
+
61
+ .pa-button:before {
62
+ content: "\e904";
63
+ }
64
+
65
+ .pa-carousel:before {
66
+ content: "\e905";
67
+ }
68
+
69
+ .pa-contact-form:before {
70
+ content: "\e906";
71
+ }
72
+
73
+ .pa-countdown:before {
74
+ content: "\e907";
75
+ }
76
+
77
+ .pa-counter:before {
78
+ content: "\e908";
79
+ }
80
+
81
+ .pa-dual-header:before {
82
+ content: "\e909";
83
+ }
84
+
85
+ .pa-fancy-text:before {
86
+ content: "\e90a";
87
+ }
88
+
89
+ .pa-maps:before {
90
+ content: "\e90b";
91
+ }
92
+
93
+ .pa-grid-icon:before {
94
+ content: "\e90c";
95
+ }
96
+
97
+ .pa-image-button:before {
98
+ content: "\e90d";
99
+ }
100
+
101
+ .pa-image-scroll:before {
102
+ content: "\e900";
103
+ }
104
+
105
+ .pa-image-separator:before {
106
+ content: "\e90e";
107
+ }
108
+
109
+ .pa-lottie-animations:before {
110
+ content: "\e91a";
111
+ }
112
+
113
+ .pa-modal-box:before {
114
+ content: "\e90f";
115
+ }
116
+
117
+ .pa-person:before {
118
+ content: "\e910";
119
+ }
120
+
121
+ .pa-pricing-table:before {
122
+ content: "\e911";
123
+ }
124
+
125
+ .pa-progress-bar:before {
126
+ content: "\e912";
127
+ }
128
+
129
+ .pa-testimonials:before {
130
+ content: "\e913";
131
+ }
132
+
133
+ .pa-title:before {
134
+ content: "\e914";
135
+ }
136
+
137
+ .pa-vscroll:before {
138
+ content: "\e915";
139
+ }
140
+
141
+ .pa-video-box:before {
142
+ content: "\e916";
143
+ }
144
+
145
+ .pa-icon-list:before {
146
+ content: "\e919";
147
+ }
148
+
149
+ .editor-pa-doc {
150
+ font-style: italic;
151
+ line-height: 1.2;
152
+ font-size: 12px;
153
+ }
154
+
155
+ .editor-pa-spacer {
156
+ margin-top: 1.5em;
157
+ }
158
+
159
+ .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
160
+ .elementor-control-raw-html.editor-pa-doc a {
161
+ color: #0f6aa7;
162
+ }
163
+
164
+ .elementor-control-raw-html .premium-notice-bold {
165
+ font-weight: bold;
166
+ }
167
+
168
+ #elementor-panel__editor__help__link[href^="https://premiumaddons.com/"]::before,
169
+ #elementor-panel__editor__help__link[href*="PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv"]::before {
170
+ content: "\e901";
171
+ font-family: "pa-elements" !important;
172
+ font-size: 20px;
173
+ font-style: normal;
174
+ font-weight: normal;
175
+ font-variant: normal;
176
+ text-transform: none;
177
+ line-height: 1;
178
+ -webkit-font-smoothing: antialiased;
179
+ -moz-osx-font-smoothing: grayscale;
180
+ margin: -1px 4px 0;
181
+ }
182
+
183
+ .pa-extension-icon.pa-dash-icon {
184
+ font-size: 11px;
185
+ padding-right: 1px;
186
+ }
assets/editor/js/pa-maps-finder.js CHANGED
@@ -1,68 +1,67 @@
1
 
2
- var $ = jQuery;
 
 
 
 
 
3
 
4
  function getAddress(ob) {
5
-
6
- var address = $(ob).parent().find("input").attr("value");
7
-
8
- if ( address !== "" ) {
9
-
10
- geocoder = new google.maps.Geocoder();
11
-
12
- geocoder.geocode({
13
- address: address
14
- }, function(results, status) {
15
-
16
- if (status == google.maps.GeocoderStatus.OK) {
17
-
18
- var output = $(ob).parent().find(".premium-address-result"),
19
- latiude = results[0].geometry.location.lat(),
20
- longitude = results[0].geometry.location.lng();
21
-
22
- $(output).html("Latitude: " + latiude + "<br>Longitude: " + longitude + "<br>(Copy and Paste your Latitude & Longitude value below)");
23
-
24
- $(ob).parents(".elementor-control-premium_map_notice").nextAll(".elementor-control-premium_maps_center_lat").find("input").val(latiude).trigger("input");
25
-
26
- $(ob).parents(".elementor-control-premium_map_notice").nextAll(".elementor-control-premium_maps_center_long").find("input").val(longitude).trigger("input");
27
-
28
- } else {
29
-
30
- alert("Geocode was not successful for the following reason: " + status);
31
-
32
- }
33
- });
34
- }
35
  }
36
 
37
  function getPinAddress(ob) {
38
-
39
- var address = $(ob).parent().find("input").attr("value");
40
-
41
- if (address !== "") {
42
-
43
- geocoder = new google.maps.Geocoder();
44
-
45
- geocoder.geocode({
46
- address: address
47
- }, function(results, status) {
48
-
49
- if (status == google.maps.GeocoderStatus.OK) {
50
-
51
- var output = $(ob).parent().find(".premium-address-result"),
52
- latiude = results[0].geometry.location.lat(),
53
- longitude = results[0].geometry.location.lng();
54
-
55
- $(output).html("Latitude: " + latiude + "<br>Longitude: " + longitude + "<br>(Copy and Paste your Latitude & Longitude value below)");
56
-
57
- $(ob).parents(".elementor-control-premium_map_pin_notice").nextAll(".elementor-control-map_latitude").find("input").val(latiude).trigger("input");
58
-
59
- $(ob).parents(".elementor-control-premium_map_pin_notice").nextAll(".elementor-control-map_longitude").find("input").val(longitude).trigger("input");
60
-
61
- } else {
62
-
63
- alert("Geocode was not successful for the following reason: " + status);
64
-
65
- }
66
- });
67
- }
68
  }
1
 
2
+ var $ = jQuery,
3
+ geocoder = new google.maps.Geocoder();
4
+
5
+ function alertError(err) {
6
+ alert("Geocode was not successful for the following reason: " + err);
7
+ }
8
 
9
  function getAddress(ob) {
10
+
11
+ var address = $(ob).parent().find("input").val(),
12
+ $noticeMsg = $(ob).parents(".elementor-control-premium_map_notice");
13
+
14
+ if (!address)
15
+ return;
16
+
17
+ geocoder.geocode({
18
+ address: address
19
+ }, function (results, status) {
20
+
21
+ if (status == google.maps.GeocoderStatus.OK) {
22
+
23
+ var latiude = results[0].geometry.location.lat(),
24
+ longitude = results[0].geometry.location.lng();
25
+
26
+ $noticeMsg.nextAll(".elementor-control-premium_maps_center_lat").find("input").val(latiude).trigger("input");
27
+
28
+ $noticeMsg.nextAll(".elementor-control-premium_maps_center_long").find("input").val(longitude).trigger("input");
29
+
30
+ } else {
31
+
32
+ alertError(status);
33
+
34
+ }
35
+ });
36
+
 
 
 
37
  }
38
 
39
  function getPinAddress(ob) {
40
+
41
+ var address = $(ob).parent().find("input").val(),
42
+ $noticeMsg = $(ob).parents(".elementor-control-premium_map_pin_notice");
43
+
44
+ if (!address)
45
+ return;
46
+
47
+ geocoder.geocode({
48
+ address: address
49
+ }, function (results, status) {
50
+
51
+ if (status == google.maps.GeocoderStatus.OK) {
52
+
53
+ var latiude = results[0].geometry.location.lat(),
54
+ longitude = results[0].geometry.location.lng();
55
+
56
+ $noticeMsg.nextAll(".elementor-control-map_latitude").find("input").val(latiude).trigger("input");
57
+
58
+ $noticeMsg.nextAll(".elementor-control-map_longitude").find("input").val(longitude).trigger("input");
59
+
60
+ } else {
61
+
62
+ alertError(status);
63
+
64
+ }
65
+ });
66
+
 
 
 
67
  }
assets/editor/templates/js/editor.js CHANGED
@@ -273,12 +273,7 @@
273
  options.at = PremiumEditor.atIndex;
274
  }
275
 
276
- if (-1 !== PremiumTempsData.Elementor_Version.indexOf('3.0.')) {
277
- elementor.previewView.addChildModel(data.content, options);
278
- } else {
279
- elementor.sections.currentView.addChildModel(data.content, options);
280
- }
281
-
282
 
283
  elementor.channels.data.trigger('template:after:insert', templateModel);
284
  jQuery("#elementor-panel-saver-button-save-options, #elementor-panel-saver-button-publish").removeClass("elementor-disabled");
@@ -883,25 +878,14 @@
883
  $section = $this.closest('.elementor-top-section'),
884
  modelID = $section.data('model-cid');
885
 
886
- if (-1 !== PremiumTempsData.Elementor_Version.indexOf('3.0.')) {
887
- if (elementor.previewView.collection.length) {
888
- $.each(elementor.previewView.collection.models, function (index, model) {
889
- if (modelID === model.cid) {
890
- PremiumEditor.atIndex = index;
891
- }
892
- });
893
- }
894
- } else {
895
- if (window.elementor.sections.currentView.collection.length) {
896
- $.each(window.elementor.sections.currentView.collection.models, function (index, model) {
897
- if (modelID === model.cid) {
898
- PremiumEditor.atIndex = index;
899
- }
900
- });
901
- }
902
  }
903
 
904
-
905
  if (PremiumTempsData.PremiumTemplatesBtn) {
906
  setTimeout(function () {
907
  var $addNew = $section.prev('.elementor-add-section').find('.elementor-add-new-section');
273
  options.at = PremiumEditor.atIndex;
274
  }
275
 
276
+ elementor.previewView.addChildModel(data.content, options);
 
 
 
 
 
277
 
278
  elementor.channels.data.trigger('template:after:insert', templateModel);
279
  jQuery("#elementor-panel-saver-button-save-options, #elementor-panel-saver-button-publish").removeClass("elementor-disabled");
878
  $section = $this.closest('.elementor-top-section'),
879
  modelID = $section.data('model-cid');
880
 
881
+ if (elementor.previewView.collection.length) {
882
+ $.each(elementor.previewView.collection.models, function (index, model) {
883
+ if (modelID === model.cid) {
884
+ PremiumEditor.atIndex = index;
885
+ }
886
+ });
 
 
 
 
 
 
 
 
 
 
887
  }
888
 
 
889
  if (PremiumTempsData.PremiumTemplatesBtn) {
890
  setTimeout(function () {
891
  var $addNew = $section.prev('.elementor-add-section').find('.elementor-add-new-section');
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,7450 +1,7450 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img {
769
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
770
- transform: translate3d(0, 0, 0) scale(1.1);
771
- }
772
-
773
- .premium-banner-animation13.zoomout:hover img,
774
- .premium-banner-animation1.zoomout:hover img,
775
- .premium-banner-animation4.zoomout:hover img,
776
- .premium-banner-animation8.zoomout:hover img,
777
- .premium-banner-animation7.zoomout:hover img,
778
- .premium-banner-animation9.zoomout:hover img,
779
- .premium-banner-animation10.zoomout:hover img {
780
- -webkit-transform: translate3d(0, 0, 0) scale(1);
781
- transform: translate3d(0, 0, 0) scale(1);
782
- }
783
-
784
- .premium-banner-animation13.scale:hover img,
785
- .premium-banner-animation1.scale:hover img,
786
- .premium-banner-animation4.scale:hover img,
787
- .premium-banner-animation8.scale:hover img,
788
- .premium-banner-animation7.scale:hover img,
789
- .premium-banner-animation9.scale:hover img,
790
- .premium-banner-animation10.scale:hover img {
791
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
792
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
793
- }
794
-
795
- .premium-banner-animation13.grayscale:hover img,
796
- .premium-banner-animation1.grayscale:hover img,
797
- .premium-banner-animation4.grayscale:hover img,
798
- .premium-banner-animation8.grayscale:hover img,
799
- .premium-banner-animation7.grayscale:hover img,
800
- .premium-banner-animation9.grayscale:hover img,
801
- .premium-banner-animation10.grayscale:hover img {
802
- -webkit-transform: translate3d(0, 0, 0);
803
- transform: translate3d(0, 0, 0);
804
- -webkit-filter: grayscale(100%);
805
- filter: grayscale(100%);
806
- }
807
-
808
- .premium-banner-animation13.blur:hover img,
809
- .premium-banner-animation1.blur:hover img,
810
- .premium-banner-animation4.blur:hover,
811
- .premium-banner-animation8.blur:hover img,
812
- .premium-banner-animation7.blur:hover img,
813
- .premium-banner-animation9.blur:hover img,
814
- .premium-banner-animation10.blur:hover img {
815
- -webkit-transform: translate3d(0, 0, 0);
816
- transform: translate3d(0, 0, 0);
817
- -webkit-filter: blur(3px);
818
- filter: blur(3px);
819
- }
820
-
821
- .premium-banner-animation13 .premium-banner-ib-desc {
822
- text-align: right;
823
- }
824
-
825
- .premium-banner-animation13 .premium-banner-ib-title {
826
- position: relative;
827
- overflow: hidden;
828
- padding: 5px 0 10px;
829
- }
830
-
831
- .premium-banner-animation13 .premium-banner-ib-title::after {
832
- position: absolute;
833
- content: "";
834
- bottom: 0;
835
- right: 0;
836
- width: 100%;
837
- height: 2px;
838
- background: #fff;
839
- -webkit-transition: -webkit-transform 0.35s;
840
- transition: -webkit-transform 0.35s;
841
- transition: transform 0.35s;
842
- transition: transform 0.35s, -webkit-transform 0.35s;
843
- -webkit-transform: translate3d(101%, 0, 0);
844
- transform: translate3d(101%, 0, 0);
845
- }
846
-
847
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
848
- .premium-banner-animation13.active .premium-banner-ib-title::after {
849
- -webkit-transform: translate3d(0, 0, 0);
850
- transform: translate3d(0, 0, 0);
851
- }
852
-
853
- .premium-banner-animation13 .premium-banner-ib-content,
854
- .premium-banner-animation13 .premium-banner-read-more {
855
- padding: 15px 0;
856
- opacity: 0;
857
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
858
- transition: opacity 0.35s, -webkit-transform 0.35s;
859
- transition: opacity 0.35s, transform 0.35s;
860
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
861
- -webkit-transform: translate3d(-100%, 0, 0);
862
- transform: translate3d(-100%, 0, 0);
863
- }
864
-
865
- .premium-banner-animation13:hover .premium-banner-ib-content,
866
- .premium-banner-animation13.active .premium-banner-ib-content,
867
- .premium-banner-animation13:hover .premium-banner-read-more,
868
- .premium-banner-animation13.active .premium-banner-read-more {
869
- opacity: 1;
870
- -webkit-transform: translate3d(0, 0, 0);
871
- transform: translate3d(0, 0, 0);
872
- }
873
-
874
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
875
- right: 50%;
876
- width: auto !important;
877
- height: 100%;
878
- max-width: none;
879
- -webkit-transform: translateX(50%);
880
- -ms-transform: translateX(50%);
881
- transform: translateX(50%);
882
- }
883
-
884
- .premium-banner-ib img {
885
- border: none;
886
- padding: 0;
887
- margin: 0;
888
- }
889
-
890
- .premium-banner-animation7 img {
891
- width: -webkit-calc(100% + 40px) !important;
892
- width: calc(100% + 40px) !important;
893
- max-width: -webkit-calc(100% + 40px) !important;
894
- max-width: calc(100% + 40px) !important;
895
- }
896
-
897
- .premium-banner-animation7 .premium-banner-brlr {
898
- width: 7px;
899
- }
900
-
901
- .premium-banner-animation7 .premium-banner-brtb {
902
- height: 7px;
903
- }
904
-
905
- .premium-banner-animation7 .premium-banner-br {
906
- position: absolute;
907
- z-index: 1;
908
- background-color: white;
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out;
911
- -webkit-transition-delay: 0.2s;
912
- transition-delay: 0.2s;
913
- }
914
-
915
- .premium-banner-animation7 .premium-banner-bleft {
916
- right: 30px;
917
- top: -webkit-calc(100% - 150px);
918
- top: calc(100% - 150px);
919
- height: 0;
920
- }
921
-
922
- .premium-banner-animation7 .premium-banner-bright {
923
- left: 30px;
924
- bottom: -webkit-calc(100% - 150px);
925
- bottom: calc(100% - 150px);
926
- height: 0;
927
- }
928
-
929
- .premium-banner-animation7 .premium-banner-bottom {
930
- left: -webkit-calc(100% - 150px);
931
- left: calc(100% - 150px);
932
- bottom: 30px;
933
- width: 0;
934
- }
935
-
936
- .premium-banner-animation7 .premium-banner-btop {
937
- right: -webkit-calc(100% - 150px);
938
- right: calc(100% - 150px);
939
- top: 30px;
940
- width: 0;
941
- }
942
-
943
- .premium-banner-animation7 .premium-banner-ib-desc {
944
- padding: 70px;
945
- display: table;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-title {
954
- margin-top: 0;
955
- }
956
-
957
- .premium-banner-animation7 .premium-banner-ib-title,
958
- .premium-banner-animation7 img {
959
- -webkit-transform: translate3d(30px, 0, 0);
960
- transform: translate3d(30px, 0, 0);
961
- }
962
-
963
- .premium-banner-animation7.zoomout img,
964
- .premium-banner-animation7.scale img {
965
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
966
- transform: translate3d(30px, 0, 0) scale(1.1);
967
- }
968
-
969
- .premium-banner-animation7 .premium-banner-ib-content,
970
- .premium-banner-animation7 .premium-banner-read-more {
971
- margin-top: 10px;
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-desc::after,
975
- .premium-banner-animation7 .premium-banner-ib-desc::before {
976
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
977
- transition: opacity 0.35s, -webkit-transform 0.35s;
978
- transition: opacity 0.35s, transform 0.35s;
979
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
980
- }
981
-
982
- .premium-banner-animation7 .premium-banner-ib-title,
983
- .premium-banner-animation7 .premium-banner-ib-content,
984
- .premium-banner-animation7 .premium-banner-read-more {
985
- opacity: 0;
986
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
987
- transition: opacity 0.35s, -webkit-transform 0.35s;
988
- transition: opacity 0.35s, transform 0.35s;
989
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
990
- }
991
-
992
- .premium-banner-animation7 img {
993
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
994
- transition: opacity 0.35s, -webkit-transform 0.35s;
995
- transition: opacity 0.35s, transform 0.35s;
996
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
997
- }
998
-
999
- .premium-banner-animation7:hover .premium-banner-ib-content,
1000
- .premium-banner-animation7.active .premium-banner-ib-content,
1001
- .premium-banner-animation7:hover .premium-banner-read-more,
1002
- .premium-banner-animation7.active .premium-banner-read-more,
1003
- .premium-banner-animation7:hover .premium-banner-ib-title,
1004
- .premium-banner-animation7.active .premium-banner-ib-title {
1005
- opacity: 1;
1006
- -webkit-transform: translate3d(0, 0, 0);
1007
- transform: translate3d(0, 0, 0);
1008
- }
1009
-
1010
- .premium-banner-animation7:hover .premium-banner-bleft,
1011
- .premium-banner-animation7.active .premium-banner-bleft {
1012
- top: 30px;
1013
- height: 70px;
1014
- }
1015
-
1016
- .premium-banner-animation7:hover .premium-banner-bright,
1017
- .premium-banner-animation7.active .premium-banner-bright {
1018
- bottom: 30px;
1019
- height: 70px;
1020
- }
1021
-
1022
- .premium-banner-animation7:hover .premium-banner-bottom,
1023
- .premium-banner-animation7.active .premium-banner-bottom {
1024
- left: 30px;
1025
- width: 70px;
1026
- }
1027
-
1028
- .premium-banner-animation7:hover .premium-banner-btop,
1029
- .premium-banner-animation7.active .premium-banner-btop {
1030
- right: 30px;
1031
- width: 70px;
1032
- }
1033
-
1034
- .premium-banner-animation7:hover .premium-banner-ib-content,
1035
- .premium-banner-animation7:hover .premium-banner-read-more,
1036
- .premium-banner-animation7:hover .premium-banner-ib-title,
1037
- .premium-banner-animation7:hover img {
1038
- -webkit-transition-delay: 0.15s;
1039
- transition-delay: 0.15s;
1040
- }
1041
-
1042
- .premium-banner-animation8 img {
1043
- width: -webkit-calc(100% + 40px) !important;
1044
- width: calc(100% + 40px) !important;
1045
- max-width: -webkit-calc(100% + 40px) !important;
1046
- max-width: calc(100% + 40px) !important;
1047
- }
1048
-
1049
- .premium-banner-animation8 .premium-banner-brlr {
1050
- width: 7px;
1051
- }
1052
-
1053
- .premium-banner-animation8 .premium-banner-brtb {
1054
- height: 7px;
1055
- }
1056
-
1057
- .premium-banner-animation8 .premium-banner-br {
1058
- position: absolute;
1059
- z-index: 1;
1060
- background-color: white;
1061
- -webkit-transition: all 0.3s ease-in-out;
1062
- transition: all 0.3s ease-in-out;
1063
- -webkit-transition-delay: 0.2s;
1064
- transition-delay: 0.2s;
1065
- }
1066
-
1067
- .premium-banner-animation8 .premium-banner-bleft {
1068
- right: 30px;
1069
- top: 50%;
1070
- -webkit-transform: translateY(-50%);
1071
- -ms-transform: translateY(-50%);
1072
- transform: translateY(-50%);
1073
- height: 0;
1074
- }
1075
-
1076
- .premium-banner-animation8 .premium-banner-bright {
1077
- left: 30px;
1078
- top: 50%;
1079
- -webkit-transform: translateY(-50%);
1080
- -ms-transform: translateY(-50%);
1081
- transform: translateY(-50%);
1082
- height: 0;
1083
- }
1084
-
1085
- .premium-banner-animation8 .premium-banner-bottom {
1086
- right: 50%;
1087
- -webkit-transform: translateX(50%);
1088
- -ms-transform: translateX(50%);
1089
- transform: translateX(50%);
1090
- bottom: 30px;
1091
- width: 0;
1092
- }
1093
-
1094
- .premium-banner-animation8 .premium-banner-btop {
1095
- right: 50%;
1096
- -webkit-transform: translateX(50%);
1097
- -ms-transform: translateX(50%);
1098
- transform: translateX(50%);
1099
- top: 30px;
1100
- width: 0;
1101
- }
1102
-
1103
- .premium-banner-animation8 .premium-banner-ib-desc {
1104
- padding: 70px;
1105
- display: table;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1109
- display: table-cell;
1110
- vertical-align: middle;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-title {
1114
- margin-top: 0;
1115
- }
1116
-
1117
- .premium-banner-animation8 .premium-banner-ib-title,
1118
- .premium-banner-animation8 img {
1119
- -webkit-transform: translate3d(30px, 0, 0);
1120
- transform: translate3d(30px, 0, 0);
1121
- }
1122
-
1123
- .premium-banner-animation8.zoomout img,
1124
- .premium-banner-animation8.scale img {
1125
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1126
- transform: translate3d(30px, 0, 0) scale(1.1);
1127
- }
1128
-
1129
- .premium-banner-animation8 .premium-banner-ib-content,
1130
- .premium-banner-animation8 .premium-banner-read-more {
1131
- margin-top: 10px;
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1135
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1136
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1137
- transition: opacity 0.35s, -webkit-transform 0.35s;
1138
- transition: opacity 0.35s, transform 0.35s;
1139
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1140
- }
1141
-
1142
- .premium-banner-animation8 .premium-banner-ib-title,
1143
- .premium-banner-animation8 .premium-banner-ib-content,
1144
- .premium-banner-animation8 .premium-banner-read-more {
1145
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1146
- transition: opacity 0.35s, -webkit-transform 0.35s;
1147
- transition: opacity 0.35s, transform 0.35s;
1148
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1149
- opacity: 0;
1150
- }
1151
-
1152
- .premium-banner-animation8 img {
1153
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1154
- transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1157
- }
1158
-
1159
- .premium-banner-animation8:hover .premium-banner-ib-content,
1160
- .premium-banner-animation8.active .premium-banner-ib-content,
1161
- .premium-banner-animation8:hover .premium-banner-read-more,
1162
- .premium-banner-animation8.active .premium-banner-read-more,
1163
- .premium-banner-animation8:hover .premium-banner-ib-title,
1164
- .premium-banner-animation8.active .premium-banner-ib-title {
1165
- opacity: 1;
1166
- -webkit-transform: translate3d(0, 0, 0);
1167
- transform: translate3d(0, 0, 0);
1168
- }
1169
-
1170
- .premium-banner-animation8:hover .premium-banner-bleft,
1171
- .premium-banner-animation8.active .premium-banner-bleft {
1172
- height: -webkit-calc(100% - 61px);
1173
- height: calc(100% - 61px);
1174
- }
1175
-
1176
- .premium-banner-animation8:hover .premium-banner-bright,
1177
- .premium-banner-animation8.active .premium-banner-bright {
1178
- height: -webkit-calc(100% - 61px);
1179
- height: calc(100% - 61px);
1180
- }
1181
-
1182
- .premium-banner-animation8:hover .premium-banner-bottom,
1183
- .premium-banner-animation8.active .premium-banner-bottom {
1184
- width: -webkit-calc(100% - 61px);
1185
- width: calc(100% - 61px);
1186
- }
1187
-
1188
- .premium-banner-animation8:hover .premium-banner-btop,
1189
- .premium-banner-animation8.active .premium-banner-btop {
1190
- width: -webkit-calc(100% - 61px);
1191
- width: calc(100% - 61px);
1192
- }
1193
-
1194
- .premium-banner-animation8:hover .premium-banner-ib-content,
1195
- .premium-banner-animation8:hover .premium-banner-ib-title,
1196
- .premium-banner-animation8:hover .premium-banner-read-more,
1197
- .premium-banner-animation8:hover img {
1198
- -webkit-transition-delay: 0.15s;
1199
- transition-delay: 0.15s;
1200
- }
1201
-
1202
- .premium-banner-animation9 img {
1203
- width: -webkit-calc(100% + 20px) !important;
1204
- width: calc(100% + 20px) !important;
1205
- max-width: -webkit-calc(100% + 20px) !important;
1206
- max-width: calc(100% + 20px) !important;
1207
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1208
- transition: opacity 0.35s, -webkit-transform 0.35s;
1209
- transition: opacity 0.35s, transform 0.35s;
1210
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1211
- -webkit-transform: scale(1.2);
1212
- -ms-transform: scale(1.2);
1213
- transform: scale(1.2);
1214
- }
1215
-
1216
- .premium-banner-animation9 .premium-banner-ib-desc {
1217
- width: 100%;
1218
- height: 100%;
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1222
- position: absolute;
1223
- top: 50%;
1224
- right: 50%;
1225
- width: 80%;
1226
- height: 1px;
1227
- background: #fff;
1228
- content: "";
1229
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1230
- transition: opacity 0.35s, -webkit-transform 0.35s;
1231
- transition: opacity 0.35s, transform 0.35s;
1232
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1233
- -webkit-transform: translate3d(50%, -50%, 0);
1234
- transform: translate3d(50%, -50%, 0);
1235
- }
1236
-
1237
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1238
- position: absolute;
1239
- top: 50%;
1240
- right: 50%;
1241
- width: 80%;
1242
- height: 1px;
1243
- background: #fff;
1244
- content: "";
1245
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1246
- transition: opacity 0.35s, -webkit-transform 0.35s;
1247
- transition: opacity 0.35s, transform 0.35s;
1248
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1249
- -webkit-transform: translate3d(50%, -50%, 0);
1250
- transform: translate3d(50%, -50%, 0);
1251
- }
1252
-
1253
- .premium-banner-animation9 .premium-banner-ib-title {
1254
- position: absolute;
1255
- top: 50%;
1256
- right: 0;
1257
- width: 100%;
1258
- -webkit-transition: -webkit-transform 0.35s;
1259
- transition: -webkit-transform 0.35s;
1260
- transition: transform 0.35s;
1261
- transition: transform 0.35s, -webkit-transform 0.35s;
1262
- -webkit-transform: translate3d(0, -70px, 0);
1263
- transform: translate3d(0, -70px, 0);
1264
- margin-top: 0;
1265
- padding: 0 10%;
1266
- }
1267
-
1268
- .premium-banner-animation9:hover .premium-banner-ib-title,
1269
- .premium-banner-animation9.active .premium-banner-ib-title {
1270
- -webkit-transform: translate3d(0, -80px, 0);
1271
- transform: translate3d(0, -80px, 0);
1272
- }
1273
-
1274
- .premium-banner-animation9 .premium-banner-ib-content,
1275
- .premium-banner-animation9 .premium-banner-read-more {
1276
- position: absolute;
1277
- top: 50%;
1278
- right: 0;
1279
- width: 100%;
1280
- -webkit-transition: -webkit-transform 0.35s;
1281
- transition: -webkit-transform 0.35s;
1282
- transition: transform 0.35s;
1283
- transition: transform 0.35s, -webkit-transform 0.35s;
1284
- padding: 0 10%;
1285
- -webkit-transform: translate3d(0, 35px, 0);
1286
- transform: translate3d(0, 35px, 0);
1287
- }
1288
-
1289
- .premium-banner-animation9 .premium-banner-read-more {
1290
- top: 75%;
1291
- }
1292
-
1293
- .premium-banner-animation9:hover .premium-banner-ib-content,
1294
- .premium-banner-animation9.active .premium-banner-ib-content,
1295
- .premium-banner-animation9:hover .premium-banner-read-more,
1296
- .premium-banner-animation9.active .premium-banner-read-more {
1297
- -webkit-transform: translate3d(0, 45px, 0);
1298
- transform: translate3d(0, 45px, 0);
1299
- }
1300
-
1301
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1302
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1303
- opacity: 0.5;
1304
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1305
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1306
- }
1307
-
1308
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1309
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1310
- opacity: 0.5;
1311
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1312
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1313
- }
1314
-
1315
- .premium-banner-animation9:hover img {
1316
- -webkit-transform: scale(1);
1317
- -ms-transform: scale(1);
1318
- transform: scale(1);
1319
- }
1320
-
1321
- .premium-banner-animation10 img {
1322
- width: -webkit-calc(100% + 20px) !important;
1323
- width: calc(100% + 20px) !important;
1324
- max-width: -webkit-calc(100% + 20px) !important;
1325
- max-width: calc(100% + 20px) !important;
1326
- }
1327
-
1328
- .premium-banner-animation10 .premium-banner-ib-title {
1329
- position: relative;
1330
- overflow: hidden;
1331
- padding: 5px 0 15px;
1332
- -webkit-transition: -webkit-transform 0.35s;
1333
- transition: -webkit-transform 0.35s;
1334
- transition: transform 0.35s;
1335
- transition: transform 0.35s, -webkit-transform 0.35s;
1336
- -webkit-transform: translate3d(0, 20px, 0);
1337
- transform: translate3d(0, 20px, 0);
1338
- margin-bottom: 0;
1339
- }
1340
-
1341
- .premium-banner-animation10 .premium-banner-ib-title::after {
1342
- position: absolute;
1343
- content: "";
1344
- bottom: 0;
1345
- right: 0;
1346
- width: 100%;
1347
- height: 3px;
1348
- background: #fff;
1349
- opacity: 0;
1350
- -webkit-transform: translate3d(0, 100%, 0);
1351
- transform: translate3d(0, 100%, 0);
1352
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1353
- transition: opacity 0.35s, -webkit-transform 0.35s;
1354
- transition: opacity 0.35s, transform 0.35s;
1355
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1356
- }
1357
-
1358
- .premium-banner-animation10:hover .premium-banner-ib-title,
1359
- .premium-banner-animation10.active .premium-banner-ib-title {
1360
- -webkit-transform: translate3d(0, 0, 0);
1361
- transform: translate3d(0, 0, 0);
1362
- }
1363
-
1364
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1365
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1366
- opacity: 1;
1367
- -webkit-transform: translate3d(0, 0, 0);
1368
- transform: translate3d(0, 0, 0);
1369
- }
1370
-
1371
- .premium-banner-animation10 .premium-banner-ib-content,
1372
- .premium-banner-animation10 .premium-banner-read-more {
1373
- padding-top: 15px;
1374
- opacity: 0;
1375
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1376
- transition: opacity 0.35s, -webkit-transform 0.35s;
1377
- transition: opacity 0.35s, transform 0.35s;
1378
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1379
- -webkit-transform: translate3d(0, 100%, 0);
1380
- transform: translate3d(0, 100%, 0);
1381
- }
1382
-
1383
- .premium-banner-animation10 .premium-banner-read-more {
1384
- padding: 0;
1385
- }
1386
-
1387
- .premium-banner-animation10:hover .premium-banner-ib-content,
1388
- .premium-banner-animation10.active .premium-banner-ib-content,
1389
- .premium-banner-animation10:hover .premium-banner-read-more,
1390
- .premium-banner-animation10.active .premium-banner-read-more {
1391
- opacity: 1;
1392
- -webkit-transform: translate3d(0, 0, 0);
1393
- transform: translate3d(0, 0, 0);
1394
- }
1395
-
1396
- /**************** Premium CountDown *************/
1397
- /************************************************/
1398
- .premium-countdown {
1399
- display: -ms-flexbox;
1400
- display: -webkit-flex;
1401
- display: -moz-flex;
1402
- display: -ms-flex;
1403
- -js-display: flex;
1404
- display: -webkit-box;
1405
- display: -moz-box;
1406
- display: flex;
1407
- }
1408
-
1409
- /* jQuery Countdown styles 2.0.0. */
1410
- .pre_countdown-row {
1411
- display: block;
1412
- text-align: center;
1413
- }
1414
-
1415
- .countdown .pre_countdown-section {
1416
- display: inline-block;
1417
- max-width: 100%;
1418
- margin-bottom: 15px;
1419
- }
1420
-
1421
- .countdown .pre_countdown-section {
1422
- display: -webkit-inline-box;
1423
- display: -webkit-inline-flex;
1424
- display: -ms-inline-flexbox;
1425
- -js-display: inline-flex;
1426
- display: -moz-inline-box;
1427
- display: inline-flex;
1428
- -webkit-box-align: center;
1429
- -webkit-align-items: center;
1430
- -moz-box-align: center;
1431
- -ms-flex-align: center;
1432
- align-items: center;
1433
- }
1434
-
1435
- .countdown .pre_countdown-section:last-child {
1436
- margin-left: 0;
1437
- }
1438
-
1439
- .countdown span.pre_countdown-amount {
1440
- font-size: 70px;
1441
- line-height: 1;
1442
- }
1443
-
1444
- .countdown .pre_time-mid {
1445
- display: block;
1446
- }
1447
-
1448
- .premium-countdown-separator-yes .pre-countdown_separator {
1449
- display: block;
1450
- margin: 0 50px;
1451
- font-size: 30px;
1452
- }
1453
-
1454
- .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1455
- display: none;
1456
- }
1457
-
1458
- /************************************ * Digit and unit styles *************************************/
1459
- .side .pre_countdown-section .pre_countdown-period {
1460
- vertical-align: bottom;
1461
- }
1462
-
1463
- .countdown .pre_countdown-section .pre_countdown-period {
1464
- font-size: 17px;
1465
- line-height: 3em;
1466
- }
1467
-
1468
- .side .pre_countdown-section .pre_countdown-amount,
1469
- .side .pre_countdown-section .pre_countdown-period {
1470
- display: inline-block;
1471
- }
1472
-
1473
- .side .pre_countdown-section .pre_countdown-amount {
1474
- margin-left: 5px;
1475
- }
1476
-
1477
- .down .pre_countdown-section .pre_countdown-amount,
1478
- .down .pre_countdown-section .pre_countdown-period {
1479
- display: block;
1480
- }
1481
-
1482
- /**************** Premium Carousel **************/
1483
- /************************************************/
1484
- .premium-carousel-wrapper a.carousel-arrow,
1485
- .premium-carousel-wrapper a.ver-carousel-arrow,
1486
- .premium-fb-rev-container a.carousel-arrow,
1487
- .premium-blog-wrap a.carousel-arrow,
1488
- .premium-hscroll-wrap a.carousel-arrow,
1489
- .premium-twitter-feed-wrapper a.carousel-arrow,
1490
- .premium-facebook-feed-wrapper a.carousel-arrow,
1491
- .premium-instafeed-container a.carousel-arrow,
1492
- .premium-persons-container a.carousel-arrow {
1493
- display: -ms-flexbox;
1494
- display: -webkit-flex;
1495
- display: -moz-flex;
1496
- display: -ms-flex;
1497
- -js-display: flex;
1498
- display: -webkit-box;
1499
- display: -moz-box;
1500
- display: flex;
1501
- -webkit-box-align: center;
1502
- -webkit-align-items: center;
1503
- -moz-box-align: center;
1504
- -ms-flex-align: center;
1505
- align-items: center;
1506
- -webkit-box-pack: center;
1507
- -webkit-justify-content: center;
1508
- -moz-box-pack: center;
1509
- -ms-flex-pack: center;
1510
- justify-content: center;
1511
- width: 2em;
1512
- height: 2em;
1513
- line-height: 0;
1514
- text-align: center;
1515
- position: absolute;
1516
- z-index: 99;
1517
- cursor: pointer;
1518
- -webkit-transition: all 0.3s ease-in-out;
1519
- transition: all 0.3s ease-in-out;
1520
- -webkit-appearance: inherit;
1521
- border: none;
1522
- -webkit-box-shadow: none;
1523
- box-shadow: none;
1524
- }
1525
-
1526
- div[class^="premium-"] .slick-arrow i {
1527
- display: block;
1528
- }
1529
-
1530
- .ver-carousel-arrow.carousel-next i {
1531
- margin-bottom: -3px;
1532
- }
1533
-
1534
- .premium-carousel-wrapper a.slick-arrow:hover {
1535
- -webkit-box-shadow: none !important;
1536
- box-shadow: none !important;
1537
- }
1538
-
1539
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1540
- visibility: hidden;
1541
- }
1542
-
1543
- .premium-carousel-wrapper a.carousel-arrow,
1544
- .premium-fb-rev-container a.carousel-arrow,
1545
- .premium-blog-wrap a.carousel-arrow,
1546
- .premium-hscroll-wrap a.carousel-arrow,
1547
- .premium-twitter-feed-wrapper a.carousel-arrow,
1548
- .premium-facebook-feed-wrapper a.carousel-arrow,
1549
- .premium-instafeed-container a.carousel-arrow,
1550
- .premium-persons-container a.carousel-arrow {
1551
- top: 50%;
1552
- -webkit-transform: translateY(-50%);
1553
- -ms-transform: translateY(-50%);
1554
- transform: translateY(-50%);
1555
- }
1556
-
1557
- .premium-carousel-wrapper a.ver-carousel-arrow {
1558
- right: 50%;
1559
- -webkit-transform: translateX(50%);
1560
- -ms-transform: translateX(50%);
1561
- transform: translateX(50%);
1562
- }
1563
-
1564
- a.carousel-arrow.carousel-next {
1565
- right: -20px;
1566
- }
1567
-
1568
- a.carousel-arrow.carousel-prev {
1569
- left: -20px;
1570
- }
1571
-
1572
- a.ver-carousel-arrow.carousel-next {
1573
- bottom: -56px;
1574
- }
1575
-
1576
- a.ver-carousel-arrow.carousel-prev {
1577
- top: -45px;
1578
- }
1579
-
1580
- a.circle-bg {
1581
- -webkit-border-radius: 100%;
1582
- border-radius: 100%;
1583
- }
1584
-
1585
- a.circle-border {
1586
- -webkit-border-radius: 100%;
1587
- border-radius: 100%;
1588
- border: solid black;
1589
- }
1590
-
1591
- a.square-border {
1592
- border: solid black;
1593
- }
1594
-
1595
- .premium-carousel-wrapper ul.slick-dots,
1596
- .premium-blog-wrap ul.slick-dots {
1597
- list-style: none;
1598
- text-align: center;
1599
- margin: 0;
1600
- padding: 0;
1601
- }
1602
-
1603
- .premium-carousel-dots-below ul.slick-dots {
1604
- position: relative;
1605
- }
1606
-
1607
- .premium-carousel-dots-above ul.slick-dots {
1608
- position: absolute;
1609
- display: -ms-flexbox;
1610
- display: -webkit-flex;
1611
- display: -moz-flex;
1612
- display: -ms-flex;
1613
- -js-display: flex;
1614
- display: -webkit-box;
1615
- display: -moz-box;
1616
- display: flex;
1617
- top: 50%;
1618
- -webkit-transform: translateY(-50%);
1619
- -ms-transform: translateY(-50%);
1620
- transform: translateY(-50%);
1621
- -webkit-flex-direction: column;
1622
- -webkit-box-orient: vertical;
1623
- -webkit-box-direction: normal;
1624
- -moz-box-orient: vertical;
1625
- -moz-box-direction: normal;
1626
- -ms-flex-direction: column;
1627
- flex-direction: column;
1628
- }
1629
-
1630
- ul.slick-dots li {
1631
- font-size: 10px;
1632
- display: -webkit-inline-box;
1633
- display: -webkit-inline-flex;
1634
- display: -ms-inline-flexbox;
1635
- -js-display: inline-flex;
1636
- display: -moz-inline-box;
1637
- display: inline-flex;
1638
- -webkit-box-pack: center;
1639
- -webkit-justify-content: center;
1640
- -moz-box-pack: center;
1641
- -ms-flex-pack: center;
1642
- justify-content: center;
1643
- -webkit-box-align: center;
1644
- -webkit-align-items: center;
1645
- -moz-box-align: center;
1646
- -ms-flex-align: center;
1647
- align-items: center;
1648
- margin: 5px;
1649
- width: 20px;
1650
- height: 20px;
1651
- cursor: pointer;
1652
- }
1653
-
1654
- /*
1655
- * Custom Navigation Dot
1656
- */
1657
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1658
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1659
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1660
- display: none;
1661
- }
1662
-
1663
- .premium-carousel-wrapper ul.slick-dots svg {
1664
- width: 20px;
1665
- height: 20px;
1666
- }
1667
-
1668
- /* Ripple Out */
1669
- @-webkit-keyframes hvr-ripple-out {
1670
- 0% {
1671
- -webkit-transform: scale(1);
1672
- transform: scale(1);
1673
- opacity: 1;
1674
- }
1675
-
1676
- 100% {
1677
- -webkit-transform: scale(1.5);
1678
- transform: scale(1.5);
1679
- opacity: 0;
1680
- }
1681
- }
1682
-
1683
- @keyframes hvr-ripple-out {
1684
- 0% {
1685
- -webkit-transform: scale(1);
1686
- transform: scale(1);
1687
- opacity: 1;
1688
- }
1689
-
1690
- 100% {
1691
- -webkit-transform: scale(1.5);
1692
- transform: scale(1.5);
1693
- opacity: 0;
1694
- }
1695
- }
1696
-
1697
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1698
- padding-bottom: 1px;
1699
- }
1700
-
1701
- .premium-carousel-ripple-yes ul.slick-dots li,
1702
- .premium-carousel-ripple-yes ul.slick-dots li i {
1703
- position: relative;
1704
- }
1705
-
1706
- .premium-carousel-ripple-yes ul.slick-dots li i {
1707
- z-index: 1;
1708
- }
1709
-
1710
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1711
- content: "";
1712
- position: absolute;
1713
- -webkit-transform: scale(1);
1714
- -ms-transform: scale(1);
1715
- transform: scale(1);
1716
- top: 0;
1717
- left: 0;
1718
- bottom: 0;
1719
- right: 0;
1720
- -webkit-border-radius: 50%;
1721
- border-radius: 50%;
1722
- pointer-events: none;
1723
- background-color: rgba(0, 0, 0, 0.15);
1724
- }
1725
-
1726
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1727
- background-color: rgba(0, 0, 0, 0.3);
1728
- }
1729
-
1730
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1731
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1732
- animation: hvr-ripple-out 1.3s infinite;
1733
- }
1734
-
1735
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1736
- -webkit-transform: scale(1.25, 1.25);
1737
- -ms-transform: scale(1.25, 1.25);
1738
- transform: scale(1.25, 1.25);
1739
- -webkit-transition: all 0.3s ease-in-out !important;
1740
- transition: all 0.3s ease-in-out !important;
1741
- }
1742
-
1743
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1744
- -webkit-transform: scale(1, 1);
1745
- -ms-transform: scale(1, 1);
1746
- transform: scale(1, 1);
1747
- }
1748
-
1749
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1750
- float: right;
1751
- }
1752
-
1753
- /**************** Premium Counter ***************/
1754
- /************************************************/
1755
- .premium-counter-area {
1756
- padding: 10px 0;
1757
- -js-display: flex;
1758
- display: -webkit-box;
1759
- display: -webkit-flex;
1760
- display: -moz-box;
1761
- display: -ms-flexbox;
1762
- display: flex;
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
- -webkit-box-align: center;
1769
- -webkit-align-items: center;
1770
- -moz-box-align: center;
1771
- -ms-flex-align: center;
1772
- align-items: center;
1773
- }
1774
-
1775
- .premium-counter-area.top {
1776
- -webkit-box-orient: vertical;
1777
- -webkit-box-direction: normal;
1778
- -webkit-flex-direction: column;
1779
- -moz-box-orient: vertical;
1780
- -moz-box-direction: normal;
1781
- -ms-flex-direction: column;
1782
- flex-direction: column;
1783
- }
1784
-
1785
- .premium-counter-area.right {
1786
- -webkit-box-orient: horizontal;
1787
- -webkit-box-direction: reverse;
1788
- -webkit-flex-direction: row-reverse;
1789
- -moz-box-orient: horizontal;
1790
- -moz-box-direction: reverse;
1791
- -ms-flex-direction: row-reverse;
1792
- flex-direction: row-reverse;
1793
- }
1794
-
1795
- .premium-counter-area.right .premium-counter-icon {
1796
- padding-right: 20px;
1797
- }
1798
-
1799
- .premium-counter-area.left .premium-counter-icon {
1800
- padding-left: 20px;
1801
- }
1802
-
1803
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1804
- vertical-align: text-top;
1805
- }
1806
-
1807
- .premium-counter-area .premium-counter-icon span.icon {
1808
- text-align: center;
1809
- display: inline-block;
1810
- vertical-align: middle;
1811
- }
1812
-
1813
- .premium-counter-area .premium-counter-icon .circle {
1814
- -webkit-border-radius: 100%;
1815
- border-radius: 100%;
1816
- }
1817
-
1818
- .premium-counter-area .premium-counter-icon img,
1819
- .premium-counter-area .premium-counter-icon svg {
1820
- width: 80px;
1821
- }
1822
-
1823
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1824
- height: 80px;
1825
- }
1826
-
1827
- .premium-counter-area .premium-counter-title {
1828
- padding: 0;
1829
- margin: 0;
1830
- }
1831
-
1832
- .premium-counter-area .premium-counter-value-wrap {
1833
- -js-display: flex;
1834
- display: -webkit-box;
1835
- display: -webkit-flex;
1836
- display: -moz-box;
1837
- display: -ms-flexbox;
1838
- display: flex;
1839
- -webkit-box-align: center;
1840
- -webkit-align-items: center;
1841
- -moz-box-align: center;
1842
- -ms-flex-align: center;
1843
- align-items: center;
1844
- }
1845
-
1846
- .premium-init-wrapper.right {
1847
- text-align: left;
1848
- }
1849
-
1850
- /* * Custom image and simple styles image fix */
1851
- span.icon.flex-width {
1852
- width: auto !important;
1853
- height: auto !important;
1854
- }
1855
-
1856
- .premium-counter-area .premium-counter-init {
1857
- font-size: 35px;
1858
- }
1859
-
1860
- /**************** Premium Image Separator ****************/
1861
- /*********************************************************/
1862
- /*Image Separator Container Style*/
1863
- .premium-image-separator-container {
1864
- position: absolute;
1865
- width: 100%;
1866
- z-index: 2;
1867
- top: auto;
1868
- }
1869
-
1870
- .premium-image-separator-container svg,
1871
- .premium-image-separator-container img {
1872
- display: inline-block !important;
1873
- }
1874
-
1875
- /*Link on Image Style*/
1876
- .premium-image-separator-link {
1877
- position: absolute;
1878
- z-index: 9999;
1879
- top: 0;
1880
- right: 0;
1881
- width: 100%;
1882
- height: 100%;
1883
- text-decoration: none;
1884
- }
1885
-
1886
- /*Important to override Theme options*/
1887
- a.premium-image-separator-link:hover,
1888
- a.premium-image-separator-link:visited,
1889
- a.premium-image-separator-link:focus,
1890
- a.premium-image-separator-link:active {
1891
- -webkit-box-shadow: none !important;
1892
- box-shadow: none !important;
1893
- outline: none !important;
1894
- border: none !important;
1895
- text-decoration: none !important;
1896
- }
1897
-
1898
- .premium-image-separator-container .img-responsive {
1899
- display: inline-block;
1900
- }
1901
-
1902
- .premium-image-separator-container i {
1903
- padding: 0.1em;
1904
- -webkit-transition: all 0.3s ease-in-out;
1905
- transition: all 0.3s ease-in-out;
1906
- }
1907
-
1908
- /**************** Premium Modal Box ****************/
1909
- /***************************************************/
1910
- .premium-modal-trigger-btn,
1911
- .premium-modal-box-modal-lower-close {
1912
- display: inline-block;
1913
- padding: 6px 12px;
1914
- margin-bottom: 0;
1915
- font-size: 14px;
1916
- font-weight: normal;
1917
- line-height: 1.42857143;
1918
- text-align: center;
1919
- white-space: nowrap;
1920
- vertical-align: middle;
1921
- -ms-touch-action: manipulation;
1922
- touch-action: manipulation;
1923
- cursor: pointer;
1924
- -webkit-user-select: none;
1925
- -moz-user-select: none;
1926
- -ms-user-select: none;
1927
- user-select: none;
1928
- background-image: none;
1929
- border: 1px solid transparent;
1930
- }
1931
-
1932
- .premium-modal-trigger-btn i {
1933
- -webkit-transition: all 0.3s ease-in-out;
1934
- transition: all 0.3s ease-in-out;
1935
- }
1936
-
1937
- .premium-btn-md {
1938
- padding: 8px 14px;
1939
- font-size: 16px;
1940
- line-height: 1.2;
1941
- }
1942
-
1943
- .premium-btn-lg {
1944
- padding: 10px 16px;
1945
- font-size: 18px;
1946
- line-height: 1.3333333;
1947
- }
1948
-
1949
- .premium-btn-block {
1950
- display: block;
1951
- width: 100%;
1952
- }
1953
-
1954
- .premium-modal-box-modal-close {
1955
- float: left;
1956
- font-size: 21px;
1957
- font-weight: bold;
1958
- line-height: 1;
1959
- color: #000;
1960
- }
1961
-
1962
- .premium-modal-box-modal-close:hover,
1963
- .premium-modal-box-modal-close:focus {
1964
- color: #000;
1965
- text-decoration: none;
1966
- cursor: pointer;
1967
- }
1968
-
1969
- button.premium-modal-box-modal-close {
1970
- -webkit-appearance: none;
1971
- padding: 0;
1972
- cursor: pointer;
1973
- background: transparent;
1974
- border: 0;
1975
- }
1976
-
1977
- .premium-modal-box-modal {
1978
- position: fixed;
1979
- top: 0;
1980
- left: 0;
1981
- bottom: 0;
1982
- right: 0;
1983
- z-index: 1050;
1984
- display: none;
1985
- -webkit-overflow-scrolling: touch;
1986
- outline: 0;
1987
- padding: 0 !important;
1988
- background: rgba(0, 0, 0, 0.5);
1989
- -webkit-box-align: center;
1990
- -webkit-align-items: center;
1991
- -moz-box-align: center;
1992
- -ms-flex-align: center;
1993
- align-items: center;
1994
- -webkit-box-pack: center;
1995
- -webkit-justify-content: center;
1996
- -moz-box-pack: center;
1997
- -ms-flex-pack: center;
1998
- justify-content: center;
1999
- }
2000
-
2001
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2002
- position: absolute;
2003
- max-height: -webkit-calc(100vh - 150px);
2004
- max-height: calc(100vh - 150px);
2005
- -js-display: flex;
2006
- display: -webkit-box;
2007
- display: -webkit-flex;
2008
- display: -moz-box;
2009
- display: -ms-flexbox;
2010
- display: flex;
2011
- -webkit-box-orient: vertical;
2012
- -webkit-box-direction: normal;
2013
- -webkit-flex-direction: column;
2014
- -moz-box-orient: vertical;
2015
- -moz-box-direction: normal;
2016
- -ms-flex-direction: column;
2017
- flex-direction: column;
2018
- opacity: 0;
2019
- }
2020
-
2021
- .premium-modal-box-modal-content {
2022
- background-color: #fff;
2023
- -webkit-background-clip: padding-box;
2024
- background-clip: padding-box;
2025
- border: 1px solid rgba(0, 0, 0, 0.2);
2026
- -webkit-border-radius: 6px;
2027
- border-radius: 6px;
2028
- outline: 0;
2029
- }
2030
-
2031
- .premium-modal-backdrop.premium-in {
2032
- filter: alpha(opacity=50);
2033
- opacity: 0.5 !important;
2034
- }
2035
-
2036
- .premium-modal-fade.premium-in {
2037
- opacity: 1;
2038
- }
2039
-
2040
- .premium-modal-backdrop {
2041
- position: fixed;
2042
- top: 0;
2043
- left: 0;
2044
- bottom: 0;
2045
- right: 0;
2046
- z-index: 1040;
2047
- background-color: #000;
2048
- }
2049
-
2050
- .premium-modal-backdrop.premium-modal-fade {
2051
- filter: alpha(opacity=0);
2052
- opacity: 0;
2053
- }
2054
-
2055
- .premium-modal-fade {
2056
- opacity: 0;
2057
- }
2058
-
2059
- .premium-in {
2060
- -js-display: flex !important;
2061
- display: -webkit-box !important;
2062
- display: -webkit-flex !important;
2063
- display: -moz-box !important;
2064
- display: -ms-flexbox !important;
2065
- display: flex !important;
2066
- }
2067
-
2068
- .premium-modal-box-modal-header {
2069
- -js-display: flex;
2070
- display: -webkit-box;
2071
- display: -webkit-flex;
2072
- display: -moz-box;
2073
- display: -ms-flexbox;
2074
- display: flex;
2075
- -webkit-box-pack: justify;
2076
- -webkit-justify-content: space-between;
2077
- -moz-box-pack: justify;
2078
- -ms-flex-pack: justify;
2079
- justify-content: space-between;
2080
- -webkit-box-align: center;
2081
- -webkit-align-items: center;
2082
- -moz-box-align: center;
2083
- -ms-flex-align: center;
2084
- align-items: center;
2085
- padding: 5px 15px;
2086
- border-bottom: 1px solid #e5e5e5;
2087
- }
2088
-
2089
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2090
- margin-top: -2px;
2091
- }
2092
-
2093
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2094
- -js-display: flex;
2095
- display: -webkit-box;
2096
- display: -webkit-flex;
2097
- display: -moz-box;
2098
- display: -ms-flexbox;
2099
- display: flex;
2100
- -webkit-box-align: center;
2101
- -webkit-align-items: center;
2102
- -moz-box-align: center;
2103
- -ms-flex-align: center;
2104
- align-items: center;
2105
- margin: 0;
2106
- padding: 0;
2107
- }
2108
-
2109
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2110
- width: 50px;
2111
- height: 60px;
2112
- }
2113
-
2114
- .premium-modal-box-modal-body {
2115
- position: relative;
2116
- padding: 15px;
2117
- overflow: hidden;
2118
- }
2119
-
2120
- .premium-modal-box-modal-footer {
2121
- padding: 15px;
2122
- text-align: left;
2123
- border-top: 1px solid #e5e5e5;
2124
- }
2125
-
2126
- .premium-modal-scrollbar-measure {
2127
- position: absolute;
2128
- top: -9999px;
2129
- width: 50px;
2130
- height: 50px;
2131
- overflow: scroll;
2132
- }
2133
-
2134
- .premium-modal-trigger-text {
2135
- background: none !important;
2136
- }
2137
-
2138
- .premium-modal-box-container {
2139
- width: 100% !important;
2140
- }
2141
-
2142
- /*Open Modal Button Style*/
2143
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2144
- border: none;
2145
- -webkit-transition: all 0.3s ease-in-out;
2146
- transition: all 0.3s ease-in-out;
2147
- }
2148
-
2149
- .premium-modal-trigger-container .premium-modal-trigger-img,
2150
- .premium-modal-trigger-container .premium-modal-trigger-text,
2151
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2152
- cursor: pointer;
2153
- }
2154
-
2155
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2156
- display: inline-block;
2157
- width: 200px;
2158
- height: 200px;
2159
- -webkit-transition: all 0.3s ease-in-out;
2160
- transition: all 0.3s ease-in-out;
2161
- }
2162
-
2163
- /*Image on Modal Header Style*/
2164
- .premium-modal-box-modal-header img {
2165
- width: 48px;
2166
- padding-left: 5px;
2167
- }
2168
-
2169
- .premium-modal-box-modal-header i,
2170
- .premium-modal-box-modal-header svg {
2171
- padding-left: 6px;
2172
- }
2173
-
2174
- .premium-modal-box-modal-close {
2175
- position: relative;
2176
- z-index: 99;
2177
- }
2178
-
2179
- .premium-modal-trigger-img,
2180
- .premium-modal-trigger-text,
2181
- .premium-modal-box-close-button-container,
2182
- .premium-modal-box-modal-close,
2183
- .premium-modal-box-modal-lower-close {
2184
- -webkit-transition: all 0.3s ease-in-out;
2185
- transition: all 0.3s ease-in-out;
2186
- }
2187
-
2188
- @media (min-width: 768px) {
2189
- .premium-modal-box-modal-dialog {
2190
- width: 700px;
2191
- max-height: 600px;
2192
- overflow: auto;
2193
- }
2194
- }
2195
-
2196
- @media (max-width: 767px) {
2197
- .premium-modal-box-modal-dialog {
2198
- width: 100%;
2199
- max-height: 500px;
2200
- overflow: auto;
2201
- }
2202
- }
2203
-
2204
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2205
- opacity: 0;
2206
- }
2207
-
2208
- /**************** Premium Progress Bar ****************/
2209
- /******************************************************/
2210
- .premium-progressbar-container {
2211
- position: relative;
2212
- }
2213
-
2214
- .premium-progressbar-bar-wrap {
2215
- position: relative;
2216
- text-align: right;
2217
- overflow: hidden;
2218
- height: 25px;
2219
- margin-bottom: 50px;
2220
- background-color: #f5f5f5;
2221
- -webkit-border-radius: 4px;
2222
- border-radius: 4px;
2223
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2224
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2225
- }
2226
-
2227
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2228
- background-color: transparent;
2229
- width: 100%;
2230
- -js-display: flex;
2231
- display: -webkit-box;
2232
- display: -webkit-flex;
2233
- display: -moz-box;
2234
- display: -ms-flexbox;
2235
- display: flex;
2236
- height: auto;
2237
- -webkit-box-shadow: none;
2238
- box-shadow: none;
2239
- }
2240
-
2241
- .premium-progressbar-bar-wrap .progress-segment {
2242
- position: relative;
2243
- width: 25px;
2244
- height: 25px;
2245
- -webkit-border-radius: 50%;
2246
- border-radius: 50%;
2247
- overflow: hidden;
2248
- background-color: #f5f5f5;
2249
- }
2250
-
2251
- .premium-progressbar-bar-wrap .progress-segment.filled {
2252
- background: #6ec1e4;
2253
- }
2254
-
2255
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2256
- margin: 0 4px;
2257
- }
2258
-
2259
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2260
- margin-left: 4px;
2261
- }
2262
-
2263
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2264
- margin-right: 4px;
2265
- }
2266
-
2267
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2268
- position: absolute;
2269
- top: 0;
2270
- right: 0;
2271
- height: 100%;
2272
- background-color: #6ec1e4;
2273
- }
2274
-
2275
- .premium-progressbar-bar {
2276
- float: right;
2277
- width: 0%;
2278
- height: 100%;
2279
- font-size: 12px;
2280
- line-height: 20px;
2281
- background: #6ec1e4;
2282
- text-align: center;
2283
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2284
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2285
- }
2286
-
2287
- .premium-progressbar-striped .premium-progressbar-bar {
2288
- background-image: -webkit-linear-gradient(-135deg,
2289
- rgba(255, 255, 255, 0.15) 25%,
2290
- transparent 25%,
2291
- transparent 50%,
2292
- rgba(255, 255, 255, 0.15) 50%,
2293
- rgba(255, 255, 255, 0.15) 75%,
2294
- transparent 75%,
2295
- transparent);
2296
- background-image: -webkit-linear-gradient(45deg,
2297
- rgba(255, 255, 255, 0.15) 25%,
2298
- transparent 25%,
2299
- transparent 50%,
2300
- rgba(255, 255, 255, 0.15) 50%,
2301
- rgba(255, 255, 255, 0.15) 75%,
2302
- transparent 75%,
2303
- transparent);
2304
- background-image: linear-gradient(45deg,
2305
- rgba(255, 255, 255, 0.15) 25%,
2306
- transparent 25%,
2307
- transparent 50%,
2308
- rgba(255, 255, 255, 0.15) 50%,
2309
- rgba(255, 255, 255, 0.15) 75%,
2310
- transparent 75%,
2311
- transparent);
2312
- -webkit-background-size: 40px 40px;
2313
- background-size: 40px 40px;
2314
- }
2315
-
2316
- .premium-progressbar-active .premium-progressbar-bar {
2317
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2318
- animation: progress-bar-stripes 2s linear infinite;
2319
- }
2320
-
2321
- .premium-progressbar-gradient .premium-progressbar-bar {
2322
- -webkit-background-size: 400% 400% !important;
2323
- background-size: 400% 400% !important;
2324
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2325
- animation: progress-bar-gradient 10s ease-in-out infinite;
2326
- }
2327
-
2328
- .premium-progressbar-bar {
2329
- position: absolute;
2330
- overflow: hidden;
2331
- line-height: 20px;
2332
- }
2333
-
2334
- .premium-progressbar-container .clearfix {
2335
- clear: both;
2336
- }
2337
-
2338
- .premium-progressbar-bar {
2339
- -webkit-transition: width 0s ease-in-out !important;
2340
- transition: width 0s ease-in-out !important;
2341
- }
2342
-
2343
- .premium-progressbar-container p:first-of-type {
2344
- margin: 0;
2345
- float: right;
2346
- }
2347
-
2348
- .premium-progressbar-container p:nth-of-type(2) {
2349
- margin: 0;
2350
- float: left;
2351
- }
2352
-
2353
- .premium-progressbar-name {
2354
- right: 50%;
2355
- top: 0;
2356
- left: 0;
2357
- -webkit-transform: translateX(12.5px);
2358
- -ms-transform: translateX(12.5px);
2359
- transform: translateX(12.5px);
2360
- z-index: 1;
2361
- }
2362
-
2363
- .premium-progressbar-multiple-label {
2364
- position: relative;
2365
- float: right;
2366
- width: 0;
2367
- right: 50%;
2368
- }
2369
-
2370
- .premium-progressbar-center-label {
2371
- position: relative;
2372
- white-space: nowrap;
2373
- }
2374
-
2375
- .premium-progressbar-arrow {
2376
- right: 50%;
2377
- display: inline-block;
2378
- border-right: 7px solid transparent;
2379
- border-left: 7px solid transparent;
2380
- border-top: 11px solid;
2381
- -webkit-transform: translateX(50%);
2382
- -ms-transform: translateX(50%);
2383
- transform: translateX(50%);
2384
- }
2385
-
2386
- .premium-progressbar-pin {
2387
- border-right: 1px solid;
2388
- height: 12px;
2389
- right: 50%;
2390
- display: inline-block;
2391
- }
2392
-
2393
- /**
2394
- * Circle Progress Bar
2395
- */
2396
- .premium-progressbar-circle-wrap {
2397
- width: 200px;
2398
- height: 200px;
2399
- position: relative;
2400
- margin: 0 auto;
2401
- }
2402
-
2403
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2404
- position: absolute;
2405
- top: 0;
2406
- right: 0;
2407
- width: 100%;
2408
- height: 100%;
2409
- -webkit-clip-path: inset(0 0 0 50%);
2410
- clip-path: inset(0 0 0 50%);
2411
- }
2412
-
2413
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2414
- position: absolute;
2415
- right: 0;
2416
- top: 0;
2417
- height: 100%;
2418
- width: 100%;
2419
- border-width: 6px;
2420
- border-style: solid;
2421
- border-color: #54595f;
2422
- -webkit-border-radius: 50%;
2423
- border-radius: 50%;
2424
- -webkit-clip-path: inset(0 50% 0 0);
2425
- clip-path: inset(0 50% 0 0);
2426
- }
2427
-
2428
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2429
- -webkit-transform: rotate(0);
2430
- -ms-transform: rotate(0);
2431
- transform: rotate(0);
2432
- }
2433
-
2434
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2435
- -webkit-transform: rotate(-180deg);
2436
- -ms-transform: rotate(-180deg);
2437
- transform: rotate(-180deg);
2438
- visibility: hidden;
2439
- }
2440
-
2441
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2442
- width: 100%;
2443
- height: 100%;
2444
- border: 6px solid #eee;
2445
- -webkit-border-radius: 50%;
2446
- border-radius: 50%;
2447
- }
2448
-
2449
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2450
- position: absolute;
2451
- top: 0;
2452
- right: 0;
2453
- width: 100%;
2454
- height: 100%;
2455
- -js-display: flex;
2456
- display: -webkit-box;
2457
- display: -webkit-flex;
2458
- display: -moz-box;
2459
- display: -ms-flexbox;
2460
- display: flex;
2461
- -webkit-box-orient: vertical;
2462
- -webkit-box-direction: normal;
2463
- -webkit-flex-direction: column;
2464
- -moz-box-orient: vertical;
2465
- -moz-box-direction: normal;
2466
- -ms-flex-direction: column;
2467
- flex-direction: column;
2468
- -webkit-box-pack: center;
2469
- -webkit-justify-content: center;
2470
- -moz-box-pack: center;
2471
- -ms-flex-pack: center;
2472
- justify-content: center;
2473
- -webkit-box-align: center;
2474
- -webkit-align-items: center;
2475
- -moz-box-align: center;
2476
- -ms-flex-align: center;
2477
- align-items: center;
2478
- }
2479
-
2480
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2481
- line-height: 1;
2482
- }
2483
-
2484
- @-webkit-keyframes progress-bar-stripes {
2485
- from {
2486
- background-position: 100% 0;
2487
- }
2488
-
2489
- to {
2490
- background-position: 40px 0;
2491
- }
2492
- }
2493
-
2494
- @keyframes progress-bar-stripes {
2495
- from {
2496
- background-position: 100% 0;
2497
- }
2498
-
2499
- to {
2500
- background-position: 40px 0;
2501
- }
2502
- }
2503
-
2504
- @-webkit-keyframes progress-bar-gradient {
2505
- 0% {
2506
- background-position: 100% 50%;
2507
- }
2508
-
2509
- 50% {
2510
- background-position: 0% 50%;
2511
- }
2512
-
2513
- 100% {
2514
- background-position: 100% 50%;
2515
- }
2516
- }
2517
-
2518
- @keyframes progress-bar-gradient {
2519
- 0% {
2520
- background-position: 100% 50%;
2521
- }
2522
-
2523
- 50% {
2524
- background-position: 0% 50%;
2525
- }
2526
-
2527
- 100% {
2528
- background-position: 100% 50%;
2529
- }
2530
- }
2531
-
2532
- /**************** Premium Testimonials ****************/
2533
- /******************************************************/
2534
- .premium-testimonial-box {
2535
- width: 100%;
2536
- background: transparent;
2537
- -webkit-transition: all 0.3s ease-in-out;
2538
- transition: all 0.3s ease-in-out;
2539
- }
2540
-
2541
- .premium-testimonial-box .premium-testimonial-author-info {
2542
- -js-display: flex;
2543
- display: -webkit-box;
2544
- display: -webkit-flex;
2545
- display: -moz-box;
2546
- display: -ms-flexbox;
2547
- display: flex;
2548
- -webkit-box-pack: center;
2549
- -webkit-justify-content: center;
2550
- -moz-box-pack: center;
2551
- -ms-flex-pack: center;
2552
- justify-content: center;
2553
- -webkit-box-align: center;
2554
- -webkit-align-items: center;
2555
- -moz-box-align: center;
2556
- -ms-flex-align: center;
2557
- align-items: center;
2558
- }
2559
-
2560
- .premium-testimonial-box .premium-testimonial-person-name,
2561
- .premium-testimonial-box .premium-testimonial-company-name {
2562
- font-weight: 600;
2563
- margin: 0;
2564
- }
2565
-
2566
- .premium-testimonial-container {
2567
- position: relative;
2568
- }
2569
-
2570
- .premium-testimonial-img-wrapper {
2571
- margin-right: auto;
2572
- margin-left: auto;
2573
- overflow: hidden;
2574
- border-style: solid !important;
2575
- }
2576
-
2577
- .premium-testimonial-img-wrapper.circle {
2578
- -webkit-border-radius: 50%;
2579
- border-radius: 50%;
2580
- }
2581
-
2582
- .premium-testimonial-img-wrapper.rounded {
2583
- -webkit-border-radius: 15px;
2584
- border-radius: 15px;
2585
- }
2586
-
2587
- .premium-testimonial-img-wrapper img {
2588
- -o-object-fit: cover;
2589
- object-fit: cover;
2590
- width: 100%;
2591
- height: 100% !important;
2592
- }
2593
-
2594
- .premium-testimonial-content-wrapper {
2595
- position: relative;
2596
- display: -ms-flexbox;
2597
- display: -webkit-flex;
2598
- display: -moz-flex;
2599
- display: -ms-flex;
2600
- -js-display: flex;
2601
- display: -webkit-box;
2602
- display: -moz-box;
2603
- display: flex;
2604
- -webkit-box-orient: vertical;
2605
- -webkit-box-direction: normal;
2606
- -webkit-flex-direction: column;
2607
- -moz-box-orient: vertical;
2608
- -moz-box-direction: normal;
2609
- -ms-flex-direction: column;
2610
- flex-direction: column;
2611
- z-index: 2;
2612
- width: 100%;
2613
- padding: 20px;
2614
- text-align: center;
2615
- }
2616
-
2617
- .premium-testimonial-clear-float {
2618
- clear: both;
2619
- }
2620
-
2621
- .premium-testimonial-upper-quote,
2622
- .premium-testimonial-lower-quote {
2623
- position: absolute;
2624
- z-index: 1;
2625
- }
2626
-
2627
- /**************** Premium Dual Heading *****************/
2628
- /*******************************************************/
2629
- .premium-dual-header-container .premium-dual-header-first-header,
2630
- .premium-dual-header-container .premium-dual-header-second-header {
2631
- position: relative;
2632
- padding: 0;
2633
- margin: 0;
2634
- display: inline-block;
2635
- -webkit-transform: translate(0, 0);
2636
- -ms-transform: translate(0, 0);
2637
- transform: translate(0, 0);
2638
- }
2639
-
2640
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2641
- .premium-dual-header-second-clip {
2642
- -webkit-text-fill-color: transparent;
2643
- -webkit-background-clip: text;
2644
- }
2645
-
2646
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2647
- .premium-dual-header-second-clip.stroke {
2648
- -webkit-text-stroke-color: transparent;
2649
- -webkit-text-fill-color: #fafafa;
2650
- -webkit-text-stroke-width: 2px;
2651
- }
2652
-
2653
- @media (max-width: 500px) {
2654
-
2655
- .premium-dual-header-container .premium-dual-header-first-header,
2656
- .premium-dual-header-container .premium-dual-header-second-header {
2657
- display: block;
2658
- word-wrap: break-word;
2659
- }
2660
-
2661
- .premium-dual-header-first-container,
2662
- .premium-dual-header-second-container {
2663
- margin: 0;
2664
- }
2665
- }
2666
-
2667
- @media (min-width: 501px) {
2668
- .premium-dual-header-first-container {
2669
- margin-left: 5px;
2670
- }
2671
- }
2672
-
2673
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2674
- .premium-dual-header-second-header.gradient {
2675
- -webkit-background-size: 300% 300% !important;
2676
- background-size: 300% 300% !important;
2677
- -webkit-animation: Gradient 10s ease-in-out infinite;
2678
- animation: Gradient 10s ease-in-out infinite;
2679
- }
2680
-
2681
- @-webkit-keyframes Gradient {
2682
- 0% {
2683
- background-position: 100% 50%;
2684
- }
2685
-
2686
- 50% {
2687
- background-position: 0% 50%;
2688
- }
2689
-
2690
- 100% {
2691
- background-position: 100% 50%;
2692
- }
2693
- }
2694
-
2695
- @keyframes Gradient {
2696
- 0% {
2697
- background-position: 100% 50%;
2698
- }
2699
-
2700
- 50% {
2701
- background-position: 0% 50%;
2702
- }
2703
-
2704
- 100% {
2705
- background-position: 100% 50%;
2706
- }
2707
- }
2708
-
2709
- /**************** Premium Title ****************/
2710
- /***********************************************/
2711
- .premium-title-container {
2712
- position: relative;
2713
- width: 100%;
2714
- clear: both;
2715
- overflow: hidden;
2716
- }
2717
-
2718
- .premium-title-container .premium-title-header {
2719
- position: relative;
2720
- margin: 0;
2721
- padding: 10px;
2722
- }
2723
-
2724
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2725
- -webkit-box-align: center;
2726
- -webkit-align-items: center;
2727
- -moz-box-align: center;
2728
- -ms-flex-align: center;
2729
- align-items: center;
2730
- }
2731
-
2732
- .premium-title-container .premium-title-header svg {
2733
- width: 40px;
2734
- height: 40px;
2735
- }
2736
-
2737
- .premium-title-container .premium-title-header img {
2738
- width: 40px;
2739
- height: 40px;
2740
- -o-object-fit: cover;
2741
- object-fit: cover;
2742
- }
2743
-
2744
- .premium-title-container .premium-title-header a {
2745
- position: absolute;
2746
- top: 0;
2747
- right: 0;
2748
- width: 100%;
2749
- height: 100%;
2750
- }
2751
-
2752
- .premium-title-container .premium-lottie-animation {
2753
- -js-display: flex;
2754
- display: -webkit-box;
2755
- display: -webkit-flex;
2756
- display: -moz-box;
2757
- display: -ms-flexbox;
2758
- display: flex;
2759
- }
2760
-
2761
- .premium-title-icon-row .premium-title-icon {
2762
- margin-left: 10px;
2763
- }
2764
-
2765
- .premium-title-icon-row-reverse .premium-title-icon {
2766
- margin-right: 10px;
2767
- }
2768
-
2769
- .premium-title-style3,
2770
- .premium-title-style4 {
2771
- -js-display: flex;
2772
- display: -webkit-box;
2773
- display: -webkit-flex;
2774
- display: -moz-box;
2775
- display: -ms-flexbox;
2776
- display: flex;
2777
- }
2778
-
2779
- .premium-title-style1,
2780
- .premium-title-style2,
2781
- .premium-title-style5,
2782
- .premium-title-style6,
2783
- .premium-title-style8,
2784
- .premium-title-style9 {
2785
- -js-display: inline-flex;
2786
- display: -webkit-inline-box;
2787
- display: -webkit-inline-flex;
2788
- display: -moz-inline-box;
2789
- display: -ms-inline-flexbox;
2790
- display: inline-flex;
2791
- }
2792
-
2793
- .premium-title-style7 {
2794
- -js-display: inline-flex;
2795
- display: -webkit-inline-box;
2796
- display: -webkit-inline-flex;
2797
- display: -moz-inline-box;
2798
- display: -ms-inline-flexbox;
2799
- display: inline-flex;
2800
- -webkit-box-orient: vertical;
2801
- -webkit-box-direction: normal;
2802
- -webkit-flex-direction: column;
2803
- -moz-box-orient: vertical;
2804
- -moz-box-direction: normal;
2805
- -ms-flex-direction: column;
2806
- flex-direction: column;
2807
- }
2808
-
2809
- .premium-title-style7 .premium-title-style7-inner {
2810
- -js-display: flex;
2811
- display: -webkit-box;
2812
- display: -webkit-flex;
2813
- display: -moz-box;
2814
- display: -ms-flexbox;
2815
- display: flex;
2816
- -webkit-box-align: center;
2817
- -webkit-align-items: center;
2818
- -moz-box-align: center;
2819
- -ms-flex-align: center;
2820
- align-items: center;
2821
- }
2822
-
2823
- .premium-title-style1 {
2824
- border-right: 3px solid #6ec1e4;
2825
- }
2826
-
2827
- .premium-title-container.style2,
2828
- .premium-title-container.style4,
2829
- .premium-title-container.style5,
2830
- .premium-title-container.style6 {
2831
- border-bottom: 3px solid #6ec1e4;
2832
- }
2833
-
2834
- /*Style 6 Header*/
2835
- .premium-title-style6:before {
2836
- position: absolute;
2837
- right: 50%;
2838
- bottom: 0;
2839
- margin-right: -2px;
2840
- content: "";
2841
- border: 3px solid transparent;
2842
- }
2843
-
2844
- /*Style 6 Trinagle*/
2845
- .premium-title-style7-stripe-wrap {
2846
- -js-display: flex;
2847
- display: -webkit-box;
2848
- display: -webkit-flex;
2849
- display: -moz-box;
2850
- display: -ms-flexbox;
2851
- display: flex;
2852
- }
2853
-
2854
- .premium-title-style7:before {
2855
- display: none;
2856
- }
2857
-
2858
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2859
- -webkit-background-size: 125px 125px !important;
2860
- background-size: 125px !important;
2861
- color: rgba(255, 255, 255, 0);
2862
- -webkit-background-clip: text !important;
2863
- background-clip: text !important;
2864
- -webkit-animation-name: shining_title !important;
2865
- animation-name: shining_title !important;
2866
- -webkit-animation-duration: var(--animation-speed) !important;
2867
- animation-duration: var(--animation-speed) !important;
2868
- -webkit-animation-iteration-count: infinite !important;
2869
- animation-iteration-count: infinite !important;
2870
- background: var(--base-color) -webkit-gradient(linear,
2871
- left top,
2872
- right top,
2873
- from(var(--base-color)),
2874
- to(var(--base-color)),
2875
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
2876
- }
2877
-
2878
- @-webkit-keyframes shining_title {
2879
- 0% {
2880
- background-position: 100%;
2881
- }
2882
-
2883
- 100% {
2884
- background-position: -100%;
2885
- }
2886
- }
2887
-
2888
- @keyframes shining_title {
2889
- 0% {
2890
- background-position: 100%;
2891
- }
2892
-
2893
- 100% {
2894
- background-position: -100%;
2895
- }
2896
- }
2897
-
2898
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2899
- -webkit-animation: premium_blurshadow 2s 1 alternate;
2900
- animation: premium_blurshadow 2s 1 alternate;
2901
- }
2902
-
2903
- @-webkit-keyframes premium_blurshadow {
2904
- from {
2905
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2906
- color: transparent;
2907
- }
2908
-
2909
- to {
2910
- text-shadow: 0;
2911
- }
2912
- }
2913
-
2914
- @keyframes premium_blurshadow {
2915
- from {
2916
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2917
- color: transparent;
2918
- }
2919
-
2920
- to {
2921
- text-shadow: 0;
2922
- }
2923
- }
2924
-
2925
- /*
2926
- * Common Title/Dual Heading
2927
- */
2928
- .premium-title-bg-text:before {
2929
- position: absolute;
2930
- content: attr(data-background);
2931
- top: 0;
2932
- right: 0;
2933
- text-align: left;
2934
- }
2935
-
2936
- /**************** Premium Video Box ************/
2937
- /***********************************************/
2938
- .premium-video-box-transform {
2939
- -webkit-transform: none !important;
2940
- -ms-transform: none !important;
2941
- transform: none !important;
2942
- }
2943
-
2944
- .premium-video-box-container>div {
2945
- position: relative;
2946
- }
2947
-
2948
- .pa-aspect-ratio-11 .premium-video-box-container>div {
2949
- padding-bottom: 100%;
2950
- }
2951
-
2952
- .pa-aspect-ratio-169 .premium-video-box-container>div {
2953
- padding-bottom: 56.25%;
2954
- }
2955
-
2956
- .pa-aspect-ratio-43 .premium-video-box-container>div {
2957
- padding-bottom: 75%;
2958
- }
2959
-
2960
- .pa-aspect-ratio-32 .premium-video-box-container>div {
2961
- padding-bottom: 66.6666%;
2962
- }
2963
-
2964
- .pa-aspect-ratio-219 .premium-video-box-container>div {
2965
- padding-bottom: 42.8571%;
2966
- }
2967
-
2968
- .pa-aspect-ratio-916 .premium-video-box-container>div {
2969
- padding-bottom: 177.8%;
2970
- }
2971
-
2972
- .premium-video-box-image-container {
2973
- position: absolute;
2974
- top: 0;
2975
- right: 0;
2976
- bottom: 0;
2977
- left: 0;
2978
- width: 100%;
2979
- height: 100%;
2980
- -webkit-background-size: cover;
2981
- background-size: cover;
2982
- background-position: 50%;
2983
- cursor: pointer;
2984
- margin: auto;
2985
- -webkit-transition: 0.2s all;
2986
- transition: 0.2s all;
2987
- }
2988
-
2989
- .premium-video-box-play-icon-container {
2990
- position: absolute;
2991
- z-index: 2;
2992
- cursor: pointer;
2993
- -webkit-transform: translate(50%, -50%);
2994
- -ms-transform: translate(50%, -50%);
2995
- transform: translate(50%, -50%);
2996
- background: rgba(252, 252, 252, 0.35);
2997
- }
2998
-
2999
- .premium-video-box-description-container {
3000
- position: absolute;
3001
- z-index: 2;
3002
- padding: 5px;
3003
- text-align: center;
3004
- cursor: pointer;
3005
- -webkit-transform: translate(50%, -50%);
3006
- -ms-transform: translate(50%, -50%);
3007
- transform: translate(50%, -50%);
3008
- }
3009
-
3010
- .premium-video-box-text {
3011
- margin-bottom: 0 !important;
3012
- -webkit-transition: all 0.3s ease-in-out;
3013
- transition: all 0.3s ease-in-out;
3014
- }
3015
-
3016
- .premium-video-box-play-icon {
3017
- padding: 15px;
3018
- -webkit-transform: translateX(-4%);
3019
- -ms-transform: translateX(-4%);
3020
- transform: translateX(-4%);
3021
- -webkit-transition: all 0.3s ease-in-out;
3022
- transition: all 0.3s ease-in-out;
3023
- }
3024
-
3025
- .premium-video-box-video-container {
3026
- position: absolute;
3027
- top: 0;
3028
- right: 0;
3029
- z-index: 2;
3030
- width: 100%;
3031
- height: 100%;
3032
- -webkit-transition: opacity 0.8s ease-in-out;
3033
- transition: opacity 0.8s ease-in-out;
3034
- overflow: hidden;
3035
- cursor: pointer;
3036
- }
3037
-
3038
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3039
- opacity: 0;
3040
- visibility: hidden;
3041
- }
3042
-
3043
- .premium-video-box-video-container iframe {
3044
- max-width: 100%;
3045
- width: 100%;
3046
- height: 100%;
3047
- margin: 0;
3048
- line-height: 1;
3049
- border: none;
3050
- }
3051
-
3052
- .premium-video-box-video-container video {
3053
- max-width: 100%;
3054
- width: 100%;
3055
- height: 100%;
3056
- margin: 0;
3057
- line-height: 1;
3058
- border: none;
3059
- background-color: #000;
3060
- -o-object-fit: contain;
3061
- object-fit: contain;
3062
- }
3063
-
3064
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3065
- -js-display: flex;
3066
- display: -webkit-box;
3067
- display: -webkit-flex;
3068
- display: -moz-box;
3069
- display: -ms-flexbox;
3070
- display: flex;
3071
- position: absolute;
3072
- top: 0;
3073
- right: 0;
3074
- z-index: 3;
3075
- margin: 10px;
3076
- margin-left: 10px;
3077
- -webkit-transition: opacity 0.2s ease-out;
3078
- transition: opacity 0.2s ease-out;
3079
- margin-left: 4.6em;
3080
- }
3081
-
3082
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3083
- width: 60px;
3084
- height: 60px;
3085
- background: rgba(23, 35, 34, 0.75);
3086
- margin-left: 1px;
3087
- -webkit-box-flex: 1;
3088
- -webkit-flex: 1 0 auto;
3089
- -moz-box-flex: 1;
3090
- -ms-flex: 1 0 auto;
3091
- flex: 1 0 auto;
3092
- padding: 0;
3093
- }
3094
-
3095
- .premium-video-box-vimeo-portrait img {
3096
- width: 50px;
3097
- height: 50px;
3098
- margin: 5px;
3099
- padding: 0;
3100
- border: 0;
3101
- -webkit-border-radius: 50%;
3102
- border-radius: 50%;
3103
- }
3104
-
3105
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3106
- font-size: 10px;
3107
- }
3108
-
3109
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3110
- max-width: 100%;
3111
- font-size: 2em !important;
3112
- font-weight: 700;
3113
- margin: 0;
3114
- padding: 0.1em 0.2em;
3115
- background: rgba(23, 35, 34, 0.75);
3116
- display: inline-block;
3117
- text-transform: none;
3118
- line-height: normal;
3119
- letter-spacing: normal;
3120
- }
3121
-
3122
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3123
- font-size: 1.2em !important;
3124
- font-weight: 400;
3125
- color: #fff;
3126
- margin-top: 0.1em;
3127
- padding: 0.2em 0.5em;
3128
- background: rgba(23, 35, 34, 0.75);
3129
- text-transform: none;
3130
- line-height: normal;
3131
- letter-spacing: normal;
3132
- }
3133
-
3134
- .premium-video-box-playlist-container {
3135
- -js-display: flex;
3136
- display: -webkit-box;
3137
- display: -webkit-flex;
3138
- display: -moz-box;
3139
- display: -ms-flexbox;
3140
- display: flex;
3141
- -webkit-flex-wrap: wrap;
3142
- -ms-flex-wrap: wrap;
3143
- flex-wrap: wrap;
3144
- }
3145
-
3146
- .premium-video-box-playlist-container .premium-video-box-container {
3147
- height: 100%;
3148
- overflow: hidden;
3149
- }
3150
-
3151
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3152
- -webkit-transform: scale(1.1);
3153
- -ms-transform: scale(1.1);
3154
- transform: scale(1.1);
3155
- }
3156
-
3157
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3158
- -webkit-transform: scale(1);
3159
- -ms-transform: scale(1);
3160
- transform: scale(1);
3161
- }
3162
-
3163
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3164
- -webkit-transform: scale(1.3) rotate(-5deg);
3165
- -ms-transform: scale(1.3) rotate(-5deg);
3166
- transform: scale(1.3) rotate(-5deg);
3167
- }
3168
-
3169
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3170
- -webkit-filter: grayscale(0%);
3171
- filter: grayscale(0%);
3172
- }
3173
-
3174
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3175
- -webkit-filter: blur(3px);
3176
- filter: blur(3px);
3177
- }
3178
-
3179
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3180
- -webkit-filter: sepia(0%);
3181
- filter: sepia(0%);
3182
- }
3183
-
3184
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3185
- -webkit-transform: translateX(0px) scale(1.1);
3186
- -ms-transform: translateX(0px) scale(1.1);
3187
- transform: translateX(0px) scale(1.1);
3188
- }
3189
-
3190
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3191
- -webkit-filter: brightness(1.2);
3192
- filter: brightness(1.2);
3193
- }
3194
-
3195
- .premium-video-box-image-container.gray {
3196
- -webkit-filter: grayscale(100%);
3197
- filter: grayscale(100%);
3198
- }
3199
-
3200
- .premium-video-box-image-container.zoomout,
3201
- .premium-video-box-image-container.scale {
3202
- -webkit-transform: scale(1.2);
3203
- -ms-transform: scale(1.2);
3204
- transform: scale(1.2);
3205
- }
3206
-
3207
- .premium-video-box-image-container.sepia {
3208
- -webkit-filter: sepia(30%);
3209
- filter: sepia(30%);
3210
- }
3211
-
3212
- .premium-video-box-image-container.bright {
3213
- -webkit-filter: brightness(1);
3214
- filter: brightness(1);
3215
- }
3216
-
3217
- .premium-video-box-image-container.trans {
3218
- -webkit-transform: translateX(15px) scale(1.1);
3219
- -ms-transform: translateX(15px) scale(1.1);
3220
- transform: translateX(15px) scale(1.1);
3221
- }
3222
-
3223
- .premium-video-box-mask-media {
3224
- -webkit-mask-repeat: no-repeat;
3225
- mask-repeat: no-repeat;
3226
- }
3227
-
3228
- /* Sticky Video Option */
3229
- .premium-video-box-container.premium-video-box-sticky-apply {
3230
- z-index: 99;
3231
- overflow: unset;
3232
- }
3233
-
3234
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3235
- position: fixed !important;
3236
- z-index: 99999;
3237
- height: 225px;
3238
- width: 400px;
3239
- background: #fff;
3240
- }
3241
-
3242
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3243
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3244
- visibility: hidden;
3245
- }
3246
-
3247
- .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 {
3248
- -webkit-box-shadow: unset;
3249
- box-shadow: unset;
3250
- }
3251
-
3252
- .premium-video-box-sticky-close,
3253
- .premium-video-box-sticky-infobar {
3254
- display: none;
3255
- }
3256
-
3257
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3258
- position: absolute;
3259
- padding: 5px;
3260
- cursor: pointer;
3261
- z-index: 99999;
3262
- height: 14px;
3263
- width: 14px;
3264
- -webkit-box-sizing: content-box;
3265
- -moz-box-sizing: content-box;
3266
- box-sizing: content-box;
3267
- -webkit-border-radius: 100%;
3268
- border-radius: 100%;
3269
- -js-display: flex;
3270
- display: -webkit-box;
3271
- display: -webkit-flex;
3272
- display: -moz-box;
3273
- display: -ms-flexbox;
3274
- display: flex;
3275
- -webkit-box-pack: center;
3276
- -webkit-justify-content: center;
3277
- -moz-box-pack: center;
3278
- -ms-flex-pack: center;
3279
- justify-content: center;
3280
- -webkit-box-align: center;
3281
- -webkit-align-items: center;
3282
- -moz-box-align: center;
3283
- -ms-flex-align: center;
3284
- align-items: center;
3285
- }
3286
-
3287
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3288
- -js-display: flex;
3289
- display: -webkit-box;
3290
- display: -webkit-flex;
3291
- display: -moz-box;
3292
- display: -ms-flexbox;
3293
- display: flex;
3294
- }
3295
-
3296
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3297
- -webkit-transition: none;
3298
- transition: none;
3299
- }
3300
-
3301
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3302
- display: block;
3303
- position: relative;
3304
- top: 100%;
3305
- width: 100%;
3306
- padding: 5px;
3307
- text-align: center;
3308
- z-index: 9999;
3309
- margin-top: -1px;
3310
- }
3311
-
3312
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3313
- cursor: move;
3314
- }
3315
-
3316
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3317
- left: auto;
3318
- right: 20px;
3319
- top: 20px;
3320
- }
3321
-
3322
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3323
- left: auto;
3324
- right: 20px;
3325
- bottom: 20px;
3326
- }
3327
-
3328
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3329
- right: auto;
3330
- left: 20px;
3331
- top: 20px;
3332
- }
3333
-
3334
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3335
- right: auto;
3336
- left: 20px;
3337
- bottom: 20px;
3338
- }
3339
-
3340
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3341
- left: auto;
3342
- right: 20px;
3343
- top: 50%;
3344
- -webkit-transform: translateY(-50%);
3345
- -ms-transform: translateY(-50%);
3346
- transform: translateY(-50%);
3347
- }
3348
-
3349
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3350
- right: auto;
3351
- left: 20px;
3352
- top: 50%;
3353
- -webkit-transform: translateY(-50%);
3354
- -ms-transform: translateY(-50%);
3355
- transform: translateY(-50%);
3356
- }
3357
-
3358
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3359
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3360
- bottom: 55px;
3361
- }
3362
-
3363
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3364
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3365
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3366
- top: -10px;
3367
- left: -10px;
3368
- }
3369
-
3370
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3371
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3372
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3373
- top: -10px;
3374
- right: -10px;
3375
- }
3376
-
3377
- .premium-video-box-filter-sticky {
3378
- -webkit-filter: none !important;
3379
- filter: none !important;
3380
- }
3381
-
3382
- /**************** Premium Blog *****************/
3383
- /***********************************************/
3384
- .premium-blog-thumb-effect-wrapper {
3385
- position: relative;
3386
- overflow: hidden;
3387
- }
3388
-
3389
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3390
- position: absolute;
3391
- top: 0;
3392
- right: 0;
3393
- width: 100%;
3394
- height: 100%;
3395
- z-index: 2;
3396
- padding: 20px;
3397
- }
3398
-
3399
- .premium-blog-bordered-effect .premium-blog-post-link {
3400
- display: block;
3401
- height: 100%;
3402
- position: relative;
3403
- }
3404
-
3405
- /*Thumbnail Img*/
3406
- .premium-blog-thumbnail-container {
3407
- overflow: hidden;
3408
- }
3409
-
3410
- .premium-blog-thumbnail-container img,
3411
- .premium-blog-thumbnail-container .below-entry-meta {
3412
- width: 100%;
3413
- height: 100%;
3414
- margin: 0 !important;
3415
- -webkit-transition: all 0.4s ease-in-out;
3416
- transition: all 0.4s ease-in-out;
3417
- }
3418
-
3419
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3420
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3421
- -webkit-transform: scale(1.2);
3422
- -ms-transform: scale(1.2);
3423
- transform: scale(1.2);
3424
- }
3425
-
3426
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3427
- -webkit-filter: sepia(30%);
3428
- filter: sepia(30%);
3429
- }
3430
-
3431
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3432
- -webkit-filter: brightness(1);
3433
- filter: brightness(1);
3434
- }
3435
-
3436
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3437
- -webkit-transform: translateX(15px) scale(1.1);
3438
- -ms-transform: translateX(15px) scale(1.1);
3439
- transform: translateX(15px) scale(1.1);
3440
- }
3441
-
3442
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3443
- -webkit-transform: scale(1.2);
3444
- -ms-transform: scale(1.2);
3445
- transform: scale(1.2);
3446
- }
3447
-
3448
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3449
- -webkit-transform: scale(1.1);
3450
- -ms-transform: scale(1.1);
3451
- transform: scale(1.1);
3452
- }
3453
-
3454
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3455
- -webkit-transform: scale(1.3) rotate(-5deg);
3456
- -ms-transform: scale(1.3) rotate(-5deg);
3457
- transform: scale(1.3) rotate(-5deg);
3458
- }
3459
-
3460
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3461
- -webkit-filter: grayscale(100%);
3462
- filter: grayscale(100%);
3463
- }
3464
-
3465
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3466
- -webkit-filter: blur(3px);
3467
- filter: blur(3px);
3468
- }
3469
-
3470
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3471
- -webkit-filter: sepia(0%);
3472
- filter: sepia(0%);
3473
- }
3474
-
3475
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3476
- -webkit-filter: brightness(1.2);
3477
- filter: brightness(1.2);
3478
- }
3479
-
3480
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3481
- -webkit-transform: translateX(0px) scale(1.1);
3482
- -ms-transform: translateX(0px) scale(1.1);
3483
- transform: translateX(0px) scale(1.1);
3484
- }
3485
-
3486
- .premium-blog-post-container {
3487
- overflow: hidden;
3488
- }
3489
-
3490
- .premium-blog-post-container .premium-blog-inner-container {
3491
- -js-display: flex;
3492
- display: -webkit-box;
3493
- display: -webkit-flex;
3494
- display: -moz-box;
3495
- display: -ms-flexbox;
3496
- display: flex;
3497
- }
3498
-
3499
- .premium-blog-post-container .premium-blog-post-content {
3500
- line-height: 1.5em;
3501
- color: #777;
3502
- font-size: 14px;
3503
- margin-bottom: 10px;
3504
- }
3505
-
3506
- .premium-blog-post-container ul.post-categories a:hover,
3507
- .premium-blog-post-container ul.post-categories a:focus,
3508
- .premium-blog-post-container .premium-blog-post-link:hover,
3509
- .premium-blog-post-container .premium-blog-post-link:focus {
3510
- -webkit-box-shadow: none !important;
3511
- box-shadow: none !important;
3512
- outline: none !important;
3513
- }
3514
-
3515
- .premium-blog-post-container .premium-blog-entry-title {
3516
- font-size: 18px;
3517
- margin-bottom: 5px;
3518
- }
3519
-
3520
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3521
- position: relative;
3522
- z-index: 3;
3523
- top: -50px;
3524
- }
3525
-
3526
- .premium-blog-post-container .premium-blog-content-wrapper {
3527
- background-color: #f5f5f5;
3528
- padding: 30px;
3529
- }
3530
-
3531
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3532
- top: 0;
3533
- }
3534
-
3535
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
3536
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3537
- position: absolute;
3538
- content: "";
3539
- z-index: 1;
3540
- top: 50%;
3541
- right: 50%;
3542
- opacity: 0;
3543
- -webkit-transform: translate(50%, -50%);
3544
- -ms-transform: translate(50%, -50%);
3545
- transform: translate(50%, -50%);
3546
- -webkit-transition: all 0.4s linear 0s;
3547
- transition: all 0.4s linear 0s;
3548
- height: 1px;
3549
- width: 100%;
3550
- background-color: #fff;
3551
- }
3552
-
3553
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3554
- width: 1px;
3555
- height: 100%;
3556
- }
3557
-
3558
- .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 {
3559
- width: 20px;
3560
- opacity: 1;
3561
- }
3562
-
3563
- .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 {
3564
- height: 20px;
3565
- opacity: 1;
3566
- }
3567
-
3568
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3569
- margin: 0px 10px 20px;
3570
- clear: both;
3571
- }
3572
-
3573
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
3574
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
3575
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3576
- position: absolute;
3577
- top: 0;
3578
- right: 0;
3579
- width: 100%;
3580
- height: 100%;
3581
- -webkit-transition: all 0.3s ease-in-out;
3582
- transition: all 0.3s ease-in-out;
3583
- opacity: 0;
3584
- }
3585
-
3586
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
3587
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
3588
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3589
- -js-display: flex;
3590
- display: -webkit-box;
3591
- display: -webkit-flex;
3592
- display: -moz-box;
3593
- display: -ms-flexbox;
3594
- display: flex;
3595
- -webkit-box-pack: center;
3596
- -webkit-justify-content: center;
3597
- -moz-box-pack: center;
3598
- -ms-flex-pack: center;
3599
- justify-content: center;
3600
- -webkit-box-align: center;
3601
- -webkit-align-items: center;
3602
- -moz-box-align: center;
3603
- -ms-flex-align: center;
3604
- align-items: center;
3605
- width: 100%;
3606
- height: 100%;
3607
- }
3608
-
3609
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3610
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
3611
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3612
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
3613
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3614
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3615
- -webkit-transition: all 0.3s ease-in-out;
3616
- transition: all 0.3s ease-in-out;
3617
- }
3618
-
3619
- .premium-blog-post-container.premium-blog-skin-side {
3620
- -js-display: flex;
3621
- display: -webkit-box;
3622
- display: -webkit-flex;
3623
- display: -moz-box;
3624
- display: -ms-flexbox;
3625
- display: flex;
3626
- }
3627
-
3628
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3629
- height: 100%;
3630
- }
3631
-
3632
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3633
- -webkit-box-flex: 1;
3634
- -webkit-flex: 1;
3635
- -moz-box-flex: 1;
3636
- -ms-flex: 1;
3637
- flex: 1;
3638
- }
3639
-
3640
- .premium-blog-post-container.premium-blog-skin-banner {
3641
- position: relative;
3642
- }
3643
-
3644
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3645
- position: absolute;
3646
- width: 100%;
3647
- bottom: 0;
3648
- -js-display: flex;
3649
- display: -webkit-box;
3650
- display: -webkit-flex;
3651
- display: -moz-box;
3652
- display: -ms-flexbox;
3653
- display: flex;
3654
- -webkit-box-orient: vertical;
3655
- -webkit-box-direction: normal;
3656
- -webkit-flex-direction: column;
3657
- -moz-box-orient: vertical;
3658
- -moz-box-direction: normal;
3659
- -ms-flex-direction: column;
3660
- flex-direction: column;
3661
- background-color: transparent;
3662
- z-index: 3;
3663
- }
3664
-
3665
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3666
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3667
- transition: -webkit-transform 0.3s ease-in-out;
3668
- transition: transform 0.3s ease-in-out;
3669
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
3670
- }
3671
-
3672
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3673
- -webkit-transform: translateY(-5px);
3674
- -ms-transform: translateY(-5px);
3675
- transform: translateY(-5px);
3676
- }
3677
-
3678
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3679
- margin: 0;
3680
- padding: 0;
3681
- list-style: none;
3682
- -js-display: flex;
3683
- display: -webkit-box;
3684
- display: -webkit-flex;
3685
- display: -moz-box;
3686
- display: -ms-flexbox;
3687
- display: flex;
3688
- }
3689
-
3690
- .premium-blog-post-container .premium-blog-cats-container a {
3691
- display: block;
3692
- font-size: 12px;
3693
- color: #fff;
3694
- background-color: #777;
3695
- margin: 0 0 10px 3px;
3696
- padding: 5px;
3697
- -webkit-transition: all 0.3s ease-in-out;
3698
- transition: all 0.3s ease-in-out;
3699
- }
3700
-
3701
- /*
3702
- * Diagonal Effect
3703
- */
3704
- .premium-blog-diagonal-container {
3705
- position: absolute;
3706
- top: 0;
3707
- right: 0;
3708
- width: 100%;
3709
- height: 100%;
3710
- }
3711
-
3712
- .premium-blog-diagonal-effect:before {
3713
- position: absolute;
3714
- top: 0px;
3715
- right: 0px;
3716
- width: 100%;
3717
- height: 100%;
3718
- content: " ";
3719
- z-index: 1;
3720
- background: rgba(255, 255, 255, 0.2);
3721
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3722
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3723
- -webkit-transition: all 0.3s linear 0s;
3724
- transition: all 0.3s linear 0s;
3725
- }
3726
-
3727
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3728
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3729
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3730
- }
3731
-
3732
- /*
3733
- * Framed Effect
3734
- */
3735
- .premium-blog-framed-effect {
3736
- position: absolute;
3737
- width: -webkit-calc(100% - 30px);
3738
- width: calc(100% - 30px);
3739
- height: -webkit-calc(100% - 30px);
3740
- height: calc(100% - 30px);
3741
- top: 15px;
3742
- right: 15px;
3743
- opacity: 0;
3744
- -webkit-transform: scale(0.3);
3745
- -ms-transform: scale(0.3);
3746
- transform: scale(0.3);
3747
- -webkit-transition: all 0.3s linear 0s;
3748
- transition: all 0.3s linear 0s;
3749
- }
3750
-
3751
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3752
- opacity: 0.99;
3753
- -webkit-transform: scale(1);
3754
- -ms-transform: scale(1);
3755
- transform: scale(1);
3756
- }
3757
-
3758
- /*
3759
- * Bordered Effect
3760
- */
3761
- .premium-blog-bordered-effect {
3762
- position: absolute;
3763
- top: 0;
3764
- right: 0;
3765
- width: 100%;
3766
- height: 100%;
3767
- opacity: 0;
3768
- padding: 15px;
3769
- -webkit-transition: all 0.3s linear 0s;
3770
- transition: all 0.3s linear 0s;
3771
- }
3772
-
3773
- .premium-blog-bordered-effect .premium-blog-post-link:before,
3774
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3775
- content: "";
3776
- display: block;
3777
- position: absolute;
3778
- top: 0;
3779
- right: 0;
3780
- width: 100%;
3781
- height: 100%;
3782
- -webkit-transition: all 0.5s linear 0s;
3783
- transition: all 0.5s linear 0s;
3784
- -webkit-transition-delay: 0s;
3785
- transition-delay: 0s;
3786
- border-color: rgba(255, 255, 255, 0.45);
3787
- }
3788
-
3789
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3790
- border-left: 2px solid;
3791
- border-right: 2px solid;
3792
- -webkit-transform: scale(1, 0);
3793
- -ms-transform: scale(1, 0);
3794
- transform: scale(1, 0);
3795
- -webkit-transform-origin: 0% 0;
3796
- -ms-transform-origin: 0% 0;
3797
- transform-origin: 0% 0;
3798
- }
3799
-
3800
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3801
- border-top: 2px solid;
3802
- border-bottom: 2px solid;
3803
- -webkit-transform: scale(0, 1);
3804
- -ms-transform: scale(0, 1);
3805
- transform: scale(0, 1);
3806
- -webkit-transform-origin: 100% 0;
3807
- -ms-transform-origin: 100% 0;
3808
- transform-origin: 100% 0;
3809
- }
3810
-
3811
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3812
- opacity: 0.99;
3813
- }
3814
-
3815
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
3816
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3817
- -webkit-transition-delay: 0.15s;
3818
- transition-delay: 0.15s;
3819
- opacity: 1;
3820
- -webkit-transform: scale(1);
3821
- -ms-transform: scale(1);
3822
- transform: scale(1);
3823
- }
3824
-
3825
- /*
3826
- * Squares Effect
3827
- */
3828
- .premium-blog-squares-effect,
3829
- .premium-blog-squares-square-container {
3830
- position: absolute;
3831
- top: 0;
3832
- right: 0;
3833
- width: 100%;
3834
- height: 100%;
3835
- }
3836
-
3837
- .premium-blog-squares-effect:before,
3838
- .premium-blog-squares-effect:after {
3839
- position: absolute;
3840
- content: "";
3841
- top: 0;
3842
- right: 0;
3843
- width: 50%;
3844
- height: 50%;
3845
- -webkit-transform: translate(100%, -100%);
3846
- -ms-transform: translate(100%, -100%);
3847
- transform: translate(100%, -100%);
3848
- opacity: 0.7;
3849
- -webkit-transition: all 0.3s linear 0s;
3850
- transition: all 0.3s linear 0s;
3851
- }
3852
-
3853
- .premium-blog-squares-square-container:before,
3854
- .premium-blog-squares-square-container:after {
3855
- position: absolute;
3856
- content: "";
3857
- top: 0;
3858
- right: 0;
3859
- width: 50%;
3860
- height: 50%;
3861
- -webkit-transform: translate(100%, -100%);
3862
- -ms-transform: translate(100%, -100%);
3863
- transform: translate(100%, -100%);
3864
- opacity: 0.7;
3865
- -webkit-transition: all 0.3s linear 0s;
3866
- transition: all 0.3s linear 0s;
3867
- }
3868
-
3869
- .premium-blog-squares-square-container:before,
3870
- .premium-blog-squares-square-container:after {
3871
- opacity: 0.8;
3872
- }
3873
-
3874
- .premium-blog-squares-effect:after {
3875
- -webkit-transform: translate(-200%, 200%);
3876
- -ms-transform: translate(-200%, 200%);
3877
- transform: translate(-200%, 200%);
3878
- }
3879
-
3880
- .premium-blog-squares-square-container:before {
3881
- -webkit-transform: translate(100%, 200%);
3882
- -ms-transform: translate(100%, 200%);
3883
- transform: translate(100%, 200%);
3884
- }
3885
-
3886
- .premium-blog-squares-square-container:after {
3887
- -webkit-transform: translate(-200%, -100%);
3888
- -ms-transform: translate(-200%, -100%);
3889
- transform: translate(-200%, -100%);
3890
- }
3891
-
3892
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3893
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3894
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3895
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3896
- }
3897
-
3898
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3899
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3900
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3901
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3902
- }
3903
-
3904
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3905
- -webkit-transform: translate(0, 100%);
3906
- -ms-transform: translate(0, 100%);
3907
- transform: translate(0, 100%);
3908
- }
3909
-
3910
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3911
- -webkit-transform: translate(-100%, 0%);
3912
- -ms-transform: translate(-100%, 0%);
3913
- transform: translate(-100%, 0%);
3914
- }
3915
-
3916
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3917
- opacity: 1;
3918
- }
3919
-
3920
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3921
- opacity: 1;
3922
- -webkit-transform: scale(1);
3923
- -ms-transform: scale(1);
3924
- transform: scale(1);
3925
- }
3926
-
3927
- .premium-blog-clear-fix {
3928
- clear: both;
3929
- }
3930
-
3931
- /*Post Format Container*/
3932
- .premium-blog-format-link {
3933
- padding: 5px;
3934
- line-height: 0;
3935
- }
3936
-
3937
- /*Post Format Icon*/
3938
- /*Post Format Content Margin */
3939
- .premium-blog-entry-meta {
3940
- line-height: 1.3em;
3941
- font-size: 12px;
3942
- margin-bottom: 13px;
3943
- color: #adadad;
3944
- }
3945
-
3946
- .premium-blog-entry-meta i {
3947
- margin-left: 3px;
3948
- -webkit-transition: all 0.3s ease-in-out;
3949
- transition: all 0.3s ease-in-out;
3950
- }
3951
-
3952
- .premium-blog-meta-data {
3953
- display: inline-block;
3954
- }
3955
-
3956
- .premium-blog-meta-data .premium-blog-meta-separator {
3957
- margin: 0 5px;
3958
- }
3959
-
3960
- .premium-blog-meta-data a,
3961
- .premium-blog-meta-data span {
3962
- color: inherit;
3963
- -webkit-transition: all 0.3s ease-in-out;
3964
- transition: all 0.3s ease-in-out;
3965
- }
3966
-
3967
- .premium-blog-author-thumbnail {
3968
- position: relative;
3969
- padding: 0 30px;
3970
- width: 100%;
3971
- top: -10px;
3972
- height: 0;
3973
- pointer-events: none;
3974
- }
3975
-
3976
- .premium-blog-author-thumbnail img {
3977
- -webkit-border-radius: 50%;
3978
- border-radius: 50%;
3979
- width: 60px;
3980
- pointer-events: all;
3981
- -webkit-transform: translateY(-50%);
3982
- -ms-transform: translateY(-50%);
3983
- transform: translateY(-50%);
3984
- }
3985
-
3986
- .premium-blog-entry-title a,
3987
- .premium-blog-post-tags-container a,
3988
- .premium-blog-post-content .premium-blog-excerpt-link {
3989
- -webkit-transition: all 0.3s ease-in-out;
3990
- transition: all 0.3s ease-in-out;
3991
- }
3992
-
3993
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3994
- background-color: transparent;
3995
- color: #54595f;
3996
- padding: 0;
3997
- }
3998
-
3999
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4000
- width: 100%;
4001
- }
4002
-
4003
- .premium-blog-post-tags-container {
4004
- margin-top: 8px;
4005
- -js-display: flex;
4006
- display: -webkit-box;
4007
- display: -webkit-flex;
4008
- display: -moz-box;
4009
- display: -ms-flexbox;
4010
- display: flex;
4011
- -webkit-box-align: center;
4012
- -webkit-align-items: center;
4013
- -moz-box-align: center;
4014
- -ms-flex-align: center;
4015
- align-items: center;
4016
- -webkit-flex-wrap: wrap;
4017
- -ms-flex-wrap: wrap;
4018
- flex-wrap: wrap;
4019
- }
4020
-
4021
- .premium-blog-post-tags-container a {
4022
- color: inherit;
4023
- margin-right: 5px;
4024
- }
4025
-
4026
- .premium-blog-align-center .post-categories,
4027
- .premium-blog-align-center .premium-blog-inner-container,
4028
- .premium-blog-align-center .premium-blog-post-tags-container {
4029
- -webkit-box-pack: center;
4030
- -webkit-justify-content: center;
4031
- -moz-box-pack: center;
4032
- -ms-flex-pack: center;
4033
- justify-content: center;
4034
- }
4035
-
4036
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4037
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4038
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4039
- -webkit-box-pack: end;
4040
- -webkit-justify-content: flex-end;
4041
- -moz-box-pack: end;
4042
- -ms-flex-pack: end;
4043
- justify-content: flex-end;
4044
- }
4045
-
4046
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4047
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4048
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4049
- -webkit-box-pack: start;
4050
- -webkit-justify-content: flex-start;
4051
- -moz-box-pack: start;
4052
- -ms-flex-pack: start;
4053
- justify-content: flex-start;
4054
- }
4055
-
4056
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4057
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4058
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4059
- -webkit-box-pack: start;
4060
- -webkit-justify-content: flex-start;
4061
- -moz-box-pack: start;
4062
- -ms-flex-pack: start;
4063
- justify-content: flex-start;
4064
- }
4065
-
4066
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4067
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4068
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4069
- -webkit-box-pack: end;
4070
- -webkit-justify-content: flex-end;
4071
- -moz-box-pack: end;
4072
- -ms-flex-pack: end;
4073
- justify-content: flex-end;
4074
- }
4075
-
4076
- /* Pagination */
4077
- .premium-blog-pagination-container {
4078
- text-align: left;
4079
- }
4080
-
4081
- .premium-blog-pagination-container span {
4082
- cursor: default;
4083
- }
4084
-
4085
- .premium-blog-pagination-container .page-numbers {
4086
- display: inline-block;
4087
- color: #000;
4088
- line-height: 1;
4089
- font-size: 1em;
4090
- font-weight: 400;
4091
- text-decoration: none;
4092
- padding: 0.75em;
4093
- margin: 0 0 0.4em 0.4em;
4094
- -webkit-transition: all 0.2s ease-in-out;
4095
- transition: all 0.2s ease-in-out;
4096
- }
4097
-
4098
- .premium-blog-wrap .premium-loading-feed {
4099
- display: block;
4100
- position: absolute;
4101
- width: 100%;
4102
- height: 100%;
4103
- top: 0px;
4104
- right: 0px;
4105
- bottom: 0px;
4106
- left: 0px;
4107
- background: rgba(255, 255, 255, 0.2);
4108
- -js-display: flex;
4109
- display: -webkit-box;
4110
- display: -webkit-flex;
4111
- display: -moz-box;
4112
- display: -ms-flexbox;
4113
- display: flex;
4114
- -webkit-box-align: center;
4115
- -webkit-align-items: center;
4116
- -moz-box-align: center;
4117
- -ms-flex-align: center;
4118
- align-items: center;
4119
- z-index: 99;
4120
- }
4121
-
4122
- .premium-blog-wrap {
4123
- -js-display: flex;
4124
- display: -webkit-box;
4125
- display: -webkit-flex;
4126
- display: -moz-box;
4127
- display: -ms-flexbox;
4128
- display: flex;
4129
- -webkit-flex-wrap: wrap;
4130
- -ms-flex-wrap: wrap;
4131
- flex-wrap: wrap;
4132
- }
4133
-
4134
- .premium-blog-wrap ul.slick-dots {
4135
- width: 100%;
4136
- }
4137
-
4138
- /**
4139
- * Even Layout
4140
- */
4141
- .premium-blog-even .premium-blog-post-container {
4142
- height: 100%;
4143
- }
4144
-
4145
- .premium-blog-even .slick-track {
4146
- -js-display: flex;
4147
- display: -webkit-box;
4148
- display: -webkit-flex;
4149
- display: -moz-box;
4150
- display: -ms-flexbox;
4151
- display: flex;
4152
- }
4153
-
4154
- .premium-blog-even .slick-slide {
4155
- height: inherit !important;
4156
- }
4157
-
4158
- /**
4159
- * Responsive Style
4160
- */
4161
- @media (max-width: 768px) {
4162
- .premium-blog-content-wrapper {
4163
- top: 0;
4164
- margin: 0;
4165
- padding: 15px;
4166
- }
4167
-
4168
- .premium-blog-thumb-effect-wrapper {
4169
- margin-bottom: 15px;
4170
- }
4171
- }
4172
-
4173
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4174
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4175
- direction: ltr;
4176
- }
4177
-
4178
- /************ Premium Team Members ************/
4179
- /*********************************************/
4180
- .premium-person-container {
4181
- position: relative;
4182
- }
4183
-
4184
- .premium-person-image-container {
4185
- position: relative;
4186
- text-align: center;
4187
- }
4188
-
4189
- .premium-person-image-container .premium-person-image-wrap {
4190
- overflow: hidden;
4191
- }
4192
-
4193
- .premium-person-zoomout-effect .premium-person-image-container img,
4194
- .premium-person-scale-effect .premium-person-image-container img {
4195
- -webkit-transform: scale(1.2);
4196
- -ms-transform: scale(1.2);
4197
- transform: scale(1.2);
4198
- }
4199
-
4200
- .premium-person-sepia-effect .premium-person-image-container img {
4201
- -webkit-filter: sepia(30%);
4202
- filter: sepia(30%);
4203
- }
4204
-
4205
- .premium-person-bright-effect .premium-person-image-container img {
4206
- -webkit-filter: brightness(1);
4207
- filter: brightness(1);
4208
- }
4209
-
4210
- .premium-person-trans-effect .premium-person-image-container img {
4211
- -webkit-transform: translateX(15px) scale(1.1);
4212
- -ms-transform: translateX(15px) scale(1.1);
4213
- transform: translateX(15px) scale(1.1);
4214
- }
4215
-
4216
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4217
- -webkit-transform: scale(1.2);
4218
- -ms-transform: scale(1.2);
4219
- transform: scale(1.2);
4220
- }
4221
-
4222
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4223
- -webkit-transform: scale(1.1);
4224
- -ms-transform: scale(1.1);
4225
- transform: scale(1.1);
4226
- }
4227
-
4228
- .premium-person-scale-effect:hover .premium-person-image-container img {
4229
- -webkit-transform: scale(1.3) rotate(-5deg);
4230
- -ms-transform: scale(1.3) rotate(-5deg);
4231
- transform: scale(1.3) rotate(-5deg);
4232
- }
4233
-
4234
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4235
- -webkit-filter: grayscale(100%);
4236
- filter: grayscale(100%);
4237
- }
4238
-
4239
- .premium-person-blur-effect:hover .premium-person-image-container img {
4240
- -webkit-filter: blur(3px);
4241
- filter: blur(3px);
4242
- }
4243
-
4244
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4245
- -webkit-filter: sepia(0%);
4246
- filter: sepia(0%);
4247
- }
4248
-
4249
- .premium-person-bright-effect:hover .premium-person-image-container img {
4250
- -webkit-filter: brightness(1.2);
4251
- filter: brightness(1.2);
4252
- }
4253
-
4254
- .premium-person-trans-effect:hover .premium-person-image-container img {
4255
- -webkit-transform: translateX(0px) scale(1.1);
4256
- -ms-transform: translateX(0px) scale(1.1);
4257
- transform: translateX(0px) scale(1.1);
4258
- }
4259
-
4260
- .premium-person-container .premium-person-image-container img {
4261
- width: 100%;
4262
- height: 100%;
4263
- -o-object-fit: cover;
4264
- object-fit: cover;
4265
- -webkit-transition: all 0.5s ease-in-out;
4266
- transition: all 0.5s ease-in-out;
4267
- }
4268
-
4269
- .premium-person-style2 .premium-person-social {
4270
- position: absolute;
4271
- top: 0;
4272
- right: 0;
4273
- width: 100%;
4274
- height: 100%;
4275
- z-index: 2;
4276
- -js-display: flex;
4277
- display: -webkit-box;
4278
- display: -webkit-flex;
4279
- display: -moz-box;
4280
- display: -ms-flexbox;
4281
- display: flex;
4282
- -webkit-box-pack: center;
4283
- -webkit-justify-content: center;
4284
- -moz-box-pack: center;
4285
- -ms-flex-pack: center;
4286
- justify-content: center;
4287
- -webkit-box-align: center;
4288
- -webkit-align-items: center;
4289
- -moz-box-align: center;
4290
- -ms-flex-align: center;
4291
- align-items: center;
4292
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4293
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4294
- -webkit-transition: all 0.5s linear 0s;
4295
- transition: all 0.5s linear 0s;
4296
- opacity: 0;
4297
- }
4298
-
4299
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4300
- opacity: 1;
4301
- }
4302
-
4303
- .premium-person-list-item a {
4304
- display: inline-block;
4305
- }
4306
-
4307
- .premium-person-style2 .premium-person-list-item a {
4308
- opacity: 0;
4309
- -webkit-transform: scale(0);
4310
- -ms-transform: scale(0);
4311
- transform: scale(0);
4312
- -webkit-transition: all 0.5s ease-in-out 0s;
4313
- transition: all 0.5s ease-in-out 0s;
4314
- }
4315
-
4316
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4317
- opacity: 1;
4318
- -webkit-transform: scale(1);
4319
- -ms-transform: scale(1);
4320
- transform: scale(1);
4321
- }
4322
-
4323
- .premium-person-info-container {
4324
- padding: 30px 15px;
4325
- }
4326
-
4327
- .premium-person-name {
4328
- margin: 0 0 5px;
4329
- font-weight: 700;
4330
- }
4331
-
4332
- .premium-person-title {
4333
- margin: 0 0 20px;
4334
- padding: 0;
4335
- }
4336
-
4337
- .premium-person-content {
4338
- margin: 0 0 30px;
4339
- }
4340
-
4341
- /*Override Theme List Margin*/
4342
- ul.premium-person-social-list {
4343
- margin: 0px !important;
4344
- padding: 0;
4345
- }
4346
-
4347
- .premium-person-social-list .premium-person-list-item {
4348
- display: inline;
4349
- list-style: none;
4350
- }
4351
-
4352
- .premium-person-social-list li {
4353
- position: relative;
4354
- bottom: 0px;
4355
- -webkit-transition: all 0.2s ease-in-out;
4356
- transition: all 0.2s ease-in-out;
4357
- }
4358
-
4359
- .premium-person-social-list li i {
4360
- position: relative;
4361
- bottom: 0px;
4362
- -webkit-transition: all 0.2s ease-in-out;
4363
- transition: all 0.2s ease-in-out;
4364
- }
4365
-
4366
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4367
- background-color: #3b5998 !important;
4368
- }
4369
-
4370
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4371
- background-color: #55acee !important;
4372
- }
4373
-
4374
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4375
- background-color: #0077b5 !important;
4376
- }
4377
-
4378
- .premium-person-defaults-yes li.premium-person-google:hover a {
4379
- background-color: #dc4e41 !important;
4380
- }
4381
-
4382
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4383
- background-color: #b31217 !important;
4384
- }
4385
-
4386
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4387
- background-color: #e4405f !important;
4388
- }
4389
-
4390
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4391
- background-color: #00aff0 !important;
4392
- }
4393
-
4394
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4395
- background-color: #bd081c !important;
4396
- }
4397
-
4398
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4399
- background-color: #ea4c89 !important;
4400
- }
4401
-
4402
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4403
- background-color: #b23121 !important;
4404
- }
4405
-
4406
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4407
- background-color: #1769ff !important;
4408
- }
4409
-
4410
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4411
- background-color: #25d366 !important;
4412
- }
4413
-
4414
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4415
- background-color: #0088cc !important;
4416
- }
4417
-
4418
- .premium-person-defaults-yes li.premium-person-site:hover a {
4419
- background-color: #0055a5 !important;
4420
- }
4421
-
4422
- .premium-person-social-list li:hover a {
4423
- -webkit-box-shadow: none;
4424
- box-shadow: none;
4425
- }
4426
-
4427
- .premium-person-social-list li a:focus {
4428
- -webkit-box-shadow: none;
4429
- box-shadow: none;
4430
- outline: none;
4431
- }
4432
-
4433
- .premium-person-social-list li i {
4434
- font-size: 18px;
4435
- }
4436
-
4437
- .elementor-widget-premium-addon-person .elementor-widget-container {
4438
- -js-display: flex;
4439
- display: -webkit-box;
4440
- display: -webkit-flex;
4441
- display: -moz-box;
4442
- display: -ms-flexbox;
4443
- display: flex;
4444
- -webkit-box-pack: center;
4445
- -webkit-justify-content: center;
4446
- -moz-box-pack: center;
4447
- -ms-flex-pack: center;
4448
- justify-content: center;
4449
- }
4450
-
4451
- .premium-persons-container.multiple-persons {
4452
- -js-display: flex;
4453
- display: -webkit-box;
4454
- display: -webkit-flex;
4455
- display: -moz-box;
4456
- display: -ms-flexbox;
4457
- display: flex;
4458
- -webkit-flex-wrap: wrap;
4459
- -ms-flex-wrap: wrap;
4460
- flex-wrap: wrap;
4461
- width: 100%;
4462
- }
4463
-
4464
- .premium-person-style1 .premium-person-container {
4465
- overflow: hidden;
4466
- }
4467
-
4468
- .premium-person-style1 .premium-person-container .premium-person-info {
4469
- position: absolute;
4470
- top: auto;
4471
- left: 0;
4472
- right: 0;
4473
- -webkit-transition: all 500ms ease 0s;
4474
- transition: all 500ms ease 0s;
4475
- -webkit-transform: translate3d(0, 100%, 0);
4476
- transform: translate3d(0, 100%, 0);
4477
- }
4478
-
4479
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4480
- -webkit-transform: translate3d(0, 0, 0);
4481
- transform: translate3d(0, 0, 0);
4482
- bottom: -1px !important;
4483
- }
4484
-
4485
- .premium-person-style1 .premium-person-social-list li:hover {
4486
- bottom: 5px;
4487
- }
4488
-
4489
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4490
- -webkit-box-align: start;
4491
- -webkit-align-items: flex-start;
4492
- -moz-box-align: start;
4493
- -ms-flex-align: start;
4494
- align-items: flex-start;
4495
- }
4496
-
4497
- .premium-person-style1 .slick-track {
4498
- -js-display: flex;
4499
- display: -webkit-box;
4500
- display: -webkit-flex;
4501
- display: -moz-box;
4502
- display: -ms-flexbox;
4503
- display: flex;
4504
- }
4505
-
4506
- .premium-person-style1 .slick-slide {
4507
- height: inherit !important;
4508
- }
4509
-
4510
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4511
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4512
- height: 100%;
4513
- }
4514
-
4515
- .premium-person-style3 .premium-person-info-container {
4516
- position: absolute;
4517
- top: 0;
4518
- right: 0;
4519
- width: 100%;
4520
- height: 100%;
4521
- -js-display: flex;
4522
- display: -webkit-box;
4523
- display: -webkit-flex;
4524
- display: -moz-box;
4525
- display: -ms-flexbox;
4526
- display: flex;
4527
- -webkit-box-orient: vertical;
4528
- -webkit-box-direction: normal;
4529
- -webkit-flex-direction: column;
4530
- -moz-box-orient: vertical;
4531
- -moz-box-direction: normal;
4532
- -ms-flex-direction: column;
4533
- flex-direction: column;
4534
- -webkit-box-pack: justify;
4535
- -webkit-justify-content: space-between;
4536
- -moz-box-pack: justify;
4537
- -ms-flex-pack: justify;
4538
- justify-content: space-between;
4539
- }
4540
-
4541
- .premium-person-style3 .premium-person-title-desc-wrap {
4542
- -js-display: flex;
4543
- display: -webkit-box;
4544
- display: -webkit-flex;
4545
- display: -moz-box;
4546
- display: -ms-flexbox;
4547
- display: flex;
4548
- -webkit-box-orient: horizontal;
4549
- -webkit-box-direction: reverse;
4550
- -webkit-flex-direction: row-reverse;
4551
- -moz-box-orient: horizontal;
4552
- -moz-box-direction: reverse;
4553
- -ms-flex-direction: row-reverse;
4554
- flex-direction: row-reverse;
4555
- -webkit-box-pack: justify;
4556
- -webkit-justify-content: space-between;
4557
- -moz-box-pack: justify;
4558
- -ms-flex-pack: justify;
4559
- justify-content: space-between;
4560
- -webkit-box-align: start;
4561
- -webkit-align-items: flex-start;
4562
- -moz-box-align: start;
4563
- -ms-flex-align: start;
4564
- align-items: flex-start;
4565
- }
4566
-
4567
- .premium-person-style3 .premium-person-name-icons-wrap {
4568
- -js-display: flex;
4569
- display: -webkit-box;
4570
- display: -webkit-flex;
4571
- display: -moz-box;
4572
- display: -ms-flexbox;
4573
- display: flex;
4574
- -webkit-box-pack: justify;
4575
- -webkit-justify-content: space-between;
4576
- -moz-box-pack: justify;
4577
- -ms-flex-pack: justify;
4578
- justify-content: space-between;
4579
- -webkit-box-align: end;
4580
- -webkit-align-items: flex-end;
4581
- -moz-box-align: end;
4582
- -ms-flex-align: end;
4583
- align-items: flex-end;
4584
- }
4585
-
4586
- .premium-person-style3 .premium-person-title {
4587
- opacity: 0;
4588
- -webkit-transition: all 0.3s ease;
4589
- transition: all 0.3s ease;
4590
- width: 0;
4591
- }
4592
-
4593
- .premium-person-style3 .premium-person-title span {
4594
- display: inline-block;
4595
- }
4596
-
4597
- .premium-person-style3 .premium-person-name {
4598
- padding-right: 10px;
4599
- }
4600
-
4601
- .premium-person-style3 .premium-person-social-list {
4602
- -js-display: flex;
4603
- display: -webkit-box;
4604
- display: -webkit-flex;
4605
- display: -moz-box;
4606
- display: -ms-flexbox;
4607
- display: flex;
4608
- -webkit-box-orient: vertical;
4609
- -webkit-box-direction: normal;
4610
- -webkit-flex-direction: column;
4611
- -moz-box-orient: vertical;
4612
- -moz-box-direction: normal;
4613
- -ms-flex-direction: column;
4614
- flex-direction: column;
4615
- -webkit-transform: translateY(20px);
4616
- -ms-transform: translateY(20px);
4617
- transform: translateY(20px);
4618
- opacity: 0;
4619
- -webkit-transition: all 0.3s ease;
4620
- transition: all 0.3s ease;
4621
- }
4622
-
4623
- .premium-person-style3 .premium-person-list-item {
4624
- line-height: 0;
4625
- }
4626
-
4627
- .premium-person-style3 .premium-person-list-item a {
4628
- padding: 5px 0 0 10px;
4629
- margin: 5px 0;
4630
- }
4631
-
4632
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4633
- opacity: 1;
4634
- }
4635
-
4636
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4637
- opacity: 1;
4638
- -webkit-transform: translateY(0);
4639
- -ms-transform: translateY(0);
4640
- transform: translateY(0);
4641
- }
4642
-
4643
- .premium-persons-title-cw .premium-person-title {
4644
- -webkit-transform: translateX(-15px) rotate(-90deg);
4645
- -ms-transform: translateX(-15px) rotate(-90deg);
4646
- transform: translateX(-15px) rotate(-90deg);
4647
- -webkit-transform-origin: top;
4648
- -ms-transform-origin: top;
4649
- transform-origin: top;
4650
- }
4651
-
4652
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4653
- -webkit-transform: translateX(0) rotate(-90deg);
4654
- -ms-transform: translateX(0) rotate(-90deg);
4655
- transform: translateX(0) rotate(-90deg);
4656
- }
4657
-
4658
- .premium-persons-title-ccw .premium-person-title {
4659
- width: auto;
4660
- margin-left: 20px;
4661
- -webkit-transform: translateX(-15px) rotate(90deg);
4662
- -ms-transform: translateX(-15px) rotate(90deg);
4663
- transform: translateX(-15px) rotate(90deg);
4664
- -webkit-transform-origin: center left;
4665
- -ms-transform-origin: center left;
4666
- transform-origin: center left;
4667
- }
4668
-
4669
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4670
- -webkit-transform: translateX(0) rotate(90deg);
4671
- -ms-transform: translateX(0) rotate(90deg);
4672
- transform: translateX(0) rotate(90deg);
4673
- }
4674
-
4675
- /**************** Premium Fancy Text *******************/
4676
- /*******************************************************/
4677
- .premium-suffix-text,
4678
- .premium-fancy-text,
4679
- .premium-prefix-text {
4680
- font-size: 40px;
4681
- }
4682
-
4683
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4684
- list-style: none;
4685
- }
4686
-
4687
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4688
- vertical-align: top;
4689
- }
4690
-
4691
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4692
- margin: 0;
4693
- padding: 0;
4694
- border: none;
4695
- position: relative;
4696
- }
4697
-
4698
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4699
- position: absolute;
4700
- top: 0;
4701
- right: 0;
4702
- display: inline-block;
4703
- }
4704
-
4705
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4706
- opacity: 0;
4707
- -webkit-animation: pa-zoom-out 0.8s;
4708
- animation: pa-zoom-out 0.8s;
4709
- }
4710
-
4711
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4712
- position: relative !important;
4713
- -webkit-animation: pa-zoom-in 0.8s;
4714
- animation: pa-zoom-in 0.8s;
4715
- }
4716
-
4717
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4718
- -webkit-perspective: 300px;
4719
- perspective: 300px;
4720
- }
4721
-
4722
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4723
- -webkit-transform-origin: 50% 100%;
4724
- -ms-transform-origin: 50% 100%;
4725
- transform-origin: 50% 100%;
4726
- }
4727
-
4728
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4729
- opacity: 0;
4730
- -webkit-transform: rotateX(180deg);
4731
- -ms-transform: rotateX(180deg);
4732
- transform: rotateX(180deg);
4733
- -webkit-animation: pa-rotate-out 1.2s;
4734
- animation: pa-rotate-out 1.2s;
4735
- }
4736
-
4737
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4738
- position: relative !important;
4739
- -webkit-transform: rotateX(0deg);
4740
- -ms-transform: rotateX(0deg);
4741
- transform: rotateX(0deg);
4742
- -webkit-animation: pa-rotate-in 1.2s;
4743
- animation: pa-rotate-in 1.2s;
4744
- }
4745
-
4746
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
4747
- position: absolute;
4748
- content: "";
4749
- right: 0;
4750
- bottom: 0;
4751
- width: 0;
4752
- height: 3px;
4753
- background: #000;
4754
- }
4755
-
4756
- .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
4757
- width: 100%;
4758
- -webkit-transition: width 3s ease-in-out;
4759
- transition: width 3s ease-in-out;
4760
- }
4761
-
4762
- .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
4763
- opacity: 0;
4764
- }
4765
-
4766
- .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
4767
- opacity: 1;
4768
- -webkit-transition: opacity 2s ease-in-out;
4769
- transition: opacity 2s ease-in-out;
4770
- position: relative !important;
4771
- }
4772
-
4773
- @-webkit-keyframes pa-zoom-in {
4774
- 0% {
4775
- opacity: 0;
4776
- -webkit-transform: translateZ(100px);
4777
- transform: translateZ(100px);
4778
- }
4779
-
4780
- 100% {
4781
- opacity: 1;
4782
- -webkit-transform: translateZ(0);
4783
- transform: translateZ(0);
4784
- }
4785
- }
4786
-
4787
- @keyframes pa-zoom-in {
4788
- 0% {
4789
- opacity: 0;
4790
- -webkit-transform: translateZ(100px);
4791
- transform: translateZ(100px);
4792
- }
4793
-
4794
- 100% {
4795
- opacity: 1;
4796
- -webkit-transform: translateZ(0);
4797
- transform: translateZ(0);
4798
- }
4799
- }
4800
-
4801
- @-webkit-keyframes pa-zoom-out {
4802
- 0% {
4803
- opacity: 1;
4804
- -webkit-transform: translateZ(0);
4805
- transform: translateZ(0);
4806
- }
4807
-
4808
- 100% {
4809
- opacity: 0;
4810
- -webkit-transform: translateZ(-100px);
4811
- transform: translateZ(-100px);
4812
- }
4813
- }
4814
-
4815
- @keyframes pa-zoom-out {
4816
- 0% {
4817
- opacity: 1;
4818
- -webkit-transform: translateZ(0);
4819
- transform: translateZ(0);
4820
- }
4821
-
4822
- 100% {
4823
- opacity: 0;
4824
- -webkit-transform: translateZ(-100px);
4825
- transform: translateZ(-100px);
4826
- }
4827
- }
4828
-
4829
- @-webkit-keyframes pa-rotate-in {
4830
- 0% {
4831
- opacity: 0;
4832
- -webkit-transform: rotateX(180deg);
4833
- transform: rotateX(180deg);
4834
- }
4835
-
4836
- 35% {
4837
- opacity: 0;
4838
- -webkit-transform: rotateX(120deg);
4839
- transform: rotateX(120deg);
4840
- }
4841
-
4842
- 65% {
4843
- opacity: 0;
4844
- }
4845
-
4846
- 100% {
4847
- opacity: 1;
4848
- -webkit-transform: rotateX(360deg);
4849
- transform: rotateX(360deg);
4850
- }
4851
- }
4852
-
4853
- @keyframes pa-rotate-in {
4854
- 0% {
4855
- opacity: 0;
4856
- -webkit-transform: rotateX(180deg);
4857
- transform: rotateX(180deg);
4858
- }
4859
-
4860
- 35% {
4861
- opacity: 0;
4862
- -webkit-transform: rotateX(120deg);
4863
- transform: rotateX(120deg);
4864
- }
4865
-
4866
- 65% {
4867
- opacity: 0;
4868
- }
4869
-
4870
- 100% {
4871
- opacity: 1;
4872
- -webkit-transform: rotateX(360deg);
4873
- transform: rotateX(360deg);
4874
- }
4875
- }
4876
-
4877
- @-webkit-keyframes pa-rotate-out {
4878
- 0% {
4879
- opacity: 1;
4880
- -webkit-transform: rotateX(0deg);
4881
- transform: rotateX(0deg);
4882
- }
4883
-
4884
- 35% {
4885
- opacity: 1;
4886
- -webkit-transform: rotateX(-40deg);
4887
- transform: rotateX(-40deg);
4888
- }
4889
-
4890
- 65% {
4891
- opacity: 0;
4892
- }
4893
-
4894
- 100% {
4895
- opacity: 0;
4896
- -webkit-transform: rotateX(180deg);
4897
- transform: rotateX(180deg);
4898
- }
4899
- }
4900
-
4901
- @keyframes pa-rotate-out {
4902
- 0% {
4903
- opacity: 1;
4904
- -webkit-transform: rotateX(0deg);
4905
- transform: rotateX(0deg);
4906
- }
4907
-
4908
- 35% {
4909
- opacity: 1;
4910
- -webkit-transform: rotateX(-40deg);
4911
- transform: rotateX(-40deg);
4912
- }
4913
-
4914
- 65% {
4915
- opacity: 0;
4916
- }
4917
-
4918
- 100% {
4919
- opacity: 0;
4920
- -webkit-transform: rotateX(180deg);
4921
- transform: rotateX(180deg);
4922
- }
4923
- }
4924
-
4925
- /**************** Premium Pricing Table ****************/
4926
- /*******************************************************/
4927
- .premium-pricing-table-container {
4928
- position: relative;
4929
- overflow: hidden;
4930
- text-align: center;
4931
- -webkit-transition: all 0.3s ease-in-out;
4932
- transition: all 0.3s ease-in-out;
4933
- }
4934
-
4935
- .premium-pricing-icon-container {
4936
- -js-display: flex;
4937
- display: -webkit-box;
4938
- display: -webkit-flex;
4939
- display: -moz-box;
4940
- display: -ms-flexbox;
4941
- display: flex;
4942
- -webkit-box-pack: center;
4943
- -webkit-justify-content: center;
4944
- -moz-box-pack: center;
4945
- -ms-flex-pack: center;
4946
- justify-content: center;
4947
- line-height: 0;
4948
- }
4949
-
4950
- .premium-pricing-icon-container .premium-pricing-icon {
4951
- display: inline-block;
4952
- }
4953
-
4954
- .premium-pricing-icon-container .premium-pricing-image {
4955
- overflow: hidden;
4956
- }
4957
-
4958
- .premium-pricing-icon-container .premium-pricing-image img {
4959
- width: 25px;
4960
- height: 25px;
4961
- -o-object-fit: cover;
4962
- object-fit: cover;
4963
- }
4964
-
4965
- .premium-badge-left {
4966
- position: absolute;
4967
- top: 0;
4968
- }
4969
-
4970
- .premium-badge-right {
4971
- position: absolute;
4972
- top: 0;
4973
- right: 0;
4974
- }
4975
-
4976
- .premium-badge-left {
4977
- left: 0;
4978
- }
4979
-
4980
- .premium-badge-triangle.premium-badge-left .corner {
4981
- width: 0;
4982
- height: 0;
4983
- border-top: 150px solid;
4984
- border-bottom: 150px solid transparent;
4985
- border-right: 150px solid transparent;
4986
- }
4987
-
4988
- .premium-badge-triangle.premium-badge-right .corner {
4989
- width: 0;
4990
- height: 0;
4991
- border-bottom: 150px solid transparent;
4992
- border-right: 150px solid;
4993
- border-left: 150px solid transparent;
4994
- }
4995
-
4996
- .premium-badge-triangle span {
4997
- position: absolute;
4998
- top: 35px;
4999
- width: 100px;
5000
- text-align: center;
5001
- -webkit-transform: rotate(-45deg);
5002
- -ms-transform: rotate(-45deg);
5003
- transform: rotate(-45deg);
5004
- display: block;
5005
- text-transform: uppercase;
5006
- }
5007
-
5008
- .premium-badge-triangle.premium-badge-right span {
5009
- -webkit-transform: rotate(45deg);
5010
- -ms-transform: rotate(45deg);
5011
- transform: rotate(45deg);
5012
- right: 0;
5013
- }
5014
-
5015
- .premium-badge-circle {
5016
- min-width: 4em;
5017
- min-height: 4em;
5018
- line-height: 4em;
5019
- text-align: center;
5020
- -webkit-border-radius: 100%;
5021
- border-radius: 100%;
5022
- position: absolute;
5023
- z-index: 1;
5024
- }
5025
-
5026
- .premium-badge-stripe {
5027
- position: absolute;
5028
- -webkit-transform: rotate(90deg);
5029
- -ms-transform: rotate(90deg);
5030
- transform: rotate(90deg);
5031
- width: 15em;
5032
- overflow: hidden;
5033
- height: 15em;
5034
- }
5035
-
5036
- .premium-badge-stripe.premium-badge-left {
5037
- -webkit-transform: rotate(0);
5038
- -ms-transform: rotate(0);
5039
- transform: rotate(0);
5040
- }
5041
-
5042
- .premium-badge-stripe .corner {
5043
- text-align: center;
5044
- left: 0;
5045
- width: 150%;
5046
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5047
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5048
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5049
- margin-top: 35px;
5050
- font-size: 13px;
5051
- line-height: 2;
5052
- font-weight: 800;
5053
- text-transform: uppercase;
5054
- }
5055
-
5056
- .premium-badge-flag .corner {
5057
- text-align: center;
5058
- -webkit-border-radius: 4px 4px 0 4px;
5059
- border-radius: 4px 4px 0 4px;
5060
- padding: 3px 15px;
5061
- position: absolute;
5062
- top: 10%;
5063
- right: -8px;
5064
- }
5065
-
5066
- .premium-badge-flag .corner::before,
5067
- .premium-badge-flag .corner::after {
5068
- content: "";
5069
- display: block;
5070
- position: absolute;
5071
- width: 0;
5072
- height: 0;
5073
- top: 100%;
5074
- right: 0;
5075
- border-bottom: 8px solid transparent;
5076
- }
5077
-
5078
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5079
- overflow: visible !important;
5080
- }
5081
-
5082
- .premium-badge-flag .corner::after {
5083
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5084
- }
5085
-
5086
- .premium-pricing-price-currency {
5087
- position: relative;
5088
- }
5089
-
5090
- .premium-pricing-button-container {
5091
- display: block;
5092
- }
5093
-
5094
- .premium-pricing-list {
5095
- -js-display: flex;
5096
- display: -webkit-box;
5097
- display: -webkit-flex;
5098
- display: -moz-box;
5099
- display: -ms-flexbox;
5100
- display: flex;
5101
- -webkit-box-orient: vertical;
5102
- -webkit-box-direction: normal;
5103
- -webkit-flex-direction: column;
5104
- -moz-box-orient: vertical;
5105
- -moz-box-direction: normal;
5106
- -ms-flex-direction: column;
5107
- flex-direction: column;
5108
- list-style-type: none;
5109
- margin: 0;
5110
- }
5111
-
5112
- .premium-pricing-list .premium-pricing-list-item {
5113
- -js-display: flex;
5114
- display: -webkit-box;
5115
- display: -webkit-flex;
5116
- display: -moz-box;
5117
- display: -ms-flexbox;
5118
- display: flex;
5119
- -webkit-box-align: center;
5120
- -webkit-align-items: center;
5121
- -moz-box-align: center;
5122
- -ms-flex-align: center;
5123
- align-items: center;
5124
- }
5125
-
5126
- .premium-pricing-list .premium-pricing-list-item svg {
5127
- width: 50px;
5128
- height: 50px;
5129
- }
5130
-
5131
- .premium-pricing-list .premium-pricing-list-item img {
5132
- width: 30px;
5133
- height: 30px;
5134
- -o-object-fit: cover;
5135
- object-fit: cover;
5136
- }
5137
-
5138
- .premium-pricing-list .premium-pricing-list-span {
5139
- position: relative;
5140
- }
5141
-
5142
- .premium-pricing-list .list-item-tooltip {
5143
- border-bottom: 1px dotted;
5144
- }
5145
-
5146
- .premium-pricing-list .premium-pricing-list-tooltip {
5147
- position: absolute;
5148
- top: -webkit-calc(100% + 1px);
5149
- top: calc(100% + 1px);
5150
- right: 0;
5151
- visibility: hidden;
5152
- padding: 15px 20px;
5153
- -webkit-border-radius: 5px;
5154
- border-radius: 5px;
5155
- min-width: 200px;
5156
- overflow: hidden;
5157
- text-align: right;
5158
- font-size: 0.8rem;
5159
- color: #fff;
5160
- background-color: #aaa;
5161
- }
5162
-
5163
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5164
- z-index: 99;
5165
- visibility: visible;
5166
- opacity: 1;
5167
- }
5168
-
5169
- .premium-pricing-slashed-price-value {
5170
- display: inline-block;
5171
- font-size: 20px;
5172
- font-weight: 400;
5173
- margin-left: 5px;
5174
- }
5175
-
5176
- .premium-pricing-price-value {
5177
- font-size: 70px;
5178
- }
5179
-
5180
- .premium-pricing-description-container li {
5181
- list-style-position: inside;
5182
- text-indent: -40px;
5183
- }
5184
-
5185
- @-moz-document url-prefix() {
5186
- .premium-pricing-description-container li {
5187
- text-indent: 0px;
5188
- }
5189
- }
5190
-
5191
- .premium-pricing-price-button {
5192
- display: block;
5193
- padding: 6px 12px;
5194
- line-height: 1.42857143;
5195
- text-align: center;
5196
- color: #fff;
5197
- background: #6ec1e4;
5198
- margin-bottom: 0;
5199
- -webkit-transition: all 0.3s ease-in-out;
5200
- transition: all 0.3s ease-in-out;
5201
- }
5202
-
5203
- /**************** Premium Google Maps ******************/
5204
- /*******************************************************/
5205
- .premium-maps-info-container {
5206
- margin-top: 10px;
5207
- margin-bottom: 10px;
5208
- }
5209
-
5210
- .premium-maps-info-title,
5211
- .premium-maps-info-desc {
5212
- margin: 0;
5213
- padding: 0;
5214
- }
5215
-
5216
- .premium-maps-container .gm-style-iw {
5217
- text-align: center;
5218
- }
5219
-
5220
- .premium-maps-container .gm-style img {
5221
- max-width: none !important;
5222
- }
5223
-
5224
- /**************** Premium Button ***********************/
5225
- /*******************************************************/
5226
- .premium-button {
5227
- display: inline-block;
5228
- position: relative;
5229
- overflow: hidden;
5230
- cursor: pointer;
5231
- -webkit-transition: all 0.2s ease-in-out !important;
5232
- transition: all 0.2s ease-in-out !important;
5233
- }
5234
-
5235
- .premium-button-sm {
5236
- padding: 12px 24px;
5237
- font-size: 14px;
5238
- line-height: 1;
5239
- }
5240
-
5241
- .premium-button-md {
5242
- padding: 14px 26px;
5243
- font-size: 16px;
5244
- line-height: 1.2;
5245
- }
5246
-
5247
- .premium-button-lg {
5248
- padding: 16px 28px;
5249
- font-size: 18px;
5250
- line-height: 1.3333;
5251
- }
5252
-
5253
- .premium-button-block {
5254
- font-size: 15px;
5255
- line-height: 1;
5256
- padding: 12px 24px;
5257
- width: 100%;
5258
- text-align: center;
5259
- }
5260
-
5261
- .premium-button-text {
5262
- display: inline-block;
5263
- width: 100%;
5264
- }
5265
-
5266
- .premium-button-style1-bottom,
5267
- .premium-button-style1-top,
5268
- .premium-button-style1-right,
5269
- .premium-button-style1-left,
5270
- .premium-button-style2-shutouthor,
5271
- .premium-button-style2-shutoutver,
5272
- .premium-button-style2-shutinhor,
5273
- .premium-button-style2-shutinver,
5274
- .premium-button-style2-scshutouthor,
5275
- .premium-button-style2-scshutoutver,
5276
- .premium-button-style2-dshutinhor,
5277
- .premium-button-style2-dshutinver,
5278
- .premium-button-style5-radialin,
5279
- .premium-button-style5-radialout,
5280
- .premium-button-style5-rectin,
5281
- .premium-button-style5-rectout {
5282
- display: inline-block;
5283
- vertical-align: middle;
5284
- -webkit-transform: perspective(1px) translateZ(0);
5285
- transform: perspective(1px) translateZ(0);
5286
- -webkit-box-shadow: 0 0 1px transparent;
5287
- box-shadow: 0 0 1px transparent;
5288
- position: relative;
5289
- -webkit-transition-property: color;
5290
- transition-property: color;
5291
- -webkit-transition-duration: 0.15s;
5292
- transition-duration: 0.15s;
5293
- }
5294
-
5295
- .premium-button-style1-bottom:before,
5296
- .premium-button-style1-top:before,
5297
- .premium-button-style1-right:before,
5298
- .premium-button-style1-left:before,
5299
- .premium-button-style2-shutinhor:before,
5300
- .premium-button-style2-shutinver:before,
5301
- .premium-button-style2-shutouthor:before,
5302
- .premium-button-style2-shutoutver:before,
5303
- .premium-button-style2-scshutouthor:before,
5304
- .premium-button-style2-scshutoutver:before,
5305
- .premium-button-style2-dshutinhor:before,
5306
- .premium-button-style2-dshutinver:before,
5307
- .premium-button-style5-radialin:before,
5308
- .premium-button-style5-radialout:before,
5309
- .premium-button-style5-rectin:before,
5310
- .premium-button-style5-rectout:before {
5311
- content: "";
5312
- position: absolute;
5313
- z-index: -1;
5314
- top: 0;
5315
- right: 0;
5316
- left: 0;
5317
- bottom: 0;
5318
- -webkit-transform: scaleY(0);
5319
- -ms-transform: scaleY(0);
5320
- transform: scaleY(0);
5321
- -webkit-transform-origin: 50% 0;
5322
- -ms-transform-origin: 50% 0;
5323
- transform-origin: 50% 0;
5324
- -webkit-transition-property: transform;
5325
- -webkit-transition-property: -webkit-transform;
5326
- transition-property: -webkit-transform;
5327
- transition-property: transform;
5328
- transition-property: transform, -webkit-transform;
5329
- -webkit-transition-duration: 0.15s;
5330
- transition-duration: 0.15s;
5331
- -webkit-transition-timing-function: ease-out;
5332
- transition-timing-function: ease-out;
5333
- }
5334
-
5335
- .premium-button-style5-radialin:before,
5336
- .premium-button-style5-radialout:before {
5337
- -webkit-transform-origin: 50%;
5338
- -ms-transform-origin: 50%;
5339
- transform-origin: 50%;
5340
- -webkit-border-radius: 100%;
5341
- border-radius: 100%;
5342
- -webkit-transform: scale(0);
5343
- -ms-transform: scale(0);
5344
- transform: scale(0);
5345
- }
5346
-
5347
- .premium-button-style5-radialin:before {
5348
- -webkit-transform: scale(2);
5349
- -ms-transform: scale(2);
5350
- transform: scale(2);
5351
- }
5352
-
5353
- .premium-button-style5-rectin:before,
5354
- .premium-button-style5-rectout:before {
5355
- -webkit-transform-origin: 50%;
5356
- -ms-transform-origin: 50%;
5357
- transform-origin: 50%;
5358
- -webkit-transform: scale(1);
5359
- -ms-transform: scale(1);
5360
- transform: scale(1);
5361
- }
5362
-
5363
- .premium-button-style5-rectout:before {
5364
- -webkit-transform: scale(0);
5365
- -ms-transform: scale(0);
5366
- transform: scale(0);
5367
- }
5368
-
5369
- .premium-button-style5-rectout:hover:before {
5370
- -webkit-transform: scale(1);
5371
- -ms-transform: scale(1);
5372
- transform: scale(1);
5373
- }
5374
-
5375
- .premium-button-style5-rectin:hover:before {
5376
- -webkit-transform: scale(0);
5377
- -ms-transform: scale(0);
5378
- transform: scale(0);
5379
- }
5380
-
5381
- .premium-button-style5-radialout:hover:before {
5382
- -webkit-transform: scale(2);
5383
- -ms-transform: scale(2);
5384
- transform: scale(2);
5385
- }
5386
-
5387
- .premium-button-style5-radialin:hover:before {
5388
- -webkit-transform: scale(0);
5389
- -ms-transform: scale(0);
5390
- transform: scale(0);
5391
- }
5392
-
5393
- .premium-button-style1-top:before {
5394
- -webkit-transform-origin: 50% 100%;
5395
- -ms-transform-origin: 50% 100%;
5396
- transform-origin: 50% 100%;
5397
- }
5398
-
5399
- .premium-button-style1-right:before {
5400
- -webkit-transform: scaleX(0);
5401
- -ms-transform: scaleX(0);
5402
- transform: scaleX(0);
5403
- -webkit-transform-origin: 100% 50%;
5404
- -ms-transform-origin: 100% 50%;
5405
- transform-origin: 100% 50%;
5406
- }
5407
-
5408
- .premium-button-style1-left:before {
5409
- -webkit-transform: scaleX(0);
5410
- -ms-transform: scaleX(0);
5411
- transform: scaleX(0);
5412
- -webkit-transform-origin: 0% 50%;
5413
- -ms-transform-origin: 0% 50%;
5414
- transform-origin: 0% 50%;
5415
- }
5416
-
5417
- .premium-button-style2-shutouthor:before,
5418
- .premium-button-style2-scshutoutver:before {
5419
- -webkit-transform: scaleY(0);
5420
- -ms-transform: scaleY(0);
5421
- transform: scaleY(0);
5422
- -webkit-transform-origin: 0% 50%;
5423
- -ms-transform-origin: 0% 50%;
5424
- transform-origin: 0% 50%;
5425
- }
5426
-
5427
- .premium-button-style2-shutoutver:before,
5428
- .premium-button-style2-scshutouthor:before {
5429
- -webkit-transform: scaleX(0);
5430
- -ms-transform: scaleX(0);
5431
- transform: scaleX(0);
5432
- -webkit-transform-origin: 50% 50%;
5433
- -ms-transform-origin: 50% 50%;
5434
- transform-origin: 50% 50%;
5435
- }
5436
-
5437
- .premium-button-style2-shutinhor:before {
5438
- -webkit-transform: scaleX(1);
5439
- -ms-transform: scaleX(1);
5440
- transform: scaleX(1);
5441
- -webkit-transform-origin: 50%;
5442
- -ms-transform-origin: 50%;
5443
- transform-origin: 50%;
5444
- }
5445
-
5446
- .premium-button-style2-shutinver:before {
5447
- -webkit-transform: scaleY(1);
5448
- -ms-transform: scaleY(1);
5449
- transform: scaleY(1);
5450
- -webkit-transform-origin: 50%;
5451
- -ms-transform-origin: 50%;
5452
- transform-origin: 50%;
5453
- }
5454
-
5455
- .premium-button-style1-bottom:hover:before,
5456
- .premium-button-style1-top:hover:before {
5457
- -webkit-transform: scaleY(1);
5458
- -ms-transform: scaleY(1);
5459
- transform: scaleY(1);
5460
- }
5461
-
5462
- .premium-button-style1-left:hover:before,
5463
- .premium-button-style1-right:hover:before,
5464
- .premium-button-style2-shutouthor:hover:before,
5465
- .premium-button-style2-shutoutver:hover:before {
5466
- -webkit-transform: scaleX(1);
5467
- -ms-transform: scaleX(1);
5468
- transform: scaleX(1);
5469
- }
5470
-
5471
- .premium-button-style2-shutinhor:hover:before {
5472
- -webkit-transform: scaleX(0);
5473
- -ms-transform: scaleX(0);
5474
- transform: scaleX(0);
5475
- }
5476
-
5477
- .premium-button-style2-shutinver:hover:before {
5478
- -webkit-transform: scaleY(0);
5479
- -ms-transform: scaleY(0);
5480
- transform: scaleY(0);
5481
- }
5482
-
5483
- .premium-button-style2-scshutouthor:hover:before {
5484
- -webkit-transform: scaleX(0.9);
5485
- -ms-transform: scaleX(0.9);
5486
- transform: scaleX(0.9);
5487
- }
5488
-
5489
- .premium-button-style2-scshutoutver:hover:before {
5490
- -webkit-transform: scaleY(0.8);
5491
- -ms-transform: scaleY(0.8);
5492
- transform: scaleY(0.8);
5493
- }
5494
-
5495
- /*Diagonal*/
5496
- .premium-button-style2-dshutinhor:before,
5497
- .premium-button-style2-dshutinver:before {
5498
- top: 50%;
5499
- right: 50%;
5500
- width: 120%;
5501
- height: 0%;
5502
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
5503
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
5504
- transform: translateX(50%) translateY(-50%) rotate(45deg);
5505
- -webkit-transform-origin: 50%;
5506
- -ms-transform-origin: 50%;
5507
- transform-origin: 50%;
5508
- -webkit-transition-property: all;
5509
- transition-property: all;
5510
- }
5511
-
5512
- .premium-button-style2-dshutinver:before {
5513
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5514
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5515
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
5516
- }
5517
-
5518
- .premium-button-style2-dshutinhor:hover:before,
5519
- .premium-button-style2-dshutinver:hover:before {
5520
- height: 220%;
5521
- }
5522
-
5523
- .premium-button-style3-before i,
5524
- .premium-button-style3-after i {
5525
- opacity: 0;
5526
- -webkit-transform: translateX(5px);
5527
- -ms-transform: translateX(5px);
5528
- transform: translateX(5px);
5529
- -webkit-transition: all 0.5s ease-in-out;
5530
- transition: all 0.5s ease-in-out;
5531
- }
5532
-
5533
- .premium-button-style3-after i {
5534
- -webkit-transform: translateX(-5px);
5535
- -ms-transform: translateX(-5px);
5536
- transform: translateX(-5px);
5537
- }
5538
-
5539
- .premium-button-style3-after:hover i {
5540
- opacity: 1;
5541
- }
5542
-
5543
- .premium-button-style3-before:hover i {
5544
- opacity: 1;
5545
- }
5546
-
5547
- .premium-button-text-icon-wrapper {
5548
- display: -webkit-box;
5549
- display: -webkit-flex;
5550
- display: -ms-flexbox;
5551
- -js-display: flex;
5552
- display: -moz-box;
5553
- display: flex;
5554
- -webkit-box-pack: center;
5555
- -webkit-justify-content: center;
5556
- -moz-box-pack: center;
5557
- -ms-flex-pack: center;
5558
- justify-content: center;
5559
- -webkit-box-align: center;
5560
- -webkit-align-items: center;
5561
- -moz-box-align: center;
5562
- -ms-flex-align: center;
5563
- align-items: center;
5564
- }
5565
-
5566
- .premium-button-text-icon-wrapper span,
5567
- .premium-button-text-icon-wrapper,
5568
- .premium-button-text-icon-wrapper i {
5569
- -webkit-transition: all 0.2s ease-in-out;
5570
- transition: all 0.2s ease-in-out;
5571
- }
5572
-
5573
- .premium-button-style4-icon-wrapper {
5574
- position: absolute;
5575
- z-index: 2;
5576
- width: 100%;
5577
- text-align: center;
5578
- -js-display: flex;
5579
- display: -webkit-box;
5580
- display: -webkit-flex;
5581
- display: -moz-box;
5582
- display: -ms-flexbox;
5583
- display: flex;
5584
- -webkit-box-align: center;
5585
- -webkit-align-items: center;
5586
- -moz-box-align: center;
5587
- -ms-flex-align: center;
5588
- align-items: center;
5589
- -webkit-box-pack: center;
5590
- -webkit-justify-content: center;
5591
- -moz-box-pack: center;
5592
- -ms-flex-pack: center;
5593
- justify-content: center;
5594
- height: 100%;
5595
- opacity: 0;
5596
- -webkit-transition: all 0.3s ease-in-out;
5597
- transition: all 0.3s ease-in-out;
5598
- }
5599
-
5600
- .premium-button-style4-icon-wrapper.top {
5601
- bottom: -100%;
5602
- right: 0;
5603
- }
5604
-
5605
- .premium-button-style4-icon-wrapper.bottom {
5606
- top: -100%;
5607
- right: 0;
5608
- }
5609
-
5610
- .premium-button-style4-icon-wrapper.left {
5611
- top: 0;
5612
- right: -100%;
5613
- }
5614
-
5615
- .premium-button-style4-icon-wrapper.right {
5616
- top: 0;
5617
- left: -100%;
5618
- }
5619
-
5620
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5621
- top: 0;
5622
- opacity: 1;
5623
- }
5624
-
5625
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5626
- bottom: 0;
5627
- opacity: 1;
5628
- }
5629
-
5630
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5631
- right: 0;
5632
- opacity: 1;
5633
- }
5634
-
5635
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5636
- left: 0;
5637
- opacity: 1;
5638
- }
5639
-
5640
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5641
- -webkit-transform: translateY(100%);
5642
- -ms-transform: translateY(100%);
5643
- transform: translateY(100%);
5644
- opacity: 0;
5645
- }
5646
-
5647
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5648
- -webkit-transform: translateY(-100%);
5649
- -ms-transform: translateY(-100%);
5650
- transform: translateY(-100%);
5651
- opacity: 0;
5652
- }
5653
-
5654
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5655
- -webkit-transform: translateX(-100%);
5656
- -ms-transform: translateX(-100%);
5657
- transform: translateX(-100%);
5658
- opacity: 0;
5659
- }
5660
-
5661
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5662
- -webkit-transform: translateX(100%);
5663
- -ms-transform: translateX(100%);
5664
- transform: translateX(100%);
5665
- opacity: 0;
5666
- }
5667
-
5668
- .premium-button-style6:before {
5669
- content: "";
5670
- position: absolute;
5671
- left: 50%;
5672
- top: 50%;
5673
- width: 100px;
5674
- height: 100px;
5675
- -webkit-border-radius: 100%;
5676
- border-radius: 100%;
5677
- -webkit-transform: translate(-50%, -50%) scale(0);
5678
- -ms-transform: translate(-50%, -50%) scale(0);
5679
- transform: translate(-50%, -50%) scale(0);
5680
- -webkit-transition: all 0.3s ease-in-out;
5681
- transition: all 0.3s ease-in-out;
5682
- }
5683
-
5684
- .premium-button-style6:hover:before {
5685
- -webkit-transform: translate(-50%, -50%) scale(3);
5686
- -ms-transform: translate(-50%, -50%) scale(3);
5687
- transform: translate(-50%, -50%) scale(3);
5688
- }
5689
-
5690
- .premium-button-style6 .premium-button-text-icon-wrapper {
5691
- position: relative;
5692
- z-index: 1;
5693
- }
5694
-
5695
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5696
- position: absolute;
5697
- z-index: 0;
5698
- top: 0;
5699
- left: 0;
5700
- width: 0px;
5701
- height: 0px;
5702
- -webkit-border-radius: 50%;
5703
- border-radius: 50%;
5704
- display: block;
5705
- -webkit-transform: translate(-50%, -50%);
5706
- -ms-transform: translate(-50%, -50%);
5707
- transform: translate(-50%, -50%);
5708
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5709
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5710
- }
5711
-
5712
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5713
- width: 225%;
5714
- height: 560px;
5715
- }
5716
-
5717
- .premium-mouse-detect-yes .premium-button-style6:before {
5718
- width: 0;
5719
- height: 0;
5720
- }
5721
-
5722
- /**************** Premium Contact Form7 **********/
5723
- /*************************************************/
5724
- .premium-contact-form-anim-yes .wpcf7-span::after {
5725
- display: block;
5726
- height: 2px;
5727
- content: "";
5728
- top: -2px;
5729
- position: relative;
5730
- width: 0px;
5731
- -webkit-transition: all ease-in-out 0.3s;
5732
- transition: all ease-in-out 0.3s;
5733
- }
5734
-
5735
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5736
- width: 100%;
5737
- }
5738
-
5739
- /**************** Premium Image Button ***********/
5740
- /*************************************************/
5741
- .premium-image-button {
5742
- display: inline-block;
5743
- position: relative;
5744
- overflow: hidden;
5745
- background: #6ec1e4;
5746
- cursor: pointer;
5747
- -webkit-transition: all 0.2s ease-in-out !important;
5748
- transition: all 0.2s ease-in-out !important;
5749
- }
5750
-
5751
- /*Default background for slide styles*/
5752
- .premium-image-button:hover,
5753
- .premium-image-button-style4-icon-wrapper,
5754
- .premium-image-button-style1-top:before,
5755
- .premium-image-button-style1-bottom:before,
5756
- .premium-image-button-style1-left:before,
5757
- .premium-image-button-style1-right:before {
5758
- background-color: #54595f;
5759
- }
5760
-
5761
- .premium-image-button.premium-image-button-sm {
5762
- padding: 12px 24px;
5763
- font-size: 14px;
5764
- line-height: 1;
5765
- }
5766
-
5767
- .premium-image-button.premium-image-button-md {
5768
- padding: 14px 26px;
5769
- font-size: 16px;
5770
- line-height: 1.2;
5771
- }
5772
-
5773
- .premium-image-button.premium-image-button-lg {
5774
- padding: 16px 28px;
5775
- font-size: 18px;
5776
- line-height: 1.3333;
5777
- }
5778
-
5779
- .premium-image-button.premium-image-button-block {
5780
- font-size: 15px;
5781
- line-height: 1;
5782
- padding: 12px 24px;
5783
- width: 100%;
5784
- text-align: center;
5785
- }
5786
-
5787
- .premium-image-button-text-icon-wrapper {
5788
- display: -webkit-box;
5789
- display: -webkit-flex;
5790
- display: -ms-flexbox;
5791
- -js-display: flex;
5792
- display: -moz-box;
5793
- display: flex;
5794
- -webkit-box-pack: center;
5795
- -webkit-justify-content: center;
5796
- -moz-box-pack: center;
5797
- -ms-flex-pack: center;
5798
- justify-content: center;
5799
- -webkit-box-align: center;
5800
- -webkit-align-items: center;
5801
- -moz-box-align: center;
5802
- -ms-flex-align: center;
5803
- align-items: center;
5804
- position: relative;
5805
- z-index: 3;
5806
- }
5807
-
5808
- .premium-image-button-text-icon-wrapper span,
5809
- .premium-image-button-text-icon-wrapper,
5810
- .premium-image-button-text-icon-wrapper i {
5811
- -webkit-transition: all 0.2s ease-in-out;
5812
- transition: all 0.2s ease-in-out;
5813
- }
5814
-
5815
- .premium-image-button-style1-bottom:before,
5816
- .premium-image-button-style1-top:before,
5817
- .premium-image-button-style1-left:before,
5818
- .premium-image-button-style1-right:before {
5819
- -webkit-transition: all 0.2s ease-in-out;
5820
- transition: all 0.2s ease-in-out;
5821
- }
5822
-
5823
- .premium-image-button-style1-bottom:before {
5824
- content: "";
5825
- position: absolute;
5826
- width: 100%;
5827
- height: 0;
5828
- top: 0;
5829
- right: 0;
5830
- }
5831
-
5832
- .premium-image-button-style1-top:before {
5833
- content: "";
5834
- position: absolute;
5835
- width: 100%;
5836
- height: 0;
5837
- bottom: 0;
5838
- right: 0;
5839
- }
5840
-
5841
- .premium-image-button-style1-right:before {
5842
- content: "";
5843
- position: absolute;
5844
- width: 0;
5845
- height: 100%;
5846
- bottom: 0;
5847
- right: 0;
5848
- }
5849
-
5850
- .premium-image-button-style1-left:before {
5851
- content: "";
5852
- position: absolute;
5853
- width: 0;
5854
- height: 100%;
5855
- top: 0;
5856
- left: 0;
5857
- }
5858
-
5859
- .premium-image-button-style1-bottom:hover:before {
5860
- height: 100%;
5861
- }
5862
-
5863
- .premium-image-button-style1-top:hover:before {
5864
- height: 100%;
5865
- }
5866
-
5867
- .premium-image-button-style1-right:hover:before {
5868
- width: 100%;
5869
- }
5870
-
5871
- .premium-image-button-style1-left:hover:before {
5872
- width: 100%;
5873
- }
5874
-
5875
- .premium-image-button-diagonal-effect-top,
5876
- .premium-image-button-diagonal-effect-bottom,
5877
- .premium-image-button-diagonal-effect-left,
5878
- .premium-image-button-diagonal-effect-right {
5879
- z-index: 10;
5880
- }
5881
-
5882
- .premium-image-button-diagonal-effect-top:before,
5883
- .premium-image-button-diagonal-effect-bottom:before,
5884
- .premium-image-button-diagonal-effect-left:before,
5885
- .premium-image-button-diagonal-effect-right:before {
5886
- position: absolute;
5887
- top: 0px;
5888
- right: 0px;
5889
- width: 100%;
5890
- height: 100%;
5891
- content: "";
5892
- z-index: 1;
5893
- background: rgba(255, 255, 255, 0.2);
5894
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5895
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5896
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5897
- -webkit-transition: all 0.8s ease-out;
5898
- transition: all 0.8s ease-out;
5899
- }
5900
-
5901
- .premium-image-button-diagonal-effect-right:hover:before,
5902
- .premium-image-button-diagonal-effect-left:before {
5903
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5904
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5905
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5906
- }
5907
-
5908
- .premium-image-button-diagonal-effect-left:hover:before,
5909
- .premium-image-button-diagonal-effect-right:before {
5910
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5911
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5912
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5913
- }
5914
-
5915
- .premium-image-button-diagonal-effect-top:hover:before,
5916
- .premium-image-button-diagonal-effect-bottom:before {
5917
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5918
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5919
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5920
- }
5921
-
5922
- .premium-image-button-diagonal-effect-bottom:hover:before,
5923
- .premium-image-button-diagonal-effect-top:before {
5924
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5925
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5926
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5927
- }
5928
-
5929
- .premium-image-button-style4-icon-wrapper {
5930
- position: absolute;
5931
- z-index: 2;
5932
- width: 100%;
5933
- text-align: center;
5934
- display: -webkit-box;
5935
- display: -webkit-flex;
5936
- display: -ms-flexbox;
5937
- -js-display: flex;
5938
- display: -moz-box;
5939
- display: flex;
5940
- -webkit-box-align: center;
5941
- -webkit-align-items: center;
5942
- -moz-box-align: center;
5943
- -ms-flex-align: center;
5944
- align-items: center;
5945
- -webkit-box-pack: center;
5946
- -webkit-justify-content: center;
5947
- -moz-box-pack: center;
5948
- -ms-flex-pack: center;
5949
- justify-content: center;
5950
- height: 100%;
5951
- opacity: 0;
5952
- -webkit-transition: all 0.3s ease-in-out;
5953
- transition: all 0.3s ease-in-out;
5954
- }
5955
-
5956
- .premium-image-button-style4-icon-wrapper.top {
5957
- bottom: -100%;
5958
- right: 0;
5959
- }
5960
-
5961
- .premium-image-button-style4-icon-wrapper.bottom {
5962
- top: -100%;
5963
- right: 0;
5964
- }
5965
-
5966
- .premium-image-button-style4-icon-wrapper.left {
5967
- top: 0;
5968
- right: -100%;
5969
- }
5970
-
5971
- .premium-image-button-style4-icon-wrapper.right {
5972
- top: 0;
5973
- left: -100%;
5974
- }
5975
-
5976
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5977
- top: 0;
5978
- opacity: 1;
5979
- }
5980
-
5981
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5982
- bottom: 0;
5983
- opacity: 1;
5984
- }
5985
-
5986
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5987
- right: 0;
5988
- opacity: 1;
5989
- }
5990
-
5991
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5992
- left: 0;
5993
- opacity: 1;
5994
- }
5995
-
5996
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5997
- -webkit-transform: translateY(100%);
5998
- -ms-transform: translateY(100%);
5999
- transform: translateY(100%);
6000
- opacity: 0;
6001
- }
6002
-
6003
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6004
- -webkit-transform: translateY(-100%);
6005
- -ms-transform: translateY(-100%);
6006
- transform: translateY(-100%);
6007
- opacity: 0;
6008
- }
6009
-
6010
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6011
- -webkit-transform: translateX(-100%);
6012
- -ms-transform: translateX(-100%);
6013
- transform: translateX(-100%);
6014
- opacity: 0;
6015
- }
6016
-
6017
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6018
- -webkit-transform: translateX(100%);
6019
- -ms-transform: translateX(100%);
6020
- transform: translateX(100%);
6021
- opacity: 0;
6022
- }
6023
-
6024
- .premium-image-button-overlap-effect-horizontal:before,
6025
- .premium-image-button-overlap-effect-vertical:before {
6026
- position: absolute;
6027
- content: "";
6028
- top: 0;
6029
- right: 0;
6030
- width: 100%;
6031
- height: 100%;
6032
- opacity: 0;
6033
- -webkit-transition: all 1s ease-in-out;
6034
- transition: all 1s ease-in-out;
6035
- background: rgba(255, 255, 255, 0.2);
6036
- -webkit-animation-name: premium-overlap-effect-done;
6037
- animation-name: premium-overlap-effect-done;
6038
- -webkit-animation-duration: 1s;
6039
- animation-duration: 1s;
6040
- }
6041
-
6042
- .premium-image-button-overlap-effect-vertical:before {
6043
- -webkit-animation-name: premium-overlap-ver-effect-done;
6044
- animation-name: premium-overlap-ver-effect-done;
6045
- -webkit-animation-duration: 1s;
6046
- animation-duration: 1s;
6047
- }
6048
-
6049
- .premium-image-button-overlap-effect-horizontal:hover:before {
6050
- -webkit-animation-name: premium-overlap-effect;
6051
- animation-name: premium-overlap-effect;
6052
- -webkit-animation-duration: 1s;
6053
- animation-duration: 1s;
6054
- }
6055
-
6056
- .premium-image-button-overlap-effect-vertical:hover:before {
6057
- -webkit-animation-name: premium-overlap-ver-effect;
6058
- animation-name: premium-overlap-ver-effect;
6059
- -webkit-animation-duration: 1s;
6060
- animation-duration: 1s;
6061
- }
6062
-
6063
- @-webkit-keyframes premium-overlap-effect {
6064
- 0% {
6065
- opacity: 0;
6066
- -webkit-transform: rotateY(0deg);
6067
- transform: rotateY(0deg);
6068
- }
6069
-
6070
- 50% {
6071
- opacity: 1;
6072
- -webkit-transform: rotateY(180deg);
6073
- transform: rotateY(180deg);
6074
- }
6075
-
6076
- 100% {
6077
- opacity: 0;
6078
- -webkit-transform: rotateY(360deg);
6079
- transform: rotateY(360deg);
6080
- }
6081
- }
6082
-
6083
- @keyframes premium-overlap-effect {
6084
- 0% {
6085
- opacity: 0;
6086
- -webkit-transform: rotateY(0deg);
6087
- transform: rotateY(0deg);
6088
- }
6089
-
6090
- 50% {
6091
- opacity: 1;
6092
- -webkit-transform: rotateY(180deg);
6093
- transform: rotateY(180deg);
6094
- }
6095
-
6096
- 100% {
6097
- opacity: 0;
6098
- -webkit-transform: rotateY(360deg);
6099
- transform: rotateY(360deg);
6100
- }
6101
- }
6102
-
6103
- @-webkit-keyframes premium-overlap-effect-done {
6104
- 0% {
6105
- opacity: 0;
6106
- -webkit-transform: rotateY(0deg);
6107
- transform: rotateY(0deg);
6108
- }
6109
-
6110
- 50% {
6111
- opacity: 1;
6112
- -webkit-transform: rotateY(180deg);
6113
- transform: rotateY(180deg);
6114
- }
6115
-
6116
- 100% {
6117
- opacity: 0;
6118
- -webkit-transform: rotateY(360deg);
6119
- transform: rotateY(360deg);
6120
- }
6121
- }
6122
-
6123
- @keyframes premium-overlap-effect-done {
6124
- 0% {
6125
- opacity: 0;
6126
- -webkit-transform: rotateY(0deg);
6127
- transform: rotateY(0deg);
6128
- }
6129
-
6130
- 50% {
6131
- opacity: 1;
6132
- -webkit-transform: rotateY(180deg);
6133
- transform: rotateY(180deg);
6134
- }
6135
-
6136
- 100% {
6137
- opacity: 0;
6138
- -webkit-transform: rotateY(360deg);
6139
- transform: rotateY(360deg);
6140
- }
6141
- }
6142
-
6143
- @-webkit-keyframes premium-overlap-ver-effect {
6144
- 0% {
6145
- opacity: 0;
6146
- -webkit-transform: rotateX(0deg);
6147
- transform: rotateX(0deg);
6148
- }
6149
-
6150
- 50% {
6151
- opacity: 1;
6152
- -webkit-transform: rotateX(180deg);
6153
- transform: rotateX(180deg);
6154
- }
6155
-
6156
- 100% {
6157
- opacity: 0;
6158
- -webkit-transform: rotateX(360deg);
6159
- transform: rotateX(360deg);
6160
- }
6161
- }
6162
-
6163
- @keyframes premium-overlap-ver-effect {
6164
- 0% {
6165
- opacity: 0;
6166
- -webkit-transform: rotateX(0deg);
6167
- transform: rotateX(0deg);
6168
- }
6169
-
6170
- 50% {
6171
- opacity: 1;
6172
- -webkit-transform: rotateX(180deg);
6173
- transform: rotateX(180deg);
6174
- }
6175
-
6176
- 100% {
6177
- opacity: 0;
6178
- -webkit-transform: rotateX(360deg);
6179
- transform: rotateX(360deg);
6180
- }
6181
- }
6182
-
6183
- @-webkit-keyframes premium-overlap-ver-effect-done {
6184
- 0% {
6185
- opacity: 0;
6186
- -webkit-transform: rotateX(0deg);
6187
- transform: rotateX(0deg);
6188
- }
6189
-
6190
- 50% {
6191
- opacity: 1;
6192
- -webkit-transform: rotateX(180deg);
6193
- transform: rotateX(180deg);
6194
- }
6195
-
6196
- 100% {
6197
- opacity: 0;
6198
- -webkit-transform: rotateX(360deg);
6199
- transform: rotateX(360deg);
6200
- }
6201
- }
6202
-
6203
- @keyframes premium-overlap-ver-effect-done {
6204
- 0% {
6205
- opacity: 0;
6206
- -webkit-transform: rotateX(0deg);
6207
- transform: rotateX(0deg);
6208
- }
6209
-
6210
- 50% {
6211
- opacity: 1;
6212
- -webkit-transform: rotateX(180deg);
6213
- transform: rotateX(180deg);
6214
- }
6215
-
6216
- 100% {
6217
- opacity: 0;
6218
- -webkit-transform: rotateX(360deg);
6219
- transform: rotateX(360deg);
6220
- }
6221
- }
6222
-
6223
- /**************** Premium Grid *******************/
6224
- /*************************************************/
6225
- .premium-img-gallery-filter,
6226
- .premium-blog-filter {
6227
- display: -webkit-box;
6228
- display: -webkit-flex;
6229
- display: -ms-flexbox;
6230
- -js-display: flex;
6231
- display: -moz-box;
6232
- display: flex;
6233
- -webkit-box-align: center;
6234
- -webkit-align-items: center;
6235
- -moz-box-align: center;
6236
- -ms-flex-align: center;
6237
- align-items: center;
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
- }
6244
-
6245
- .premium-img-gallery {
6246
- clear: both;
6247
- overflow: hidden;
6248
- }
6249
-
6250
- .premium-gallery-container .premium-gallery-item {
6251
- padding: 10px;
6252
- float: right;
6253
- /* Google Chrome isotope issue */
6254
- }
6255
-
6256
- .premium-gallery-container .grid-sizer {
6257
- width: 33.33%;
6258
- }
6259
-
6260
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6261
- .premium-blog-filter .premium-blog-filters-container li a.category {
6262
- outline: none;
6263
- text-decoration: none;
6264
- -webkit-border-radius: 75px;
6265
- border-radius: 75px;
6266
- margin: 15px 5px 20px;
6267
- padding: 7px 20px;
6268
- -webkit-transition: all 0.3s ease-in-out;
6269
- transition: all 0.3s ease-in-out;
6270
- }
6271
-
6272
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6273
- -webkit-transition: all 0.3s ease-in-out;
6274
- transition: all 0.3s ease-in-out;
6275
- }
6276
-
6277
- .pa-gallery-img {
6278
- position: relative;
6279
- }
6280
-
6281
- .pa-gallery-img .pa-gallery-whole-link {
6282
- position: absolute;
6283
- top: 0;
6284
- right: 0;
6285
- width: 100%;
6286
- height: 100%;
6287
- }
6288
-
6289
- .pa-gallery-img.style2 .pa-gallery-whole-link {
6290
- z-index: 99;
6291
- }
6292
-
6293
- .pa-gallery-img-container {
6294
- overflow: hidden;
6295
- -webkit-backface-visibility: hidden;
6296
- -moz-backface-visibility: hidden;
6297
- -webkit-transform: translate3d(0, 0, 0);
6298
- transform: translate3d(0, 0, 0);
6299
- }
6300
-
6301
- .pa-gallery-img-container img {
6302
- display: block;
6303
- width: 100%;
6304
- -webkit-transition: all 0.3s ease-in-out;
6305
- transition: all 0.3s ease-in-out;
6306
- }
6307
-
6308
- .premium-img-gallery.gray img {
6309
- -webkit-filter: grayscale(100%);
6310
- filter: grayscale(100%);
6311
- }
6312
-
6313
- .premium-img-gallery.zoomout img,
6314
- .premium-img-gallery.scale img {
6315
- -webkit-transform: scale(1.2);
6316
- -ms-transform: scale(1.2);
6317
- transform: scale(1.2);
6318
- }
6319
-
6320
- .premium-img-gallery.sepia img {
6321
- -webkit-filter: sepia(30%);
6322
- filter: sepia(30%);
6323
- }
6324
-
6325
- .premium-img-gallery.bright img {
6326
- -webkit-filter: brightness(1);
6327
- filter: brightness(1);
6328
- }
6329
-
6330
- .premium-img-gallery.trans img {
6331
- -webkit-transform: translateX(15px) scale(1.1);
6332
- -ms-transform: translateX(15px) scale(1.1);
6333
- transform: translateX(15px) scale(1.1);
6334
- }
6335
-
6336
- .pa-gallery-img .pa-gallery-magnific-image,
6337
- .pa-gallery-img .pa-gallery-img-link {
6338
- outline: none;
6339
- }
6340
-
6341
- .pa-gallery-img .pa-gallery-magnific-image span,
6342
- .pa-gallery-img .pa-gallery-img-link span {
6343
- line-height: 1;
6344
- display: inline-block;
6345
- opacity: 0;
6346
- margin: 0 5px;
6347
- padding: 15px;
6348
- -webkit-border-radius: 50%;
6349
- border-radius: 50%;
6350
- }
6351
-
6352
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
6353
- .pa-gallery-img.style2 .pa-gallery-img-link span {
6354
- margin: 0 5px 20px;
6355
- }
6356
-
6357
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
6358
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6359
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6360
- }
6361
-
6362
- .pa-gallery-img:hover .pa-gallery-img-link span {
6363
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6364
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6365
- }
6366
-
6367
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
6368
- .pa-gallery-img:hover .pa-gallery-img-link span,
6369
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
6370
- opacity: 1;
6371
- }
6372
-
6373
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
6374
- .premium-blog-filter ul.premium-blog-filters-container {
6375
- text-align: center;
6376
- margin: 0;
6377
- padding: 0;
6378
- }
6379
-
6380
- .premium-img-gallery-filter .premium-gallery-cats-container li,
6381
- .premium-blog-filter .premium-blog-filters-container li {
6382
- list-style: none;
6383
- display: -webkit-inline-box;
6384
- display: -webkit-inline-flex;
6385
- display: -ms-inline-flexbox;
6386
- -js-display: inline-flex;
6387
- display: -moz-inline-box;
6388
- display: inline-flex;
6389
- }
6390
-
6391
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
6392
- -webkit-transform: scale(1.1);
6393
- -ms-transform: scale(1.1);
6394
- transform: scale(1.1);
6395
- }
6396
-
6397
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
6398
- -webkit-transform: scale(1);
6399
- -ms-transform: scale(1);
6400
- transform: scale(1);
6401
- }
6402
-
6403
- .premium-img-gallery.scale .pa-gallery-img:hover img {
6404
- -webkit-transform: scale(1.3) rotate(-5deg);
6405
- -ms-transform: scale(1.3) rotate(-5deg);
6406
- transform: scale(1.3) rotate(-5deg);
6407
- }
6408
-
6409
- .premium-img-gallery.gray .pa-gallery-img:hover img {
6410
- -webkit-filter: grayscale(0%);
6411
- filter: grayscale(0%);
6412
- }
6413
-
6414
- .premium-img-gallery.blur .pa-gallery-img:hover img {
6415
- -webkit-filter: blur(3px);
6416
- filter: blur(3px);
6417
- }
6418
-
6419
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
6420
- -webkit-filter: sepia(0%);
6421
- filter: sepia(0%);
6422
- }
6423
-
6424
- .premium-img-gallery.trans .pa-gallery-img:hover img {
6425
- -webkit-transform: translateX(0px) scale(1.1);
6426
- -ms-transform: translateX(0px) scale(1.1);
6427
- transform: translateX(0px) scale(1.1);
6428
- }
6429
-
6430
- .premium-img-gallery.bright .pa-gallery-img:hover img {
6431
- -webkit-filter: brightness(1.2);
6432
- filter: brightness(1.2);
6433
- }
6434
-
6435
- .pa-gallery-img .premium-gallery-caption {
6436
- padding: 10px;
6437
- }
6438
-
6439
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
6440
- margin-bottom: 0;
6441
- }
6442
-
6443
- .pa-gallery-img.style1 {
6444
- overflow: hidden;
6445
- }
6446
-
6447
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
6448
- position: absolute;
6449
- top: 0;
6450
- right: 0;
6451
- width: 100%;
6452
- height: 100%;
6453
- -webkit-transition: all 0.3s ease-in-out;
6454
- transition: all 0.3s ease-in-out;
6455
- }
6456
-
6457
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
6458
- position: absolute;
6459
- top: 33.33%;
6460
- width: 100%;
6461
- text-align: center;
6462
- -webkit-transform: translateY(-50%);
6463
- -ms-transform: translateY(-50%);
6464
- transform: translateY(-50%);
6465
- z-index: 999;
6466
- }
6467
-
6468
- .pa-gallery-img.style1 .premium-gallery-caption {
6469
- position: absolute;
6470
- top: auto;
6471
- left: 0;
6472
- right: 0;
6473
- width: 100%;
6474
- -webkit-transition: all 500ms ease 0s;
6475
- transition: all 500ms ease 0s;
6476
- -webkit-transform: translate3d(0, 100%, 0);
6477
- -ms-transform: translate3d(0, 100%, 0);
6478
- transform: translate3d(0, 100%, 0);
6479
- }
6480
-
6481
- .pa-gallery-img.default .premium-gallery-caption {
6482
- position: absolute;
6483
- top: auto;
6484
- left: 0;
6485
- right: 0;
6486
- width: 100%;
6487
- bottom: 0;
6488
- }
6489
-
6490
- .pa-gallery-img.style1:hover .premium-gallery-caption {
6491
- -webkit-transform: translate3d(0, 0, 0);
6492
- -ms-transform: translate3d(0, 0, 0);
6493
- transform: translate3d(0, 0, 0);
6494
- bottom: -1px !important;
6495
- }
6496
-
6497
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
6498
- position: absolute;
6499
- top: 0;
6500
- right: 0;
6501
- width: 100%;
6502
- height: 100%;
6503
- opacity: 0;
6504
- -webkit-backface-visibility: hidden;
6505
- backface-visibility: hidden;
6506
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
6507
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
6508
- transition: opacity 0.3s, -webkit-transform 0.3s;
6509
- transition: transform 0.3s, opacity 0.3s;
6510
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6511
- z-index: 1;
6512
- background-color: rgba(108, 191, 226, 0.68);
6513
- display: -webkit-box;
6514
- display: -webkit-flex;
6515
- display: -ms-flexbox;
6516
- -js-display: flex;
6517
- display: -moz-box;
6518
- display: flex;
6519
- text-align: center;
6520
- -webkit-box-align: center;
6521
- -webkit-align-items: center;
6522
- -moz-box-align: center;
6523
- -ms-flex-align: center;
6524
- align-items: center;
6525
- }
6526
-
6527
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6528
- width: 100%;
6529
- }
6530
-
6531
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6532
- opacity: 1;
6533
- -webkit-transform: translate(-15px, 15px);
6534
- -ms-transform: translate(-15px, 15px);
6535
- transform: translate(-15px, 15px);
6536
- }
6537
-
6538
- .premium-clearfix {
6539
- clear: both;
6540
- }
6541
-
6542
- .premium-gallery-container .pa-gallery-item {
6543
- padding: 10px;
6544
- }
6545
-
6546
- /** * Metro Style */
6547
- .premium-img-gallery-metro .premium-gallery-item {
6548
- overflow: hidden;
6549
- }
6550
-
6551
- .premium-img-gallery-metro .pa-gallery-img,
6552
- .premium-img-gallery-metro .pa-gallery-img-container {
6553
- height: 100%;
6554
- }
6555
-
6556
- .premium-img-gallery-metro .pa-gallery-image {
6557
- min-height: 100%;
6558
- width: 100%;
6559
- -o-object-fit: fill;
6560
- object-fit: fill;
6561
- }
6562
-
6563
- .premium-img-gallery .premium-gallery-item-hidden {
6564
- visibility: hidden;
6565
- width: 0 !important;
6566
- height: 0 !important;
6567
- margin: 0 !important;
6568
- padding: 0 !important;
6569
- }
6570
-
6571
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6572
- -webkit-box-shadow: none;
6573
- box-shadow: none;
6574
- text-shadow: none;
6575
- border: none;
6576
- outline: none;
6577
- -webkit-box-align: center;
6578
- -ms-flex-align: center;
6579
- -webkit-align-items: center;
6580
- -moz-box-align: center;
6581
- align-items: center;
6582
- vertical-align: bottom;
6583
- cursor: pointer;
6584
- line-height: 1;
6585
- font-style: normal;
6586
- font-weight: normal;
6587
- background-image: none;
6588
- color: #fff;
6589
- -webkit-transition: all 0.3s ease-in-out;
6590
- transition: all 0.3s ease-in-out;
6591
- }
6592
-
6593
- .premium-gallery-load-more-btn {
6594
- display: -webkit-inline-box;
6595
- display: -webkit-inline-flex;
6596
- display: -ms-inline-flexbox;
6597
- -js-display: inline-flex;
6598
- display: -moz-inline-box;
6599
- display: inline-flex;
6600
- -webkit-box-align: center;
6601
- -webkit-align-items: center;
6602
- -moz-box-align: center;
6603
- -ms-flex-align: center;
6604
- align-items: center;
6605
- }
6606
-
6607
- .premium-loader {
6608
- border: 3px solid #f3f3f3;
6609
- border-top-width: 3px;
6610
- border-top-style: solid;
6611
- border-top-color: rgb(243, 243, 243);
6612
- -webkit-border-radius: 50%;
6613
- border-radius: 50%;
6614
- border-top: 3px solid;
6615
- border-top-color: #bbb;
6616
- width: 30px;
6617
- height: 30px;
6618
- -webkit-animation: spin 2s linear infinite;
6619
- animation: spin 2s linear infinite;
6620
- margin: 0 auto;
6621
- }
6622
-
6623
- .premium-gallery-load-more-btn div {
6624
- margin-right: 3px;
6625
- }
6626
-
6627
- .premium-gallery-load-more-btn .premium-loader {
6628
- display: inline-block;
6629
- width: 20px;
6630
- height: 20px;
6631
- }
6632
-
6633
- /** * Video */
6634
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6635
- display: inline-block;
6636
- }
6637
-
6638
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6639
- .pa-gallery-img .pa-gallery-video-icon {
6640
- cursor: pointer;
6641
- }
6642
-
6643
- .pa-gallery-img-container iframe,
6644
- .pa-gallery-img-container video {
6645
- position: absolute;
6646
- visibility: hidden;
6647
- top: 0;
6648
- right: 0;
6649
- max-width: 100%;
6650
- width: 100%;
6651
- height: 100%;
6652
- margin: 0;
6653
- line-height: 1;
6654
- border: none;
6655
- }
6656
-
6657
- .pa-gallery-img-container video {
6658
- -o-object-fit: contain;
6659
- object-fit: contain;
6660
- }
6661
-
6662
- .pa-gallery-icons-inner-container svg,
6663
- .pa-gallery-icons-caption-cell svg {
6664
- width: 14px;
6665
- height: 14px;
6666
- }
6667
-
6668
- @-webkit-keyframes spin {
6669
- 0% {
6670
- -webkit-transform: rotate(0deg);
6671
- }
6672
-
6673
- 100% {
6674
- -webkit-transform: rotate(-360deg);
6675
- }
6676
- }
6677
-
6678
- @keyframes spin {
6679
- 0% {
6680
- -webkit-transform: rotate(0deg);
6681
- transform: rotate(0deg);
6682
- }
6683
-
6684
- 100% {
6685
- -webkit-transform: rotate(-360deg);
6686
- transform: rotate(-360deg);
6687
- }
6688
- }
6689
-
6690
- /************ Premium Vertical Scroll ************/
6691
- /*************************************************/
6692
- .premium-vscroll-inner {
6693
- position: relative;
6694
- /* overflow: hidden;
6695
- */
6696
- min-height: 100%;
6697
- }
6698
-
6699
- .premium-vscroll-inner .premium-vscroll-dots {
6700
- position: fixed;
6701
- z-index: 100;
6702
- opacity: 1;
6703
- margin-top: -32px;
6704
- -webkit-transition: all 0.3s ease-in-out;
6705
- transition: all 0.3s ease-in-out;
6706
- }
6707
-
6708
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6709
- opacity: 1;
6710
- -webkit-transition: all 0.3s ease-in-out;
6711
- transition: all 0.3s ease-in-out;
6712
- }
6713
-
6714
- .premium-vscroll-inner .premium-vscroll-dots,
6715
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6716
- opacity: 0;
6717
- visibility: hidden;
6718
- }
6719
-
6720
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
6721
- opacity: 1;
6722
- visibility: visible;
6723
- }
6724
-
6725
- .premium-vscroll-dots.middle {
6726
- top: 50%;
6727
- }
6728
-
6729
- .premium-vscroll-dots.top {
6730
- top: 40px;
6731
- }
6732
-
6733
- .premium-vscroll-dots.bottom {
6734
- bottom: 30px;
6735
- }
6736
-
6737
- .premium-vscroll-dots.right {
6738
- left: 17px;
6739
- }
6740
-
6741
- .premium-vscroll-dots.left {
6742
- right: 17px;
6743
- }
6744
-
6745
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6746
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6747
- margin: 0 !important;
6748
- padding: 0;
6749
- }
6750
-
6751
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6752
- width: 14px;
6753
- height: 13px;
6754
- margin: 7px;
6755
- position: relative;
6756
- display: -webkit-box;
6757
- display: -webkit-flex;
6758
- display: -ms-flexbox;
6759
- -js-display: flex;
6760
- display: -moz-box;
6761
- display: flex;
6762
- -webkit-box-pack: center;
6763
- -ms-flex-pack: center;
6764
- -webkit-justify-content: center;
6765
- -moz-box-pack: center;
6766
- justify-content: center;
6767
- -webkit-box-align: center;
6768
- -ms-flex-align: center;
6769
- -webkit-align-items: center;
6770
- -moz-box-align: center;
6771
- align-items: center;
6772
- overflow: visible;
6773
- }
6774
-
6775
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6776
- display: block;
6777
- position: relative;
6778
- z-index: 1;
6779
- width: 100%;
6780
- height: 100%;
6781
- cursor: pointer;
6782
- text-decoration: none;
6783
- }
6784
-
6785
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6786
- top: 2px;
6787
- right: 2.5px;
6788
- width: 8px;
6789
- height: 8px;
6790
- border: 1px solid #000;
6791
- -webkit-border-radius: 50%;
6792
- border-radius: 50%;
6793
- position: absolute;
6794
- z-index: 1;
6795
- -webkit-transition: all 0.3s ease-in-out;
6796
- transition: all 0.3s ease-in-out;
6797
- }
6798
-
6799
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6800
- -webkit-transform: scale(1.6);
6801
- -ms-transform: scale(1.6);
6802
- transform: scale(1.6);
6803
- }
6804
-
6805
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6806
- position: absolute;
6807
- color: #fff;
6808
- font-size: 14px;
6809
- font-family: arial, helvetica, sans-serif;
6810
- white-space: nowrap;
6811
- max-width: 220px;
6812
- padding-right: 0.4em;
6813
- padding-left: 0.4em;
6814
- }
6815
-
6816
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6817
- left: 27px;
6818
- }
6819
-
6820
- /* * Lines */
6821
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6822
- width: 4px;
6823
- height: 30px;
6824
- }
6825
-
6826
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6827
- width: 100%;
6828
- height: 100%;
6829
- -webkit-border-radius: 0;
6830
- border-radius: 0;
6831
- }
6832
-
6833
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6834
- -webkit-transform: scale(1);
6835
- -ms-transform: scale(1);
6836
- transform: scale(1);
6837
- }
6838
-
6839
- @media (max-width: 768px) {
6840
- .premium-vscroll-dots.right {
6841
- left: 7px;
6842
- }
6843
-
6844
- .premium-vscroll-dots.left {
6845
- right: 7px;
6846
- }
6847
- }
6848
-
6849
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6850
- position: absolute;
6851
- top: 50%;
6852
- content: "";
6853
- right: -webkit-calc(100% - 1px);
6854
- right: calc(100% - 1px);
6855
- width: 10px;
6856
- height: 0;
6857
- border-top: 6px solid transparent;
6858
- border-bottom: 6px solid transparent;
6859
- border-right: 6px solid;
6860
- -webkit-transform: translateY(-50%);
6861
- -ms-transform: translateY(-50%);
6862
- transform: translateY(-50%);
6863
- }
6864
-
6865
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6866
- position: absolute;
6867
- top: 50%;
6868
- content: "";
6869
- left: -webkit-calc(100% - 1px);
6870
- left: calc(100% - 1px);
6871
- width: 10px;
6872
- height: 0;
6873
- border-top: 6px solid transparent;
6874
- border-bottom: 6px solid transparent;
6875
- border-left: 6px solid;
6876
- -webkit-transform: translateY(-50%);
6877
- -ms-transform: translateY(-50%);
6878
- transform: translateY(-50%);
6879
- }
6880
-
6881
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6882
- right: 27px;
6883
- }
6884
-
6885
- .premium-vscroll-nav-menu {
6886
- position: fixed;
6887
- top: 20px;
6888
- height: 40px;
6889
- z-index: 100;
6890
- padding: 0;
6891
- margin: 0;
6892
- }
6893
-
6894
- .premium-vscroll-nav-menu.left {
6895
- right: 0;
6896
- }
6897
-
6898
- .premium-vscroll-nav-menu.right {
6899
- left: 0;
6900
- }
6901
-
6902
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6903
- display: inline-block;
6904
- margin: 10px;
6905
- color: #000;
6906
- background: #fff;
6907
- background: rgba(255, 255, 255, 0.3);
6908
- }
6909
-
6910
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6911
- padding: 9px 18px;
6912
- display: block;
6913
- cursor: pointer;
6914
- }
6915
-
6916
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
6917
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6918
- color: #000;
6919
- }
6920
-
6921
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
6922
- .multiscroll-nav li a:focus {
6923
- outline: none;
6924
- }
6925
-
6926
- .premium-vscroll-temp .slimScrollBar {
6927
- visibility: hidden;
6928
- }
6929
-
6930
- /************ Premium Image Scroll ***************/
6931
- /*************************************************/
6932
- .premium-image-scroll-section,
6933
- .premium-image-scroll-container {
6934
- -webkit-transition: all 0.3s ease-in-out;
6935
- transition: all 0.3s ease-in-out;
6936
- }
6937
-
6938
- .premium-image-scroll-section {
6939
- overflow: hidden;
6940
- width: 100%;
6941
- position: relative;
6942
- }
6943
-
6944
- .premium-image-scroll-container {
6945
- width: 100%;
6946
- }
6947
-
6948
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6949
- -webkit-mask-repeat: no-repeat;
6950
- mask-repeat: no-repeat;
6951
- -webkit-mask-position: center;
6952
- mask-position: center;
6953
- }
6954
-
6955
- .premium-container-scroll {
6956
- overflow: auto;
6957
- }
6958
-
6959
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6960
- position: relative;
6961
- width: 100%;
6962
- height: 100%;
6963
- }
6964
-
6965
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6966
- max-width: none;
6967
- height: 100%;
6968
- }
6969
-
6970
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6971
- width: 100%;
6972
- max-width: 100%;
6973
- height: auto;
6974
- }
6975
-
6976
- .premium-image-scroll-ver {
6977
- position: relative;
6978
- }
6979
-
6980
- .premium-image-scroll-container .premium-image-scroll-overlay {
6981
- background: rgba(2, 2, 2, 0.3);
6982
- }
6983
-
6984
- .premium-image-scroll-container .premium-image-scroll-link,
6985
- .premium-image-scroll-container .premium-image-scroll-overlay {
6986
- position: absolute;
6987
- top: 0;
6988
- bottom: 0;
6989
- right: 0;
6990
- left: 0;
6991
- z-index: 4;
6992
- }
6993
-
6994
- .premium-image-scroll-content {
6995
- display: inline-block;
6996
- position: absolute;
6997
- height: auto;
6998
- top: 50%;
6999
- right: 50%;
7000
- text-align: center;
7001
- z-index: 5;
7002
- -webkit-transform: translate(50%, -50%);
7003
- -ms-transform: translate(50%, -50%);
7004
- transform: translate(50%, -50%);
7005
- }
7006
-
7007
- .premium-container-scroll-instant .premium-image-scroll-image {
7008
- -webkit-transition: all 0s ease-in-out !important;
7009
- transition: all 0s ease-in-out !important;
7010
- }
7011
-
7012
- .premium-image-scroll-container img {
7013
- -webkit-transition: -webkit-transform 3s ease-in-out;
7014
- transition: -webkit-transform 3s ease-in-out;
7015
- transition: transform 3s ease-in-out;
7016
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7017
- }
7018
-
7019
- .premium-image-scroll-container .premium-image-scroll-overlay,
7020
- .premium-image-scroll-container .premium-image-scroll-content {
7021
- -webkit-transition: all 0.3s ease-in-out;
7022
- transition: all 0.3s ease-in-out;
7023
- opacity: 1;
7024
- }
7025
-
7026
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7027
- opacity: 0;
7028
- }
7029
-
7030
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7031
- opacity: 0;
7032
- visibility: hidden;
7033
- }
7034
-
7035
- .premium-image-scroll-content .premium-image-scroll-icon {
7036
- display: inline-block;
7037
- font-family: "pa-elements" !important;
7038
- speak: none;
7039
- font-style: normal;
7040
- font-weight: normal;
7041
- font-variant: normal;
7042
- text-transform: none;
7043
- line-height: 1;
7044
- -webkit-font-smoothing: antialiased;
7045
- -moz-osx-font-smoothing: grayscale;
7046
- -webkit-animation-duration: 0.5s;
7047
- animation-duration: 0.5s;
7048
- -webkit-animation-iteration-count: infinite;
7049
- animation-iteration-count: infinite;
7050
- -webkit-animation-direction: alternate;
7051
- animation-direction: alternate;
7052
- -webkit-animation-timing-function: ease-in-out;
7053
- animation-timing-function: ease-in-out;
7054
- }
7055
-
7056
- .pa-horizontal-mouse-scroll:before {
7057
- content: "\e917";
7058
- }
7059
-
7060
- .pa-vertical-mouse-scroll:before {
7061
- content: "\e918";
7062
- }
7063
-
7064
- .pa-horizontal-mouse-scroll {
7065
- -webkit-animation-name: pa-scroll-horizontal;
7066
- animation-name: pa-scroll-horizontal;
7067
- }
7068
-
7069
- .pa-vertical-mouse-scroll {
7070
- -webkit-animation-name: pa-scroll-vertical;
7071
- animation-name: pa-scroll-vertical;
7072
- }
7073
-
7074
- @-webkit-keyframes pa-scroll-vertical {
7075
- 0% {
7076
- -webkit-transform: translateY(0px);
7077
- transform: translateY(0px);
7078
- }
7079
-
7080
- 100% {
7081
- -webkit-transform: translateY(5px);
7082
- transform: translateY(5px);
7083
- }
7084
- }
7085
-
7086
- @keyframes pa-scroll-vertical {
7087
- 0% {
7088
- -webkit-transform: translateY(0px);
7089
- transform: translateY(0px);
7090
- }
7091
-
7092
- 100% {
7093
- -webkit-transform: translateY(5px);
7094
- transform: translateY(5px);
7095
- }
7096
- }
7097
-
7098
- @-webkit-keyframes pa-scroll-horizontal {
7099
- 0% {
7100
- -webkit-transform: translateX(0px);
7101
- transform: translateX(0px);
7102
- }
7103
-
7104
- 100% {
7105
- -webkit-transform: translateX(-5px);
7106
- transform: translateX(-5px);
7107
- }
7108
- }
7109
-
7110
- @keyframes pa-scroll-horizontal {
7111
- 0% {
7112
- -webkit-transform: translateX(0px);
7113
- transform: translateX(0px);
7114
- }
7115
-
7116
- 100% {
7117
- -webkit-transform: translateX(-5px);
7118
- transform: translateX(-5px);
7119
- }
7120
- }
7121
-
7122
- /********* Premium Lottie Animations **********/
7123
- /**********************************************/
7124
- .premium-lottie-wrap .premium-lottie-animation {
7125
- position: relative;
7126
- -js-display: inline-flex;
7127
- display: -webkit-inline-box;
7128
- display: -webkit-inline-flex;
7129
- display: -moz-inline-box;
7130
- display: -ms-inline-flexbox;
7131
- display: inline-flex;
7132
- -webkit-transition: all 0.3s ease-in-out;
7133
- transition: all 0.3s ease-in-out;
7134
- }
7135
-
7136
- .premium-lottie-wrap .premium-lottie-animation a {
7137
- position: absolute;
7138
- left: 0;
7139
- top: 0;
7140
- width: 100%;
7141
- height: 100%;
7142
- }
7143
-
7144
- /**************** Premium Bullet List *****************/
7145
- /******************************************************/
7146
- .premium-icon-list-box {
7147
- -js-display: flex;
7148
- display: -webkit-box;
7149
- display: -webkit-flex;
7150
- display: -moz-box;
7151
- display: -ms-flexbox;
7152
- display: flex;
7153
- -webkit-flex-wrap: wrap;
7154
- -ms-flex-wrap: wrap;
7155
- flex-wrap: wrap;
7156
- -webkit-box-orient: vertical;
7157
- -webkit-box-direction: normal;
7158
- -webkit-flex-direction: column;
7159
- -moz-box-orient: vertical;
7160
- -moz-box-direction: normal;
7161
- -ms-flex-direction: column;
7162
- flex-direction: column;
7163
- }
7164
-
7165
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
7166
- -webkit-transform-origin: right center;
7167
- -ms-transform-origin: right center;
7168
- transform-origin: right center;
7169
- }
7170
-
7171
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
7172
- -webkit-transform-origin: left center;
7173
- -ms-transform-origin: left center;
7174
- transform-origin: left center;
7175
- }
7176
-
7177
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
7178
- -webkit-transform-origin: center center;
7179
- -ms-transform-origin: center center;
7180
- transform-origin: center center;
7181
- }
7182
-
7183
- .premium-icon-list-content {
7184
- -js-display: flex;
7185
- display: -webkit-box;
7186
- display: -webkit-flex;
7187
- display: -moz-box;
7188
- display: -ms-flexbox;
7189
- display: flex;
7190
- -webkit-transition: all 0.3s ease-in-out;
7191
- transition: all 0.3s ease-in-out;
7192
- width: auto;
7193
- position: relative;
7194
- }
7195
-
7196
- .premium-icon-list-content .premium-icon-list-text span,
7197
- .premium-icon-list-content .premium-icon-list-wrapper {
7198
- display: inline-block;
7199
- -webkit-align-self: center;
7200
- -ms-flex-item-align: center;
7201
- align-self: center;
7202
- -webkit-transition: all 0.3s ease-in-out;
7203
- transition: all 0.3s ease-in-out;
7204
- }
7205
-
7206
- .premium-icon-list-content .premium-icon-list-text span {
7207
- margin: 0 5px;
7208
- }
7209
-
7210
- .premium-icon-list-content .premium-icon-list-icon-text p {
7211
- font-size: 18px;
7212
- background-color: #eee;
7213
- padding: 1px 5px;
7214
- -webkit-border-radius: 2px;
7215
- border-radius: 2px;
7216
- }
7217
-
7218
- .premium-icon-list-content .premium-icon-list-text span,
7219
- .premium-icon-list-content .premium-icon-list-icon-text p,
7220
- .premium-icon-list-content .premium-icon-list-wrapper img,
7221
- .premium-icon-list-content .premium-icon-list-wrapper svg,
7222
- .premium-icon-list-content .premium-icon-list-wrapper i {
7223
- -webkit-transition: all 0.3s ease-in-out;
7224
- transition: all 0.3s ease-in-out;
7225
- }
7226
-
7227
- .premium-icon-list-content .premium-icon-list-wrapper {
7228
- position: relative;
7229
- line-height: 0;
7230
- }
7231
-
7232
- .premium-icon-list-content .premium-icon-list-wrapper img,
7233
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7234
- width: 30px !important;
7235
- height: 30px !important;
7236
- position: relative;
7237
- z-index: 500;
7238
- }
7239
-
7240
- .premium-icon-list-content .premium-icon-list-wrapper i,
7241
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7242
- position: relative;
7243
- z-index: 500;
7244
- }
7245
-
7246
- .premium-icon-list-content .premium-icon-list-link {
7247
- position: absolute;
7248
- top: 0;
7249
- right: 0;
7250
- width: 100%;
7251
- height: 100%;
7252
- z-index: 1000;
7253
- }
7254
-
7255
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7256
- width: 100%;
7257
- height: 100%;
7258
- position: absolute;
7259
- top: 0.5em;
7260
- z-index: 100;
7261
- -js-display: flex;
7262
- display: -webkit-box;
7263
- display: -webkit-flex;
7264
- display: -moz-box;
7265
- display: -ms-flexbox;
7266
- display: flex;
7267
- -webkit-box-pack: center;
7268
- -webkit-justify-content: center;
7269
- -moz-box-pack: center;
7270
- -ms-flex-pack: center;
7271
- justify-content: center;
7272
- }
7273
-
7274
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7275
- content: "";
7276
- border-left-width: 1px;
7277
- border-left-style: solid;
7278
- border-color: #333333;
7279
- display: block;
7280
- height: 100%;
7281
- }
7282
-
7283
- li.premium-icon-list-content.premium-icon-list-content-inline {
7284
- -webkit-align-self: center;
7285
- -ms-flex-item-align: center;
7286
- align-self: center;
7287
- z-index: 2;
7288
- }
7289
-
7290
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
7291
- margin: 0 3px;
7292
- }
7293
-
7294
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
7295
- margin: 0 0 0 3px;
7296
- }
7297
-
7298
- .premium-icon-list-divider:not(:last-child) {
7299
- width: 100%;
7300
- -webkit-box-flex: 0;
7301
- -webkit-flex: 0 0 100%;
7302
- -moz-box-flex: 0;
7303
- -ms-flex: 0 0 100%;
7304
- flex: 0 0 100%;
7305
- overflow: hidden;
7306
- }
7307
-
7308
- .premium-icon-list-divider:not(:last-child):after {
7309
- content: "";
7310
- display: block;
7311
- border-top-style: solid;
7312
- border-top-width: 1px;
7313
- }
7314
-
7315
- .premium-icon-list-divider-inline:not(:last-child) {
7316
- float: left;
7317
- display: inline-block;
7318
- position: relative;
7319
- height: 100%;
7320
- overflow: hidden;
7321
- -webkit-align-self: center;
7322
- -ms-flex-item-align: center;
7323
- align-self: center;
7324
- margin: 0 3px;
7325
- }
7326
-
7327
- .premium-icon-list-divider-inline:not(:last-child):after {
7328
- content: "";
7329
- display: block;
7330
- border-right-width: 1px;
7331
- height: 33px;
7332
- border-right-style: solid;
7333
- }
7334
-
7335
- .premium-icon-list-icon-text {
7336
- line-height: 1.5;
7337
- }
7338
-
7339
- .premium-icon-list-icon-text p,
7340
- ul.premium-icon-list-box,
7341
- li.premium-icon-list-content {
7342
- margin: 0;
7343
- }
7344
-
7345
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
7346
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
7347
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
7348
- color: transparent !important;
7349
- text-shadow: 0 0 3px #aaa;
7350
- }
7351
-
7352
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
7353
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
7354
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
7355
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
7356
- -webkit-filter: blur(3px);
7357
- filter: blur(3px);
7358
- }
7359
-
7360
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
7361
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
7362
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
7363
- color: #aaa !important;
7364
- text-shadow: 0 0px 0 transparent;
7365
- }
7366
-
7367
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
7368
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
7369
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
7370
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
7371
- -webkit-filter: none;
7372
- filter: none;
7373
- }
7374
-
7375
- .premium-icon-list-content .premium-icon-list-badge {
7376
- font-size: 11px;
7377
- top: auto;
7378
- min-width: -webkit-max-content;
7379
- min-width: -moz-max-content;
7380
- min-width: max-content;
7381
- height: -webkit-fit-content;
7382
- height: -moz-fit-content;
7383
- height: fit-content;
7384
- }
7385
-
7386
- .premium-icon-list-content .premium-icon-list-icon-text p {
7387
- font-size: 13px;
7388
- }
7389
-
7390
- .premium-icon-list-gradient-effect[data-text] {
7391
- display: inline-block;
7392
- position: relative;
7393
- text-decoration: none;
7394
- }
7395
-
7396
- .premium-icon-list-gradient-effect[data-text]::before {
7397
- content: attr(data-text);
7398
- position: absolute;
7399
- z-index: 1;
7400
- overflow: hidden;
7401
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7402
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7403
- -webkit-background-clip: text;
7404
- background-clip: text;
7405
- -webkit-text-fill-color: transparent;
7406
- -webkit-transition: all 0.4s ease;
7407
- transition: all 0.4s ease;
7408
- }
7409
-
7410
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
7411
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
7412
- -webkit-animation: rtlgradient 1s forwards;
7413
- animation: rtlgradient 1s forwards;
7414
- }
7415
-
7416
- @-webkit-keyframes rtlgradient {
7417
- 0% {
7418
- -webkit-clip-path: circle(0% at 150% 50%);
7419
- clip-path: circle(0% at 150% 50%);
7420
- }
7421
-
7422
- 100% {
7423
- -webkit-clip-path: circle(100% at 50% 50%);
7424
- clip-path: circle(100% at 50% 50%);
7425
- }
7426
- }
7427
-
7428
- @keyframes rtlgradient {
7429
- 0% {
7430
- -webkit-clip-path: circle(0% at 150% 50%);
7431
- clip-path: circle(0% at 150% 50%);
7432
- }
7433
-
7434
- 100% {
7435
- -webkit-clip-path: circle(100% at 50% 50%);
7436
- clip-path: circle(100% at 50% 50%);
7437
- }
7438
- }
7439
-
7440
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
7441
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
7442
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
7443
- opacity: 0;
7444
- }
7445
-
7446
- .premium-icon-list-content-grow-effect:hover {
7447
- -webkit-transform: scale(1.07);
7448
- -ms-transform: scale(1.07);
7449
- transform: scale(1.07);
7450
- }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?p2y7wv#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img {
769
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
770
+ transform: translate3d(0, 0, 0) scale(1.1);
771
+ }
772
+
773
+ .premium-banner-animation13.zoomout:hover img,
774
+ .premium-banner-animation1.zoomout:hover img,
775
+ .premium-banner-animation4.zoomout:hover img,
776
+ .premium-banner-animation8.zoomout:hover img,
777
+ .premium-banner-animation7.zoomout:hover img,
778
+ .premium-banner-animation9.zoomout:hover img,
779
+ .premium-banner-animation10.zoomout:hover img {
780
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
781
+ transform: translate3d(0, 0, 0) scale(1);
782
+ }
783
+
784
+ .premium-banner-animation13.scale:hover img,
785
+ .premium-banner-animation1.scale:hover img,
786
+ .premium-banner-animation4.scale:hover img,
787
+ .premium-banner-animation8.scale:hover img,
788
+ .premium-banner-animation7.scale:hover img,
789
+ .premium-banner-animation9.scale:hover img,
790
+ .premium-banner-animation10.scale:hover img {
791
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
792
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
793
+ }
794
+
795
+ .premium-banner-animation13.grayscale:hover img,
796
+ .premium-banner-animation1.grayscale:hover img,
797
+ .premium-banner-animation4.grayscale:hover img,
798
+ .premium-banner-animation8.grayscale:hover img,
799
+ .premium-banner-animation7.grayscale:hover img,
800
+ .premium-banner-animation9.grayscale:hover img,
801
+ .premium-banner-animation10.grayscale:hover img {
802
+ -webkit-transform: translate3d(0, 0, 0);
803
+ transform: translate3d(0, 0, 0);
804
+ -webkit-filter: grayscale(100%);
805
+ filter: grayscale(100%);
806
+ }
807
+
808
+ .premium-banner-animation13.blur:hover img,
809
+ .premium-banner-animation1.blur:hover img,
810
+ .premium-banner-animation4.blur:hover,
811
+ .premium-banner-animation8.blur:hover img,
812
+ .premium-banner-animation7.blur:hover img,
813
+ .premium-banner-animation9.blur:hover img,
814
+ .premium-banner-animation10.blur:hover img {
815
+ -webkit-transform: translate3d(0, 0, 0);
816
+ transform: translate3d(0, 0, 0);
817
+ -webkit-filter: blur(3px);
818
+ filter: blur(3px);
819
+ }
820
+
821
+ .premium-banner-animation13 .premium-banner-ib-desc {
822
+ text-align: right;
823
+ }
824
+
825
+ .premium-banner-animation13 .premium-banner-ib-title {
826
+ position: relative;
827
+ overflow: hidden;
828
+ padding: 5px 0 10px;
829
+ }
830
+
831
+ .premium-banner-animation13 .premium-banner-ib-title::after {
832
+ position: absolute;
833
+ content: "";
834
+ bottom: 0;
835
+ right: 0;
836
+ width: 100%;
837
+ height: 2px;
838
+ background: #fff;
839
+ -webkit-transition: -webkit-transform 0.35s;
840
+ transition: -webkit-transform 0.35s;
841
+ transition: transform 0.35s;
842
+ transition: transform 0.35s, -webkit-transform 0.35s;
843
+ -webkit-transform: translate3d(101%, 0, 0);
844
+ transform: translate3d(101%, 0, 0);
845
+ }
846
+
847
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
848
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
849
+ -webkit-transform: translate3d(0, 0, 0);
850
+ transform: translate3d(0, 0, 0);
851
+ }
852
+
853
+ .premium-banner-animation13 .premium-banner-ib-content,
854
+ .premium-banner-animation13 .premium-banner-read-more {
855
+ padding: 15px 0;
856
+ opacity: 0;
857
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
858
+ transition: opacity 0.35s, -webkit-transform 0.35s;
859
+ transition: opacity 0.35s, transform 0.35s;
860
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
861
+ -webkit-transform: translate3d(-100%, 0, 0);
862
+ transform: translate3d(-100%, 0, 0);
863
+ }
864
+
865
+ .premium-banner-animation13:hover .premium-banner-ib-content,
866
+ .premium-banner-animation13.active .premium-banner-ib-content,
867
+ .premium-banner-animation13:hover .premium-banner-read-more,
868
+ .premium-banner-animation13.active .premium-banner-read-more {
869
+ opacity: 1;
870
+ -webkit-transform: translate3d(0, 0, 0);
871
+ transform: translate3d(0, 0, 0);
872
+ }
873
+
874
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
875
+ right: 50%;
876
+ width: auto !important;
877
+ height: 100%;
878
+ max-width: none;
879
+ -webkit-transform: translateX(50%);
880
+ -ms-transform: translateX(50%);
881
+ transform: translateX(50%);
882
+ }
883
+
884
+ .premium-banner-ib img {
885
+ border: none;
886
+ padding: 0;
887
+ margin: 0;
888
+ }
889
+
890
+ .premium-banner-animation7 img {
891
+ width: -webkit-calc(100% + 40px) !important;
892
+ width: calc(100% + 40px) !important;
893
+ max-width: -webkit-calc(100% + 40px) !important;
894
+ max-width: calc(100% + 40px) !important;
895
+ }
896
+
897
+ .premium-banner-animation7 .premium-banner-brlr {
898
+ width: 7px;
899
+ }
900
+
901
+ .premium-banner-animation7 .premium-banner-brtb {
902
+ height: 7px;
903
+ }
904
+
905
+ .premium-banner-animation7 .premium-banner-br {
906
+ position: absolute;
907
+ z-index: 1;
908
+ background-color: white;
909
+ -webkit-transition: all 0.3s ease-in-out;
910
+ transition: all 0.3s ease-in-out;
911
+ -webkit-transition-delay: 0.2s;
912
+ transition-delay: 0.2s;
913
+ }
914
+
915
+ .premium-banner-animation7 .premium-banner-bleft {
916
+ right: 30px;
917
+ top: -webkit-calc(100% - 150px);
918
+ top: calc(100% - 150px);
919
+ height: 0;
920
+ }
921
+
922
+ .premium-banner-animation7 .premium-banner-bright {
923
+ left: 30px;
924
+ bottom: -webkit-calc(100% - 150px);
925
+ bottom: calc(100% - 150px);
926
+ height: 0;
927
+ }
928
+
929
+ .premium-banner-animation7 .premium-banner-bottom {
930
+ left: -webkit-calc(100% - 150px);
931
+ left: calc(100% - 150px);
932
+ bottom: 30px;
933
+ width: 0;
934
+ }
935
+
936
+ .premium-banner-animation7 .premium-banner-btop {
937
+ right: -webkit-calc(100% - 150px);
938
+ right: calc(100% - 150px);
939
+ top: 30px;
940
+ width: 0;
941
+ }
942
+
943
+ .premium-banner-animation7 .premium-banner-ib-desc {
944
+ padding: 70px;
945
+ display: table;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-title {
954
+ margin-top: 0;
955
+ }
956
+
957
+ .premium-banner-animation7 .premium-banner-ib-title,
958
+ .premium-banner-animation7 img {
959
+ -webkit-transform: translate3d(30px, 0, 0);
960
+ transform: translate3d(30px, 0, 0);
961
+ }
962
+
963
+ .premium-banner-animation7.zoomout img,
964
+ .premium-banner-animation7.scale img {
965
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
966
+ transform: translate3d(30px, 0, 0) scale(1.1);
967
+ }
968
+
969
+ .premium-banner-animation7 .premium-banner-ib-content,
970
+ .premium-banner-animation7 .premium-banner-read-more {
971
+ margin-top: 10px;
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
975
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
976
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
977
+ transition: opacity 0.35s, -webkit-transform 0.35s;
978
+ transition: opacity 0.35s, transform 0.35s;
979
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
980
+ }
981
+
982
+ .premium-banner-animation7 .premium-banner-ib-title,
983
+ .premium-banner-animation7 .premium-banner-ib-content,
984
+ .premium-banner-animation7 .premium-banner-read-more {
985
+ opacity: 0;
986
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
987
+ transition: opacity 0.35s, -webkit-transform 0.35s;
988
+ transition: opacity 0.35s, transform 0.35s;
989
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
990
+ }
991
+
992
+ .premium-banner-animation7 img {
993
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
994
+ transition: opacity 0.35s, -webkit-transform 0.35s;
995
+ transition: opacity 0.35s, transform 0.35s;
996
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
997
+ }
998
+
999
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1000
+ .premium-banner-animation7.active .premium-banner-ib-content,
1001
+ .premium-banner-animation7:hover .premium-banner-read-more,
1002
+ .premium-banner-animation7.active .premium-banner-read-more,
1003
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1004
+ .premium-banner-animation7.active .premium-banner-ib-title {
1005
+ opacity: 1;
1006
+ -webkit-transform: translate3d(0, 0, 0);
1007
+ transform: translate3d(0, 0, 0);
1008
+ }
1009
+
1010
+ .premium-banner-animation7:hover .premium-banner-bleft,
1011
+ .premium-banner-animation7.active .premium-banner-bleft {
1012
+ top: 30px;
1013
+ height: 70px;
1014
+ }
1015
+
1016
+ .premium-banner-animation7:hover .premium-banner-bright,
1017
+ .premium-banner-animation7.active .premium-banner-bright {
1018
+ bottom: 30px;
1019
+ height: 70px;
1020
+ }
1021
+
1022
+ .premium-banner-animation7:hover .premium-banner-bottom,
1023
+ .premium-banner-animation7.active .premium-banner-bottom {
1024
+ left: 30px;
1025
+ width: 70px;
1026
+ }
1027
+
1028
+ .premium-banner-animation7:hover .premium-banner-btop,
1029
+ .premium-banner-animation7.active .premium-banner-btop {
1030
+ right: 30px;
1031
+ width: 70px;
1032
+ }
1033
+
1034
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1035
+ .premium-banner-animation7:hover .premium-banner-read-more,
1036
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1037
+ .premium-banner-animation7:hover img {
1038
+ -webkit-transition-delay: 0.15s;
1039
+ transition-delay: 0.15s;
1040
+ }
1041
+
1042
+ .premium-banner-animation8 img {
1043
+ width: -webkit-calc(100% + 40px) !important;
1044
+ width: calc(100% + 40px) !important;
1045
+ max-width: -webkit-calc(100% + 40px) !important;
1046
+ max-width: calc(100% + 40px) !important;
1047
+ }
1048
+
1049
+ .premium-banner-animation8 .premium-banner-brlr {
1050
+ width: 7px;
1051
+ }
1052
+
1053
+ .premium-banner-animation8 .premium-banner-brtb {
1054
+ height: 7px;
1055
+ }
1056
+
1057
+ .premium-banner-animation8 .premium-banner-br {
1058
+ position: absolute;
1059
+ z-index: 1;
1060
+ background-color: white;
1061
+ -webkit-transition: all 0.3s ease-in-out;
1062
+ transition: all 0.3s ease-in-out;
1063
+ -webkit-transition-delay: 0.2s;
1064
+ transition-delay: 0.2s;
1065
+ }
1066
+
1067
+ .premium-banner-animation8 .premium-banner-bleft {
1068
+ right: 30px;
1069
+ top: 50%;
1070
+ -webkit-transform: translateY(-50%);
1071
+ -ms-transform: translateY(-50%);
1072
+ transform: translateY(-50%);
1073
+ height: 0;
1074
+ }
1075
+
1076
+ .premium-banner-animation8 .premium-banner-bright {
1077
+ left: 30px;
1078
+ top: 50%;
1079
+ -webkit-transform: translateY(-50%);
1080
+ -ms-transform: translateY(-50%);
1081
+ transform: translateY(-50%);
1082
+ height: 0;
1083
+ }
1084
+
1085
+ .premium-banner-animation8 .premium-banner-bottom {
1086
+ right: 50%;
1087
+ -webkit-transform: translateX(50%);
1088
+ -ms-transform: translateX(50%);
1089
+ transform: translateX(50%);
1090
+ bottom: 30px;
1091
+ width: 0;
1092
+ }
1093
+
1094
+ .premium-banner-animation8 .premium-banner-btop {
1095
+ right: 50%;
1096
+ -webkit-transform: translateX(50%);
1097
+ -ms-transform: translateX(50%);
1098
+ transform: translateX(50%);
1099
+ top: 30px;
1100
+ width: 0;
1101
+ }
1102
+
1103
+ .premium-banner-animation8 .premium-banner-ib-desc {
1104
+ padding: 70px;
1105
+ display: table;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1109
+ display: table-cell;
1110
+ vertical-align: middle;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-title {
1114
+ margin-top: 0;
1115
+ }
1116
+
1117
+ .premium-banner-animation8 .premium-banner-ib-title,
1118
+ .premium-banner-animation8 img {
1119
+ -webkit-transform: translate3d(30px, 0, 0);
1120
+ transform: translate3d(30px, 0, 0);
1121
+ }
1122
+
1123
+ .premium-banner-animation8.zoomout img,
1124
+ .premium-banner-animation8.scale img {
1125
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1126
+ transform: translate3d(30px, 0, 0) scale(1.1);
1127
+ }
1128
+
1129
+ .premium-banner-animation8 .premium-banner-ib-content,
1130
+ .premium-banner-animation8 .premium-banner-read-more {
1131
+ margin-top: 10px;
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1135
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1136
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1137
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1138
+ transition: opacity 0.35s, transform 0.35s;
1139
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1140
+ }
1141
+
1142
+ .premium-banner-animation8 .premium-banner-ib-title,
1143
+ .premium-banner-animation8 .premium-banner-ib-content,
1144
+ .premium-banner-animation8 .premium-banner-read-more {
1145
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1146
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1147
+ transition: opacity 0.35s, transform 0.35s;
1148
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1149
+ opacity: 0;
1150
+ }
1151
+
1152
+ .premium-banner-animation8 img {
1153
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1154
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1157
+ }
1158
+
1159
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1160
+ .premium-banner-animation8.active .premium-banner-ib-content,
1161
+ .premium-banner-animation8:hover .premium-banner-read-more,
1162
+ .premium-banner-animation8.active .premium-banner-read-more,
1163
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1164
+ .premium-banner-animation8.active .premium-banner-ib-title {
1165
+ opacity: 1;
1166
+ -webkit-transform: translate3d(0, 0, 0);
1167
+ transform: translate3d(0, 0, 0);
1168
+ }
1169
+
1170
+ .premium-banner-animation8:hover .premium-banner-bleft,
1171
+ .premium-banner-animation8.active .premium-banner-bleft {
1172
+ height: -webkit-calc(100% - 61px);
1173
+ height: calc(100% - 61px);
1174
+ }
1175
+
1176
+ .premium-banner-animation8:hover .premium-banner-bright,
1177
+ .premium-banner-animation8.active .premium-banner-bright {
1178
+ height: -webkit-calc(100% - 61px);
1179
+ height: calc(100% - 61px);
1180
+ }
1181
+
1182
+ .premium-banner-animation8:hover .premium-banner-bottom,
1183
+ .premium-banner-animation8.active .premium-banner-bottom {
1184
+ width: -webkit-calc(100% - 61px);
1185
+ width: calc(100% - 61px);
1186
+ }
1187
+
1188
+ .premium-banner-animation8:hover .premium-banner-btop,
1189
+ .premium-banner-animation8.active .premium-banner-btop {
1190
+ width: -webkit-calc(100% - 61px);
1191
+ width: calc(100% - 61px);
1192
+ }
1193
+
1194
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1195
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1196
+ .premium-banner-animation8:hover .premium-banner-read-more,
1197
+ .premium-banner-animation8:hover img {
1198
+ -webkit-transition-delay: 0.15s;
1199
+ transition-delay: 0.15s;
1200
+ }
1201
+
1202
+ .premium-banner-animation9 img {
1203
+ width: -webkit-calc(100% + 20px) !important;
1204
+ width: calc(100% + 20px) !important;
1205
+ max-width: -webkit-calc(100% + 20px) !important;
1206
+ max-width: calc(100% + 20px) !important;
1207
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1208
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1209
+ transition: opacity 0.35s, transform 0.35s;
1210
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1211
+ -webkit-transform: scale(1.2);
1212
+ -ms-transform: scale(1.2);
1213
+ transform: scale(1.2);
1214
+ }
1215
+
1216
+ .premium-banner-animation9 .premium-banner-ib-desc {
1217
+ width: 100%;
1218
+ height: 100%;
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1222
+ position: absolute;
1223
+ top: 50%;
1224
+ right: 50%;
1225
+ width: 80%;
1226
+ height: 1px;
1227
+ background: #fff;
1228
+ content: "";
1229
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1230
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1231
+ transition: opacity 0.35s, transform 0.35s;
1232
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1233
+ -webkit-transform: translate3d(50%, -50%, 0);
1234
+ transform: translate3d(50%, -50%, 0);
1235
+ }
1236
+
1237
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1238
+ position: absolute;
1239
+ top: 50%;
1240
+ right: 50%;
1241
+ width: 80%;
1242
+ height: 1px;
1243
+ background: #fff;
1244
+ content: "";
1245
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1246
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1247
+ transition: opacity 0.35s, transform 0.35s;
1248
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1249
+ -webkit-transform: translate3d(50%, -50%, 0);
1250
+ transform: translate3d(50%, -50%, 0);
1251
+ }
1252
+
1253
+ .premium-banner-animation9 .premium-banner-ib-title {
1254
+ position: absolute;
1255
+ top: 50%;
1256
+ right: 0;
1257
+ width: 100%;
1258
+ -webkit-transition: -webkit-transform 0.35s;
1259
+ transition: -webkit-transform 0.35s;
1260
+ transition: transform 0.35s;
1261
+ transition: transform 0.35s, -webkit-transform 0.35s;
1262
+ -webkit-transform: translate3d(0, -70px, 0);
1263
+ transform: translate3d(0, -70px, 0);
1264
+ margin-top: 0;
1265
+ padding: 0 10%;
1266
+ }
1267
+
1268
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1269
+ .premium-banner-animation9.active .premium-banner-ib-title {
1270
+ -webkit-transform: translate3d(0, -80px, 0);
1271
+ transform: translate3d(0, -80px, 0);
1272
+ }
1273
+
1274
+ .premium-banner-animation9 .premium-banner-ib-content,
1275
+ .premium-banner-animation9 .premium-banner-read-more {
1276
+ position: absolute;
1277
+ top: 50%;
1278
+ right: 0;
1279
+ width: 100%;
1280
+ -webkit-transition: -webkit-transform 0.35s;
1281
+ transition: -webkit-transform 0.35s;
1282
+ transition: transform 0.35s;
1283
+ transition: transform 0.35s, -webkit-transform 0.35s;
1284
+ padding: 0 10%;
1285
+ -webkit-transform: translate3d(0, 35px, 0);
1286
+ transform: translate3d(0, 35px, 0);
1287
+ }
1288
+
1289
+ .premium-banner-animation9 .premium-banner-read-more {
1290
+ top: 75%;
1291
+ }
1292
+
1293
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1294
+ .premium-banner-animation9.active .premium-banner-ib-content,
1295
+ .premium-banner-animation9:hover .premium-banner-read-more,
1296
+ .premium-banner-animation9.active .premium-banner-read-more {
1297
+ -webkit-transform: translate3d(0, 45px, 0);
1298
+ transform: translate3d(0, 45px, 0);
1299
+ }
1300
+
1301
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1302
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1303
+ opacity: 0.5;
1304
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1305
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1306
+ }
1307
+
1308
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1309
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1310
+ opacity: 0.5;
1311
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1312
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1313
+ }
1314
+
1315
+ .premium-banner-animation9:hover img {
1316
+ -webkit-transform: scale(1);
1317
+ -ms-transform: scale(1);
1318
+ transform: scale(1);
1319
+ }
1320
+
1321
+ .premium-banner-animation10 img {
1322
+ width: -webkit-calc(100% + 20px) !important;
1323
+ width: calc(100% + 20px) !important;
1324
+ max-width: -webkit-calc(100% + 20px) !important;
1325
+ max-width: calc(100% + 20px) !important;
1326
+ }
1327
+
1328
+ .premium-banner-animation10 .premium-banner-ib-title {
1329
+ position: relative;
1330
+ overflow: hidden;
1331
+ padding: 5px 0 15px;
1332
+ -webkit-transition: -webkit-transform 0.35s;
1333
+ transition: -webkit-transform 0.35s;
1334
+ transition: transform 0.35s;
1335
+ transition: transform 0.35s, -webkit-transform 0.35s;
1336
+ -webkit-transform: translate3d(0, 20px, 0);
1337
+ transform: translate3d(0, 20px, 0);
1338
+ margin-bottom: 0;
1339
+ }
1340
+
1341
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1342
+ position: absolute;
1343
+ content: "";
1344
+ bottom: 0;
1345
+ right: 0;
1346
+ width: 100%;
1347
+ height: 3px;
1348
+ background: #fff;
1349
+ opacity: 0;
1350
+ -webkit-transform: translate3d(0, 100%, 0);
1351
+ transform: translate3d(0, 100%, 0);
1352
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1353
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1354
+ transition: opacity 0.35s, transform 0.35s;
1355
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1356
+ }
1357
+
1358
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1359
+ .premium-banner-animation10.active .premium-banner-ib-title {
1360
+ -webkit-transform: translate3d(0, 0, 0);
1361
+ transform: translate3d(0, 0, 0);
1362
+ }
1363
+
1364
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1365
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1366
+ opacity: 1;
1367
+ -webkit-transform: translate3d(0, 0, 0);
1368
+ transform: translate3d(0, 0, 0);
1369
+ }
1370
+
1371
+ .premium-banner-animation10 .premium-banner-ib-content,
1372
+ .premium-banner-animation10 .premium-banner-read-more {
1373
+ padding-top: 15px;
1374
+ opacity: 0;
1375
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1376
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1377
+ transition: opacity 0.35s, transform 0.35s;
1378
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1379
+ -webkit-transform: translate3d(0, 100%, 0);
1380
+ transform: translate3d(0, 100%, 0);
1381
+ }
1382
+
1383
+ .premium-banner-animation10 .premium-banner-read-more {
1384
+ padding: 0;
1385
+ }
1386
+
1387
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1388
+ .premium-banner-animation10.active .premium-banner-ib-content,
1389
+ .premium-banner-animation10:hover .premium-banner-read-more,
1390
+ .premium-banner-animation10.active .premium-banner-read-more {
1391
+ opacity: 1;
1392
+ -webkit-transform: translate3d(0, 0, 0);
1393
+ transform: translate3d(0, 0, 0);
1394
+ }
1395
+
1396
+ /**************** Premium CountDown *************/
1397
+ /************************************************/
1398
+ .premium-countdown {
1399
+ display: -ms-flexbox;
1400
+ display: -webkit-flex;
1401
+ display: -moz-flex;
1402
+ display: -ms-flex;
1403
+ -js-display: flex;
1404
+ display: -webkit-box;
1405
+ display: -moz-box;
1406
+ display: flex;
1407
+ }
1408
+
1409
+ /* jQuery Countdown styles 2.0.0. */
1410
+ .pre_countdown-row {
1411
+ display: block;
1412
+ text-align: center;
1413
+ }
1414
+
1415
+ .countdown .pre_countdown-section {
1416
+ display: inline-block;
1417
+ max-width: 100%;
1418
+ margin-bottom: 15px;
1419
+ }
1420
+
1421
+ .countdown .pre_countdown-section {
1422
+ display: -webkit-inline-box;
1423
+ display: -webkit-inline-flex;
1424
+ display: -ms-inline-flexbox;
1425
+ -js-display: inline-flex;
1426
+ display: -moz-inline-box;
1427
+ display: inline-flex;
1428
+ -webkit-box-align: center;
1429
+ -webkit-align-items: center;
1430
+ -moz-box-align: center;
1431
+ -ms-flex-align: center;
1432
+ align-items: center;
1433
+ }
1434
+
1435
+ .countdown .pre_countdown-section:last-child {
1436
+ margin-left: 0;
1437
+ }
1438
+
1439
+ .countdown span.pre_countdown-amount {
1440
+ font-size: 70px;
1441
+ line-height: 1;
1442
+ }
1443
+
1444
+ .countdown .pre_time-mid {
1445
+ display: block;
1446
+ }
1447
+
1448
+ .premium-countdown-separator-yes .pre-countdown_separator {
1449
+ display: block;
1450
+ margin: 0 50px;
1451
+ font-size: 30px;
1452
+ }
1453
+
1454
+ .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
1455
+ display: none;
1456
+ }
1457
+
1458
+ /************************************ * Digit and unit styles *************************************/
1459
+ .side .pre_countdown-section .pre_countdown-period {
1460
+ vertical-align: bottom;
1461
+ }
1462
+
1463
+ .countdown .pre_countdown-section .pre_countdown-period {
1464
+ font-size: 17px;
1465
+ line-height: 3em;
1466
+ }
1467
+
1468
+ .side .pre_countdown-section .pre_countdown-amount,
1469
+ .side .pre_countdown-section .pre_countdown-period {
1470
+ display: inline-block;
1471
+ }
1472
+
1473
+ .side .pre_countdown-section .pre_countdown-amount {
1474
+ margin-left: 5px;
1475
+ }
1476
+
1477
+ .down .pre_countdown-section .pre_countdown-amount,
1478
+ .down .pre_countdown-section .pre_countdown-period {
1479
+ display: block;
1480
+ }
1481
+
1482
+ /**************** Premium Carousel **************/
1483
+ /************************************************/
1484
+ .premium-carousel-wrapper a.carousel-arrow,
1485
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1486
+ .premium-fb-rev-container a.carousel-arrow,
1487
+ .premium-blog-wrap a.carousel-arrow,
1488
+ .premium-hscroll-wrap a.carousel-arrow,
1489
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1490
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1491
+ .premium-instafeed-container a.carousel-arrow,
1492
+ .premium-persons-container a.carousel-arrow {
1493
+ display: -ms-flexbox;
1494
+ display: -webkit-flex;
1495
+ display: -moz-flex;
1496
+ display: -ms-flex;
1497
+ -js-display: flex;
1498
+ display: -webkit-box;
1499
+ display: -moz-box;
1500
+ display: flex;
1501
+ -webkit-box-align: center;
1502
+ -webkit-align-items: center;
1503
+ -moz-box-align: center;
1504
+ -ms-flex-align: center;
1505
+ align-items: center;
1506
+ -webkit-box-pack: center;
1507
+ -webkit-justify-content: center;
1508
+ -moz-box-pack: center;
1509
+ -ms-flex-pack: center;
1510
+ justify-content: center;
1511
+ width: 2em;
1512
+ height: 2em;
1513
+ line-height: 0;
1514
+ text-align: center;
1515
+ position: absolute;
1516
+ z-index: 99;
1517
+ cursor: pointer;
1518
+ -webkit-transition: all 0.3s ease-in-out;
1519
+ transition: all 0.3s ease-in-out;
1520
+ -webkit-appearance: inherit;
1521
+ border: none;
1522
+ -webkit-box-shadow: none;
1523
+ box-shadow: none;
1524
+ }
1525
+
1526
+ div[class^="premium-"] .slick-arrow i {
1527
+ display: block;
1528
+ }
1529
+
1530
+ .ver-carousel-arrow.carousel-next i {
1531
+ margin-bottom: -3px;
1532
+ }
1533
+
1534
+ .premium-carousel-wrapper a.slick-arrow:hover {
1535
+ -webkit-box-shadow: none !important;
1536
+ box-shadow: none !important;
1537
+ }
1538
+
1539
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1540
+ visibility: hidden;
1541
+ }
1542
+
1543
+ .premium-carousel-wrapper a.carousel-arrow,
1544
+ .premium-fb-rev-container a.carousel-arrow,
1545
+ .premium-blog-wrap a.carousel-arrow,
1546
+ .premium-hscroll-wrap a.carousel-arrow,
1547
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1548
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1549
+ .premium-instafeed-container a.carousel-arrow,
1550
+ .premium-persons-container a.carousel-arrow {
1551
+ top: 50%;
1552
+ -webkit-transform: translateY(-50%);
1553
+ -ms-transform: translateY(-50%);
1554
+ transform: translateY(-50%);
1555
+ }
1556
+
1557
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1558
+ right: 50%;
1559
+ -webkit-transform: translateX(50%);
1560
+ -ms-transform: translateX(50%);
1561
+ transform: translateX(50%);
1562
+ }
1563
+
1564
+ a.carousel-arrow.carousel-next {
1565
+ right: -20px;
1566
+ }
1567
+
1568
+ a.carousel-arrow.carousel-prev {
1569
+ left: -20px;
1570
+ }
1571
+
1572
+ a.ver-carousel-arrow.carousel-next {
1573
+ bottom: -56px;
1574
+ }
1575
+
1576
+ a.ver-carousel-arrow.carousel-prev {
1577
+ top: -45px;
1578
+ }
1579
+
1580
+ a.circle-bg {
1581
+ -webkit-border-radius: 100%;
1582
+ border-radius: 100%;
1583
+ }
1584
+
1585
+ a.circle-border {
1586
+ -webkit-border-radius: 100%;
1587
+ border-radius: 100%;
1588
+ border: solid black;
1589
+ }
1590
+
1591
+ a.square-border {
1592
+ border: solid black;
1593
+ }
1594
+
1595
+ .premium-carousel-wrapper ul.slick-dots,
1596
+ .premium-blog-wrap ul.slick-dots {
1597
+ list-style: none;
1598
+ text-align: center;
1599
+ margin: 0;
1600
+ padding: 0;
1601
+ }
1602
+
1603
+ .premium-carousel-dots-below ul.slick-dots {
1604
+ position: relative;
1605
+ }
1606
+
1607
+ .premium-carousel-dots-above ul.slick-dots {
1608
+ position: absolute;
1609
+ display: -ms-flexbox;
1610
+ display: -webkit-flex;
1611
+ display: -moz-flex;
1612
+ display: -ms-flex;
1613
+ -js-display: flex;
1614
+ display: -webkit-box;
1615
+ display: -moz-box;
1616
+ display: flex;
1617
+ top: 50%;
1618
+ -webkit-transform: translateY(-50%);
1619
+ -ms-transform: translateY(-50%);
1620
+ transform: translateY(-50%);
1621
+ -webkit-flex-direction: column;
1622
+ -webkit-box-orient: vertical;
1623
+ -webkit-box-direction: normal;
1624
+ -moz-box-orient: vertical;
1625
+ -moz-box-direction: normal;
1626
+ -ms-flex-direction: column;
1627
+ flex-direction: column;
1628
+ }
1629
+
1630
+ ul.slick-dots li {
1631
+ font-size: 10px;
1632
+ display: -webkit-inline-box;
1633
+ display: -webkit-inline-flex;
1634
+ display: -ms-inline-flexbox;
1635
+ -js-display: inline-flex;
1636
+ display: -moz-inline-box;
1637
+ display: inline-flex;
1638
+ -webkit-box-pack: center;
1639
+ -webkit-justify-content: center;
1640
+ -moz-box-pack: center;
1641
+ -ms-flex-pack: center;
1642
+ justify-content: center;
1643
+ -webkit-box-align: center;
1644
+ -webkit-align-items: center;
1645
+ -moz-box-align: center;
1646
+ -ms-flex-align: center;
1647
+ align-items: center;
1648
+ margin: 5px;
1649
+ width: 20px;
1650
+ height: 20px;
1651
+ cursor: pointer;
1652
+ }
1653
+
1654
+ /*
1655
+ * Custom Navigation Dot
1656
+ */
1657
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1658
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1659
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1660
+ display: none;
1661
+ }
1662
+
1663
+ .premium-carousel-wrapper ul.slick-dots svg {
1664
+ width: 20px;
1665
+ height: 20px;
1666
+ }
1667
+
1668
+ /* Ripple Out */
1669
+ @-webkit-keyframes hvr-ripple-out {
1670
+ 0% {
1671
+ -webkit-transform: scale(1);
1672
+ transform: scale(1);
1673
+ opacity: 1;
1674
+ }
1675
+
1676
+ 100% {
1677
+ -webkit-transform: scale(1.5);
1678
+ transform: scale(1.5);
1679
+ opacity: 0;
1680
+ }
1681
+ }
1682
+
1683
+ @keyframes hvr-ripple-out {
1684
+ 0% {
1685
+ -webkit-transform: scale(1);
1686
+ transform: scale(1);
1687
+ opacity: 1;
1688
+ }
1689
+
1690
+ 100% {
1691
+ -webkit-transform: scale(1.5);
1692
+ transform: scale(1.5);
1693
+ opacity: 0;
1694
+ }
1695
+ }
1696
+
1697
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1698
+ padding-bottom: 1px;
1699
+ }
1700
+
1701
+ .premium-carousel-ripple-yes ul.slick-dots li,
1702
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1703
+ position: relative;
1704
+ }
1705
+
1706
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1707
+ z-index: 1;
1708
+ }
1709
+
1710
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1711
+ content: "";
1712
+ position: absolute;
1713
+ -webkit-transform: scale(1);
1714
+ -ms-transform: scale(1);
1715
+ transform: scale(1);
1716
+ top: 0;
1717
+ left: 0;
1718
+ bottom: 0;
1719
+ right: 0;
1720
+ -webkit-border-radius: 50%;
1721
+ border-radius: 50%;
1722
+ pointer-events: none;
1723
+ background-color: rgba(0, 0, 0, 0.15);
1724
+ }
1725
+
1726
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1727
+ background-color: rgba(0, 0, 0, 0.3);
1728
+ }
1729
+
1730
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1731
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1732
+ animation: hvr-ripple-out 1.3s infinite;
1733
+ }
1734
+
1735
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1736
+ -webkit-transform: scale(1.25, 1.25);
1737
+ -ms-transform: scale(1.25, 1.25);
1738
+ transform: scale(1.25, 1.25);
1739
+ -webkit-transition: all 0.3s ease-in-out !important;
1740
+ transition: all 0.3s ease-in-out !important;
1741
+ }
1742
+
1743
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1744
+ -webkit-transform: scale(1, 1);
1745
+ -ms-transform: scale(1, 1);
1746
+ transform: scale(1, 1);
1747
+ }
1748
+
1749
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1750
+ float: right;
1751
+ }
1752
+
1753
+ /**************** Premium Counter ***************/
1754
+ /************************************************/
1755
+ .premium-counter-area {
1756
+ padding: 10px 0;
1757
+ -js-display: flex;
1758
+ display: -webkit-box;
1759
+ display: -webkit-flex;
1760
+ display: -moz-box;
1761
+ display: -ms-flexbox;
1762
+ display: flex;
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
+ -webkit-box-align: center;
1769
+ -webkit-align-items: center;
1770
+ -moz-box-align: center;
1771
+ -ms-flex-align: center;
1772
+ align-items: center;
1773
+ }
1774
+
1775
+ .premium-counter-area.top {
1776
+ -webkit-box-orient: vertical;
1777
+ -webkit-box-direction: normal;
1778
+ -webkit-flex-direction: column;
1779
+ -moz-box-orient: vertical;
1780
+ -moz-box-direction: normal;
1781
+ -ms-flex-direction: column;
1782
+ flex-direction: column;
1783
+ }
1784
+
1785
+ .premium-counter-area.right {
1786
+ -webkit-box-orient: horizontal;
1787
+ -webkit-box-direction: reverse;
1788
+ -webkit-flex-direction: row-reverse;
1789
+ -moz-box-orient: horizontal;
1790
+ -moz-box-direction: reverse;
1791
+ -ms-flex-direction: row-reverse;
1792
+ flex-direction: row-reverse;
1793
+ }
1794
+
1795
+ .premium-counter-area.right .premium-counter-icon {
1796
+ padding-right: 20px;
1797
+ }
1798
+
1799
+ .premium-counter-area.left .premium-counter-icon {
1800
+ padding-left: 20px;
1801
+ }
1802
+
1803
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1804
+ vertical-align: text-top;
1805
+ }
1806
+
1807
+ .premium-counter-area .premium-counter-icon span.icon {
1808
+ text-align: center;
1809
+ display: inline-block;
1810
+ vertical-align: middle;
1811
+ }
1812
+
1813
+ .premium-counter-area .premium-counter-icon .circle {
1814
+ -webkit-border-radius: 100%;
1815
+ border-radius: 100%;
1816
+ }
1817
+
1818
+ .premium-counter-area .premium-counter-icon img,
1819
+ .premium-counter-area .premium-counter-icon svg {
1820
+ width: 80px;
1821
+ }
1822
+
1823
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1824
+ height: 80px;
1825
+ }
1826
+
1827
+ .premium-counter-area .premium-counter-title {
1828
+ padding: 0;
1829
+ margin: 0;
1830
+ }
1831
+
1832
+ .premium-counter-area .premium-counter-value-wrap {
1833
+ -js-display: flex;
1834
+ display: -webkit-box;
1835
+ display: -webkit-flex;
1836
+ display: -moz-box;
1837
+ display: -ms-flexbox;
1838
+ display: flex;
1839
+ -webkit-box-align: center;
1840
+ -webkit-align-items: center;
1841
+ -moz-box-align: center;
1842
+ -ms-flex-align: center;
1843
+ align-items: center;
1844
+ }
1845
+
1846
+ .premium-init-wrapper.right {
1847
+ text-align: left;
1848
+ }
1849
+
1850
+ /* * Custom image and simple styles image fix */
1851
+ span.icon.flex-width {
1852
+ width: auto !important;
1853
+ height: auto !important;
1854
+ }
1855
+
1856
+ .premium-counter-area .premium-counter-init {
1857
+ font-size: 35px;
1858
+ }
1859
+
1860
+ /**************** Premium Image Separator ****************/
1861
+ /*********************************************************/
1862
+ /*Image Separator Container Style*/
1863
+ .premium-image-separator-container {
1864
+ position: absolute;
1865
+ width: 100%;
1866
+ z-index: 2;
1867
+ top: auto;
1868
+ }
1869
+
1870
+ .premium-image-separator-container svg,
1871
+ .premium-image-separator-container img {
1872
+ display: inline-block !important;
1873
+ }
1874
+
1875
+ /*Link on Image Style*/
1876
+ .premium-image-separator-link {
1877
+ position: absolute;
1878
+ z-index: 9999;
1879
+ top: 0;
1880
+ right: 0;
1881
+ width: 100%;
1882
+ height: 100%;
1883
+ text-decoration: none;
1884
+ }
1885
+
1886
+ /*Important to override Theme options*/
1887
+ a.premium-image-separator-link:hover,
1888
+ a.premium-image-separator-link:visited,
1889
+ a.premium-image-separator-link:focus,
1890
+ a.premium-image-separator-link:active {
1891
+ -webkit-box-shadow: none !important;
1892
+ box-shadow: none !important;
1893
+ outline: none !important;
1894
+ border: none !important;
1895
+ text-decoration: none !important;
1896
+ }
1897
+
1898
+ .premium-image-separator-container .img-responsive {
1899
+ display: inline-block;
1900
+ }
1901
+
1902
+ .premium-image-separator-container i {
1903
+ padding: 0.1em;
1904
+ -webkit-transition: all 0.3s ease-in-out;
1905
+ transition: all 0.3s ease-in-out;
1906
+ }
1907
+
1908
+ /**************** Premium Modal Box ****************/
1909
+ /***************************************************/
1910
+ .premium-modal-trigger-btn,
1911
+ .premium-modal-box-modal-lower-close {
1912
+ display: inline-block;
1913
+ padding: 6px 12px;
1914
+ margin-bottom: 0;
1915
+ font-size: 14px;
1916
+ font-weight: normal;
1917
+ line-height: 1.42857143;
1918
+ text-align: center;
1919
+ white-space: nowrap;
1920
+ vertical-align: middle;
1921
+ -ms-touch-action: manipulation;
1922
+ touch-action: manipulation;
1923
+ cursor: pointer;
1924
+ -webkit-user-select: none;
1925
+ -moz-user-select: none;
1926
+ -ms-user-select: none;
1927
+ user-select: none;
1928
+ background-image: none;
1929
+ border: 1px solid transparent;
1930
+ }
1931
+
1932
+ .premium-modal-trigger-btn i {
1933
+ -webkit-transition: all 0.3s ease-in-out;
1934
+ transition: all 0.3s ease-in-out;
1935
+ }
1936
+
1937
+ .premium-btn-md {
1938
+ padding: 8px 14px;
1939
+ font-size: 16px;
1940
+ line-height: 1.2;
1941
+ }
1942
+
1943
+ .premium-btn-lg {
1944
+ padding: 10px 16px;
1945
+ font-size: 18px;
1946
+ line-height: 1.3333333;
1947
+ }
1948
+
1949
+ .premium-btn-block {
1950
+ display: block;
1951
+ width: 100%;
1952
+ }
1953
+
1954
+ .premium-modal-box-modal-close {
1955
+ float: left;
1956
+ font-size: 21px;
1957
+ font-weight: bold;
1958
+ line-height: 1;
1959
+ color: #000;
1960
+ }
1961
+
1962
+ .premium-modal-box-modal-close:hover,
1963
+ .premium-modal-box-modal-close:focus {
1964
+ color: #000;
1965
+ text-decoration: none;
1966
+ cursor: pointer;
1967
+ }
1968
+
1969
+ button.premium-modal-box-modal-close {
1970
+ -webkit-appearance: none;
1971
+ padding: 0;
1972
+ cursor: pointer;
1973
+ background: transparent;
1974
+ border: 0;
1975
+ }
1976
+
1977
+ .premium-modal-box-modal {
1978
+ position: fixed;
1979
+ top: 0;
1980
+ left: 0;
1981
+ bottom: 0;
1982
+ right: 0;
1983
+ z-index: 1050;
1984
+ display: none;
1985
+ -webkit-overflow-scrolling: touch;
1986
+ outline: 0;
1987
+ padding: 0 !important;
1988
+ background: rgba(0, 0, 0, 0.5);
1989
+ -webkit-box-align: center;
1990
+ -webkit-align-items: center;
1991
+ -moz-box-align: center;
1992
+ -ms-flex-align: center;
1993
+ align-items: center;
1994
+ -webkit-box-pack: center;
1995
+ -webkit-justify-content: center;
1996
+ -moz-box-pack: center;
1997
+ -ms-flex-pack: center;
1998
+ justify-content: center;
1999
+ }
2000
+
2001
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2002
+ position: absolute;
2003
+ max-height: -webkit-calc(100vh - 150px);
2004
+ max-height: calc(100vh - 150px);
2005
+ -js-display: flex;
2006
+ display: -webkit-box;
2007
+ display: -webkit-flex;
2008
+ display: -moz-box;
2009
+ display: -ms-flexbox;
2010
+ display: flex;
2011
+ -webkit-box-orient: vertical;
2012
+ -webkit-box-direction: normal;
2013
+ -webkit-flex-direction: column;
2014
+ -moz-box-orient: vertical;
2015
+ -moz-box-direction: normal;
2016
+ -ms-flex-direction: column;
2017
+ flex-direction: column;
2018
+ opacity: 0;
2019
+ }
2020
+
2021
+ .premium-modal-box-modal-content {
2022
+ background-color: #fff;
2023
+ -webkit-background-clip: padding-box;
2024
+ background-clip: padding-box;
2025
+ border: 1px solid rgba(0, 0, 0, 0.2);
2026
+ -webkit-border-radius: 6px;
2027
+ border-radius: 6px;
2028
+ outline: 0;
2029
+ }
2030
+
2031
+ .premium-modal-backdrop.premium-in {
2032
+ filter: alpha(opacity=50);
2033
+ opacity: 0.5 !important;
2034
+ }
2035
+
2036
+ .premium-modal-fade.premium-in {
2037
+ opacity: 1;
2038
+ }
2039
+
2040
+ .premium-modal-backdrop {
2041
+ position: fixed;
2042
+ top: 0;
2043
+ left: 0;
2044
+ bottom: 0;
2045
+ right: 0;
2046
+ z-index: 1040;
2047
+ background-color: #000;
2048
+ }
2049
+
2050
+ .premium-modal-backdrop.premium-modal-fade {
2051
+ filter: alpha(opacity=0);
2052
+ opacity: 0;
2053
+ }
2054
+
2055
+ .premium-modal-fade {
2056
+ opacity: 0;
2057
+ }
2058
+
2059
+ .premium-in {
2060
+ -js-display: flex !important;
2061
+ display: -webkit-box !important;
2062
+ display: -webkit-flex !important;
2063
+ display: -moz-box !important;
2064
+ display: -ms-flexbox !important;
2065
+ display: flex !important;
2066
+ }
2067
+
2068
+ .premium-modal-box-modal-header {
2069
+ -js-display: flex;
2070
+ display: -webkit-box;
2071
+ display: -webkit-flex;
2072
+ display: -moz-box;
2073
+ display: -ms-flexbox;
2074
+ display: flex;
2075
+ -webkit-box-pack: justify;
2076
+ -webkit-justify-content: space-between;
2077
+ -moz-box-pack: justify;
2078
+ -ms-flex-pack: justify;
2079
+ justify-content: space-between;
2080
+ -webkit-box-align: center;
2081
+ -webkit-align-items: center;
2082
+ -moz-box-align: center;
2083
+ -ms-flex-align: center;
2084
+ align-items: center;
2085
+ padding: 5px 15px;
2086
+ border-bottom: 1px solid #e5e5e5;
2087
+ }
2088
+
2089
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2090
+ margin-top: -2px;
2091
+ }
2092
+
2093
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2094
+ -js-display: flex;
2095
+ display: -webkit-box;
2096
+ display: -webkit-flex;
2097
+ display: -moz-box;
2098
+ display: -ms-flexbox;
2099
+ display: flex;
2100
+ -webkit-box-align: center;
2101
+ -webkit-align-items: center;
2102
+ -moz-box-align: center;
2103
+ -ms-flex-align: center;
2104
+ align-items: center;
2105
+ margin: 0;
2106
+ padding: 0;
2107
+ }
2108
+
2109
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2110
+ width: 50px;
2111
+ height: 60px;
2112
+ }
2113
+
2114
+ .premium-modal-box-modal-body {
2115
+ position: relative;
2116
+ padding: 15px;
2117
+ overflow: hidden;
2118
+ }
2119
+
2120
+ .premium-modal-box-modal-footer {
2121
+ padding: 15px;
2122
+ text-align: left;
2123
+ border-top: 1px solid #e5e5e5;
2124
+ }
2125
+
2126
+ .premium-modal-scrollbar-measure {
2127
+ position: absolute;
2128
+ top: -9999px;
2129
+ width: 50px;
2130
+ height: 50px;
2131
+ overflow: scroll;
2132
+ }
2133
+
2134
+ .premium-modal-trigger-text {
2135
+ background: none !important;
2136
+ }
2137
+
2138
+ .premium-modal-box-container {
2139
+ width: 100% !important;
2140
+ }
2141
+
2142
+ /*Open Modal Button Style*/
2143
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2144
+ border: none;
2145
+ -webkit-transition: all 0.3s ease-in-out;
2146
+ transition: all 0.3s ease-in-out;
2147
+ }
2148
+
2149
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2150
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2151
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2152
+ cursor: pointer;
2153
+ }
2154
+
2155
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2156
+ display: inline-block;
2157
+ width: 200px;
2158
+ height: 200px;
2159
+ -webkit-transition: all 0.3s ease-in-out;
2160
+ transition: all 0.3s ease-in-out;
2161
+ }
2162
+
2163
+ /*Image on Modal Header Style*/
2164
+ .premium-modal-box-modal-header img {
2165
+ width: 48px;
2166
+ padding-left: 5px;
2167
+ }
2168
+
2169
+ .premium-modal-box-modal-header i,
2170
+ .premium-modal-box-modal-header svg {
2171
+ padding-left: 6px;
2172
+ }
2173
+
2174
+ .premium-modal-box-modal-close {
2175
+ position: relative;
2176
+ z-index: 99;
2177
+ }
2178
+
2179
+ .premium-modal-trigger-img,
2180
+ .premium-modal-trigger-text,
2181
+ .premium-modal-box-close-button-container,
2182
+ .premium-modal-box-modal-close,
2183
+ .premium-modal-box-modal-lower-close {
2184
+ -webkit-transition: all 0.3s ease-in-out;
2185
+ transition: all 0.3s ease-in-out;
2186
+ }
2187
+
2188
+ @media (min-width: 768px) {
2189
+ .premium-modal-box-modal-dialog {
2190
+ width: 700px;
2191
+ max-height: 600px;
2192
+ overflow: auto;
2193
+ }
2194
+ }
2195
+
2196
+ @media (max-width: 767px) {
2197
+ .premium-modal-box-modal-dialog {
2198
+ width: 100%;
2199
+ max-height: 500px;
2200
+ overflow: auto;
2201
+ }
2202
+ }
2203
+
2204
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2205
+ opacity: 0;
2206
+ }
2207
+
2208
+ /**************** Premium Progress Bar ****************/
2209
+ /******************************************************/
2210
+ .premium-progressbar-container {
2211
+ position: relative;
2212
+ }
2213
+
2214
+ .premium-progressbar-bar-wrap {
2215
+ position: relative;
2216
+ text-align: right;
2217
+ overflow: hidden;
2218
+ height: 25px;
2219
+ margin-bottom: 50px;
2220
+ background-color: #f5f5f5;
2221
+ -webkit-border-radius: 4px;
2222
+ border-radius: 4px;
2223
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2224
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2225
+ }
2226
+
2227
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2228
+ background-color: transparent;
2229
+ width: 100%;
2230
+ -js-display: flex;
2231
+ display: -webkit-box;
2232
+ display: -webkit-flex;
2233
+ display: -moz-box;
2234
+ display: -ms-flexbox;
2235
+ display: flex;
2236
+ height: auto;
2237
+ -webkit-box-shadow: none;
2238
+ box-shadow: none;
2239
+ }
2240
+
2241
+ .premium-progressbar-bar-wrap .progress-segment {
2242
+ position: relative;
2243
+ width: 25px;
2244
+ height: 25px;
2245
+ -webkit-border-radius: 50%;
2246
+ border-radius: 50%;
2247
+ overflow: hidden;
2248
+ background-color: #f5f5f5;
2249
+ }
2250
+
2251
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2252
+ background: #6ec1e4;
2253
+ }
2254
+
2255
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2256
+ margin: 0 4px;
2257
+ }
2258
+
2259
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2260
+ margin-left: 4px;
2261
+ }
2262
+
2263
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2264
+ margin-right: 4px;
2265
+ }
2266
+
2267
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2268
+ position: absolute;
2269
+ top: 0;
2270
+ right: 0;
2271
+ height: 100%;
2272
+ background-color: #6ec1e4;
2273
+ }
2274
+
2275
+ .premium-progressbar-bar {
2276
+ float: right;
2277
+ width: 0%;
2278
+ height: 100%;
2279
+ font-size: 12px;
2280
+ line-height: 20px;
2281
+ background: #6ec1e4;
2282
+ text-align: center;
2283
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2284
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2285
+ }
2286
+
2287
+ .premium-progressbar-striped .premium-progressbar-bar {
2288
+ background-image: -webkit-linear-gradient(-135deg,
2289
+ rgba(255, 255, 255, 0.15) 25%,
2290
+ transparent 25%,
2291
+ transparent 50%,
2292
+ rgba(255, 255, 255, 0.15) 50%,
2293
+ rgba(255, 255, 255, 0.15) 75%,
2294
+ transparent 75%,
2295
+ transparent);
2296
+ background-image: -webkit-linear-gradient(45deg,
2297
+ rgba(255, 255, 255, 0.15) 25%,
2298
+ transparent 25%,
2299
+ transparent 50%,
2300
+ rgba(255, 255, 255, 0.15) 50%,
2301
+ rgba(255, 255, 255, 0.15) 75%,
2302
+ transparent 75%,
2303
+ transparent);
2304
+ background-image: linear-gradient(45deg,
2305
+ rgba(255, 255, 255, 0.15) 25%,
2306
+ transparent 25%,
2307
+ transparent 50%,
2308
+ rgba(255, 255, 255, 0.15) 50%,
2309
+ rgba(255, 255, 255, 0.15) 75%,
2310
+ transparent 75%,
2311
+ transparent);
2312
+ -webkit-background-size: 40px 40px;
2313
+ background-size: 40px 40px;
2314
+ }
2315
+
2316
+ .premium-progressbar-active .premium-progressbar-bar {
2317
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2318
+ animation: progress-bar-stripes 2s linear infinite;
2319
+ }
2320
+
2321
+ .premium-progressbar-gradient .premium-progressbar-bar {
2322
+ -webkit-background-size: 400% 400% !important;
2323
+ background-size: 400% 400% !important;
2324
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2325
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2326
+ }
2327
+
2328
+ .premium-progressbar-bar {
2329
+ position: absolute;
2330
+ overflow: hidden;
2331
+ line-height: 20px;
2332
+ }
2333
+
2334
+ .premium-progressbar-container .clearfix {
2335
+ clear: both;
2336
+ }
2337
+
2338
+ .premium-progressbar-bar {
2339
+ -webkit-transition: width 0s ease-in-out !important;
2340
+ transition: width 0s ease-in-out !important;
2341
+ }
2342
+
2343
+ .premium-progressbar-container p:first-of-type {
2344
+ margin: 0;
2345
+ float: right;
2346
+ }
2347
+
2348
+ .premium-progressbar-container p:nth-of-type(2) {
2349
+ margin: 0;
2350
+ float: left;
2351
+ }
2352
+
2353
+ .premium-progressbar-name {
2354
+ right: 50%;
2355
+ top: 0;
2356
+ left: 0;
2357
+ -webkit-transform: translateX(12.5px);
2358
+ -ms-transform: translateX(12.5px);
2359
+ transform: translateX(12.5px);
2360
+ z-index: 1;
2361
+ }
2362
+
2363
+ .premium-progressbar-multiple-label {
2364
+ position: relative;
2365
+ float: right;
2366
+ width: 0;
2367
+ right: 50%;
2368
+ }
2369
+
2370
+ .premium-progressbar-center-label {
2371
+ position: relative;
2372
+ white-space: nowrap;
2373
+ }
2374
+
2375
+ .premium-progressbar-arrow {
2376
+ right: 50%;
2377
+ display: inline-block;
2378
+ border-right: 7px solid transparent;
2379
+ border-left: 7px solid transparent;
2380
+ border-top: 11px solid;
2381
+ -webkit-transform: translateX(50%);
2382
+ -ms-transform: translateX(50%);
2383
+ transform: translateX(50%);
2384
+ }
2385
+
2386
+ .premium-progressbar-pin {
2387
+ border-right: 1px solid;
2388
+ height: 12px;
2389
+ right: 50%;
2390
+ display: inline-block;
2391
+ }
2392
+
2393
+ /**
2394
+ * Circle Progress Bar
2395
+ */
2396
+ .premium-progressbar-circle-wrap {
2397
+ width: 200px;
2398
+ height: 200px;
2399
+ position: relative;
2400
+ margin: 0 auto;
2401
+ }
2402
+
2403
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2404
+ position: absolute;
2405
+ top: 0;
2406
+ right: 0;
2407
+ width: 100%;
2408
+ height: 100%;
2409
+ -webkit-clip-path: inset(0 0 0 50%);
2410
+ clip-path: inset(0 0 0 50%);
2411
+ }
2412
+
2413
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2414
+ position: absolute;
2415
+ right: 0;
2416
+ top: 0;
2417
+ height: 100%;
2418
+ width: 100%;
2419
+ border-width: 6px;
2420
+ border-style: solid;
2421
+ border-color: #54595f;
2422
+ -webkit-border-radius: 50%;
2423
+ border-radius: 50%;
2424
+ -webkit-clip-path: inset(0 50% 0 0);
2425
+ clip-path: inset(0 50% 0 0);
2426
+ }
2427
+
2428
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2429
+ -webkit-transform: rotate(0);
2430
+ -ms-transform: rotate(0);
2431
+ transform: rotate(0);
2432
+ }
2433
+
2434
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2435
+ -webkit-transform: rotate(-180deg);
2436
+ -ms-transform: rotate(-180deg);
2437
+ transform: rotate(-180deg);
2438
+ visibility: hidden;
2439
+ }
2440
+
2441
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2442
+ width: 100%;
2443
+ height: 100%;
2444
+ border: 6px solid #eee;
2445
+ -webkit-border-radius: 50%;
2446
+ border-radius: 50%;
2447
+ }
2448
+
2449
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2450
+ position: absolute;
2451
+ top: 0;
2452
+ right: 0;
2453
+ width: 100%;
2454
+ height: 100%;
2455
+ -js-display: flex;
2456
+ display: -webkit-box;
2457
+ display: -webkit-flex;
2458
+ display: -moz-box;
2459
+ display: -ms-flexbox;
2460
+ display: flex;
2461
+ -webkit-box-orient: vertical;
2462
+ -webkit-box-direction: normal;
2463
+ -webkit-flex-direction: column;
2464
+ -moz-box-orient: vertical;
2465
+ -moz-box-direction: normal;
2466
+ -ms-flex-direction: column;
2467
+ flex-direction: column;
2468
+ -webkit-box-pack: center;
2469
+ -webkit-justify-content: center;
2470
+ -moz-box-pack: center;
2471
+ -ms-flex-pack: center;
2472
+ justify-content: center;
2473
+ -webkit-box-align: center;
2474
+ -webkit-align-items: center;
2475
+ -moz-box-align: center;
2476
+ -ms-flex-align: center;
2477
+ align-items: center;
2478
+ }
2479
+
2480
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2481
+ line-height: 1;
2482
+ }
2483
+
2484
+ @-webkit-keyframes progress-bar-stripes {
2485
+ from {
2486
+ background-position: 100% 0;
2487
+ }
2488
+
2489
+ to {
2490
+ background-position: 40px 0;
2491
+ }
2492
+ }
2493
+
2494
+ @keyframes progress-bar-stripes {
2495
+ from {
2496
+ background-position: 100% 0;
2497
+ }
2498
+
2499
+ to {
2500
+ background-position: 40px 0;
2501
+ }
2502
+ }
2503
+
2504
+ @-webkit-keyframes progress-bar-gradient {
2505
+ 0% {
2506
+ background-position: 100% 50%;
2507
+ }
2508
+
2509
+ 50% {
2510
+ background-position: 0% 50%;
2511
+ }
2512
+
2513
+ 100% {
2514
+ background-position: 100% 50%;
2515
+ }
2516
+ }
2517
+
2518
+ @keyframes progress-bar-gradient {
2519
+ 0% {
2520
+ background-position: 100% 50%;
2521
+ }
2522
+
2523
+ 50% {
2524
+ background-position: 0% 50%;
2525
+ }
2526
+
2527
+ 100% {
2528
+ background-position: 100% 50%;
2529
+ }
2530
+ }
2531
+
2532
+ /**************** Premium Testimonials ****************/
2533
+ /******************************************************/
2534
+ .premium-testimonial-box {
2535
+ width: 100%;
2536
+ background: transparent;
2537
+ -webkit-transition: all 0.3s ease-in-out;
2538
+ transition: all 0.3s ease-in-out;
2539
+ }
2540
+
2541
+ .premium-testimonial-box .premium-testimonial-author-info {
2542
+ -js-display: flex;
2543
+ display: -webkit-box;
2544
+ display: -webkit-flex;
2545
+ display: -moz-box;
2546
+ display: -ms-flexbox;
2547
+ display: flex;
2548
+ -webkit-box-pack: center;
2549
+ -webkit-justify-content: center;
2550
+ -moz-box-pack: center;
2551
+ -ms-flex-pack: center;
2552
+ justify-content: center;
2553
+ -webkit-box-align: center;
2554
+ -webkit-align-items: center;
2555
+ -moz-box-align: center;
2556
+ -ms-flex-align: center;
2557
+ align-items: center;
2558
+ }
2559
+
2560
+ .premium-testimonial-box .premium-testimonial-person-name,
2561
+ .premium-testimonial-box .premium-testimonial-company-name {
2562
+ font-weight: 600;
2563
+ margin: 0;
2564
+ }
2565
+
2566
+ .premium-testimonial-container {
2567
+ position: relative;
2568
+ }
2569
+
2570
+ .premium-testimonial-img-wrapper {
2571
+ margin-right: auto;
2572
+ margin-left: auto;
2573
+ overflow: hidden;
2574
+ border-style: solid !important;
2575
+ }
2576
+
2577
+ .premium-testimonial-img-wrapper.circle {
2578
+ -webkit-border-radius: 50%;
2579
+ border-radius: 50%;
2580
+ }
2581
+
2582
+ .premium-testimonial-img-wrapper.rounded {
2583
+ -webkit-border-radius: 15px;
2584
+ border-radius: 15px;
2585
+ }
2586
+
2587
+ .premium-testimonial-img-wrapper img {
2588
+ -o-object-fit: cover;
2589
+ object-fit: cover;
2590
+ width: 100%;
2591
+ height: 100% !important;
2592
+ }
2593
+
2594
+ .premium-testimonial-content-wrapper {
2595
+ position: relative;
2596
+ display: -ms-flexbox;
2597
+ display: -webkit-flex;
2598
+ display: -moz-flex;
2599
+ display: -ms-flex;
2600
+ -js-display: flex;
2601
+ display: -webkit-box;
2602
+ display: -moz-box;
2603
+ display: flex;
2604
+ -webkit-box-orient: vertical;
2605
+ -webkit-box-direction: normal;
2606
+ -webkit-flex-direction: column;
2607
+ -moz-box-orient: vertical;
2608
+ -moz-box-direction: normal;
2609
+ -ms-flex-direction: column;
2610
+ flex-direction: column;
2611
+ z-index: 2;
2612
+ width: 100%;
2613
+ padding: 20px;
2614
+ text-align: center;
2615
+ }
2616
+
2617
+ .premium-testimonial-clear-float {
2618
+ clear: both;
2619
+ }
2620
+
2621
+ .premium-testimonial-upper-quote,
2622
+ .premium-testimonial-lower-quote {
2623
+ position: absolute;
2624
+ z-index: 1;
2625
+ }
2626
+
2627
+ /**************** Premium Dual Heading *****************/
2628
+ /*******************************************************/
2629
+ .premium-dual-header-container .premium-dual-header-first-header,
2630
+ .premium-dual-header-container .premium-dual-header-second-header {
2631
+ position: relative;
2632
+ padding: 0;
2633
+ margin: 0;
2634
+ display: inline-block;
2635
+ -webkit-transform: translate(0, 0);
2636
+ -ms-transform: translate(0, 0);
2637
+ transform: translate(0, 0);
2638
+ }
2639
+
2640
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2641
+ .premium-dual-header-second-clip {
2642
+ -webkit-text-fill-color: transparent;
2643
+ -webkit-background-clip: text;
2644
+ }
2645
+
2646
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2647
+ .premium-dual-header-second-clip.stroke {
2648
+ -webkit-text-stroke-color: transparent;
2649
+ -webkit-text-fill-color: #fafafa;
2650
+ -webkit-text-stroke-width: 2px;
2651
+ }
2652
+
2653
+ @media (max-width: 500px) {
2654
+
2655
+ .premium-dual-header-container .premium-dual-header-first-header,
2656
+ .premium-dual-header-container .premium-dual-header-second-header {
2657
+ display: block;
2658
+ word-wrap: break-word;
2659
+ }
2660
+
2661
+ .premium-dual-header-first-container,
2662
+ .premium-dual-header-second-container {
2663
+ margin: 0;
2664
+ }
2665
+ }
2666
+
2667
+ @media (min-width: 501px) {
2668
+ .premium-dual-header-first-container {
2669
+ margin-left: 5px;
2670
+ }
2671
+ }
2672
+
2673
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2674
+ .premium-dual-header-second-header.gradient {
2675
+ -webkit-background-size: 300% 300% !important;
2676
+ background-size: 300% 300% !important;
2677
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2678
+ animation: Gradient 10s ease-in-out infinite;
2679
+ }
2680
+
2681
+ @-webkit-keyframes Gradient {
2682
+ 0% {
2683
+ background-position: 100% 50%;
2684
+ }
2685
+
2686
+ 50% {
2687
+ background-position: 0% 50%;
2688
+ }
2689
+
2690
+ 100% {
2691
+ background-position: 100% 50%;
2692
+ }
2693
+ }
2694
+
2695
+ @keyframes Gradient {
2696
+ 0% {
2697
+ background-position: 100% 50%;
2698
+ }
2699
+
2700
+ 50% {
2701
+ background-position: 0% 50%;
2702
+ }
2703
+
2704
+ 100% {
2705
+ background-position: 100% 50%;
2706
+ }
2707
+ }
2708
+
2709
+ /**************** Premium Title ****************/
2710
+ /***********************************************/
2711
+ .premium-title-container {
2712
+ position: relative;
2713
+ width: 100%;
2714
+ clear: both;
2715
+ overflow: hidden;
2716
+ }
2717
+
2718
+ .premium-title-container .premium-title-header {
2719
+ position: relative;
2720
+ margin: 0;
2721
+ padding: 10px;
2722
+ }
2723
+
2724
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2725
+ -webkit-box-align: center;
2726
+ -webkit-align-items: center;
2727
+ -moz-box-align: center;
2728
+ -ms-flex-align: center;
2729
+ align-items: center;
2730
+ }
2731
+
2732
+ .premium-title-container .premium-title-header svg {
2733
+ width: 40px;
2734
+ height: 40px;
2735
+ }
2736
+
2737
+ .premium-title-container .premium-title-header img {
2738
+ width: 40px;
2739
+ height: 40px;
2740
+ -o-object-fit: cover;
2741
+ object-fit: cover;
2742
+ }
2743
+
2744
+ .premium-title-container .premium-title-header a {
2745
+ position: absolute;
2746
+ top: 0;
2747
+ right: 0;
2748
+ width: 100%;
2749
+ height: 100%;
2750
+ }
2751
+
2752
+ .premium-title-container .premium-lottie-animation {
2753
+ -js-display: flex;
2754
+ display: -webkit-box;
2755
+ display: -webkit-flex;
2756
+ display: -moz-box;
2757
+ display: -ms-flexbox;
2758
+ display: flex;
2759
+ }
2760
+
2761
+ .premium-title-icon-row .premium-title-icon {
2762
+ margin-left: 10px;
2763
+ }
2764
+
2765
+ .premium-title-icon-row-reverse .premium-title-icon {
2766
+ margin-right: 10px;
2767
+ }
2768
+
2769
+ .premium-title-style3,
2770
+ .premium-title-style4 {
2771
+ -js-display: flex;
2772
+ display: -webkit-box;
2773
+ display: -webkit-flex;
2774
+ display: -moz-box;
2775
+ display: -ms-flexbox;
2776
+ display: flex;
2777
+ }
2778
+
2779
+ .premium-title-style1,
2780
+ .premium-title-style2,
2781
+ .premium-title-style5,
2782
+ .premium-title-style6,
2783
+ .premium-title-style8,
2784
+ .premium-title-style9 {
2785
+ -js-display: inline-flex;
2786
+ display: -webkit-inline-box;
2787
+ display: -webkit-inline-flex;
2788
+ display: -moz-inline-box;
2789
+ display: -ms-inline-flexbox;
2790
+ display: inline-flex;
2791
+ }
2792
+
2793
+ .premium-title-style7 {
2794
+ -js-display: inline-flex;
2795
+ display: -webkit-inline-box;
2796
+ display: -webkit-inline-flex;
2797
+ display: -moz-inline-box;
2798
+ display: -ms-inline-flexbox;
2799
+ display: inline-flex;
2800
+ -webkit-box-orient: vertical;
2801
+ -webkit-box-direction: normal;
2802
+ -webkit-flex-direction: column;
2803
+ -moz-box-orient: vertical;
2804
+ -moz-box-direction: normal;
2805
+ -ms-flex-direction: column;
2806
+ flex-direction: column;
2807
+ }
2808
+
2809
+ .premium-title-style7 .premium-title-style7-inner {
2810
+ -js-display: flex;
2811
+ display: -webkit-box;
2812
+ display: -webkit-flex;
2813
+ display: -moz-box;
2814
+ display: -ms-flexbox;
2815
+ display: flex;
2816
+ -webkit-box-align: center;
2817
+ -webkit-align-items: center;
2818
+ -moz-box-align: center;
2819
+ -ms-flex-align: center;
2820
+ align-items: center;
2821
+ }
2822
+
2823
+ .premium-title-style1 {
2824
+ border-right: 3px solid #6ec1e4;
2825
+ }
2826
+
2827
+ .premium-title-container.style2,
2828
+ .premium-title-container.style4,
2829
+ .premium-title-container.style5,
2830
+ .premium-title-container.style6 {
2831
+ border-bottom: 3px solid #6ec1e4;
2832
+ }
2833
+
2834
+ /*Style 6 Header*/
2835
+ .premium-title-style6:before {
2836
+ position: absolute;
2837
+ right: 50%;
2838
+ bottom: 0;
2839
+ margin-right: -2px;
2840
+ content: "";
2841
+ border: 3px solid transparent;
2842
+ }
2843
+
2844
+ /*Style 6 Trinagle*/
2845
+ .premium-title-style7-stripe-wrap {
2846
+ -js-display: flex;
2847
+ display: -webkit-box;
2848
+ display: -webkit-flex;
2849
+ display: -moz-box;
2850
+ display: -ms-flexbox;
2851
+ display: flex;
2852
+ }
2853
+
2854
+ .premium-title-style7:before {
2855
+ display: none;
2856
+ }
2857
+
2858
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2859
+ -webkit-background-size: 125px 125px !important;
2860
+ background-size: 125px !important;
2861
+ color: rgba(255, 255, 255, 0);
2862
+ -webkit-background-clip: text !important;
2863
+ background-clip: text !important;
2864
+ -webkit-animation-name: shining_title !important;
2865
+ animation-name: shining_title !important;
2866
+ -webkit-animation-duration: var(--animation-speed) !important;
2867
+ animation-duration: var(--animation-speed) !important;
2868
+ -webkit-animation-iteration-count: infinite !important;
2869
+ animation-iteration-count: infinite !important;
2870
+ background: var(--base-color) -webkit-gradient(linear,
2871
+ left top,
2872
+ right top,
2873
+ from(var(--base-color)),
2874
+ to(var(--base-color)),
2875
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
2876
+ }
2877
+
2878
+ @-webkit-keyframes shining_title {
2879
+ 0% {
2880
+ background-position: 100%;
2881
+ }
2882
+
2883
+ 100% {
2884
+ background-position: -100%;
2885
+ }
2886
+ }
2887
+
2888
+ @keyframes shining_title {
2889
+ 0% {
2890
+ background-position: 100%;
2891
+ }
2892
+
2893
+ 100% {
2894
+ background-position: -100%;
2895
+ }
2896
+ }
2897
+
2898
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2899
+ -webkit-animation: premium_blurshadow 2s 1 alternate;
2900
+ animation: premium_blurshadow 2s 1 alternate;
2901
+ }
2902
+
2903
+ @-webkit-keyframes premium_blurshadow {
2904
+ from {
2905
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2906
+ color: transparent;
2907
+ }
2908
+
2909
+ to {
2910
+ text-shadow: 0;
2911
+ }
2912
+ }
2913
+
2914
+ @keyframes premium_blurshadow {
2915
+ from {
2916
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2917
+ color: transparent;
2918
+ }
2919
+
2920
+ to {
2921
+ text-shadow: 0;
2922
+ }
2923
+ }
2924
+
2925
+ /*
2926
+ * Common Title/Dual Heading
2927
+ */
2928
+ .premium-title-bg-text:before {
2929
+ position: absolute;
2930
+ content: attr(data-background);
2931
+ top: 0;
2932
+ right: 0;
2933
+ text-align: left;
2934
+ }
2935
+
2936
+ /**************** Premium Video Box ************/
2937
+ /***********************************************/
2938
+ .premium-video-box-transform {
2939
+ -webkit-transform: none !important;
2940
+ -ms-transform: none !important;
2941
+ transform: none !important;
2942
+ }
2943
+
2944
+ .premium-video-box-container>div {
2945
+ position: relative;
2946
+ }
2947
+
2948
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
2949
+ padding-bottom: 100%;
2950
+ }
2951
+
2952
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
2953
+ padding-bottom: 56.25%;
2954
+ }
2955
+
2956
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
2957
+ padding-bottom: 75%;
2958
+ }
2959
+
2960
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
2961
+ padding-bottom: 66.6666%;
2962
+ }
2963
+
2964
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
2965
+ padding-bottom: 42.8571%;
2966
+ }
2967
+
2968
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
2969
+ padding-bottom: 177.8%;
2970
+ }
2971
+
2972
+ .premium-video-box-image-container {
2973
+ position: absolute;
2974
+ top: 0;
2975
+ right: 0;
2976
+ bottom: 0;
2977
+ left: 0;
2978
+ width: 100%;
2979
+ height: 100%;
2980
+ -webkit-background-size: cover;
2981
+ background-size: cover;
2982
+ background-position: 50%;
2983
+ cursor: pointer;
2984
+ margin: auto;
2985
+ -webkit-transition: 0.2s all;
2986
+ transition: 0.2s all;
2987
+ }
2988
+
2989
+ .premium-video-box-play-icon-container {
2990
+ position: absolute;
2991
+ z-index: 2;
2992
+ cursor: pointer;
2993
+ -webkit-transform: translate(50%, -50%);
2994
+ -ms-transform: translate(50%, -50%);
2995
+ transform: translate(50%, -50%);
2996
+ background: rgba(252, 252, 252, 0.35);
2997
+ }
2998
+
2999
+ .premium-video-box-description-container {
3000
+ position: absolute;
3001
+ z-index: 2;
3002
+ padding: 5px;
3003
+ text-align: center;
3004
+ cursor: pointer;
3005
+ -webkit-transform: translate(50%, -50%);
3006
+ -ms-transform: translate(50%, -50%);
3007
+ transform: translate(50%, -50%);
3008
+ }
3009
+
3010
+ .premium-video-box-text {
3011
+ margin-bottom: 0 !important;
3012
+ -webkit-transition: all 0.3s ease-in-out;
3013
+ transition: all 0.3s ease-in-out;
3014
+ }
3015
+
3016
+ .premium-video-box-play-icon {
3017
+ padding: 15px;
3018
+ -webkit-transform: translateX(-4%);
3019
+ -ms-transform: translateX(-4%);
3020
+ transform: translateX(-4%);
3021
+ -webkit-transition: all 0.3s ease-in-out;
3022
+ transition: all 0.3s ease-in-out;
3023
+ }
3024
+
3025
+ .premium-video-box-video-container {
3026
+ position: absolute;
3027
+ top: 0;
3028
+ right: 0;
3029
+ z-index: 2;
3030
+ width: 100%;
3031
+ height: 100%;
3032
+ -webkit-transition: opacity 0.8s ease-in-out;
3033
+ transition: opacity 0.8s ease-in-out;
3034
+ overflow: hidden;
3035
+ cursor: pointer;
3036
+ }
3037
+
3038
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3039
+ opacity: 0;
3040
+ visibility: hidden;
3041
+ }
3042
+
3043
+ .premium-video-box-video-container iframe {
3044
+ max-width: 100%;
3045
+ width: 100%;
3046
+ height: 100%;
3047
+ margin: 0;
3048
+ line-height: 1;
3049
+ border: none;
3050
+ }
3051
+
3052
+ .premium-video-box-video-container video {
3053
+ max-width: 100%;
3054
+ width: 100%;
3055
+ height: 100%;
3056
+ margin: 0;
3057
+ line-height: 1;
3058
+ border: none;
3059
+ background-color: #000;
3060
+ -o-object-fit: contain;
3061
+ object-fit: contain;
3062
+ }
3063
+
3064
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3065
+ -js-display: flex;
3066
+ display: -webkit-box;
3067
+ display: -webkit-flex;
3068
+ display: -moz-box;
3069
+ display: -ms-flexbox;
3070
+ display: flex;
3071
+ position: absolute;
3072
+ top: 0;
3073
+ right: 0;
3074
+ z-index: 3;
3075
+ margin: 10px;
3076
+ margin-left: 10px;
3077
+ -webkit-transition: opacity 0.2s ease-out;
3078
+ transition: opacity 0.2s ease-out;
3079
+ margin-left: 4.6em;
3080
+ }
3081
+
3082
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3083
+ width: 60px;
3084
+ height: 60px;
3085
+ background: rgba(23, 35, 34, 0.75);
3086
+ margin-left: 1px;
3087
+ -webkit-box-flex: 1;
3088
+ -webkit-flex: 1 0 auto;
3089
+ -moz-box-flex: 1;
3090
+ -ms-flex: 1 0 auto;
3091
+ flex: 1 0 auto;
3092
+ padding: 0;
3093
+ }
3094
+
3095
+ .premium-video-box-vimeo-portrait img {
3096
+ width: 50px;
3097
+ height: 50px;
3098
+ margin: 5px;
3099
+ padding: 0;
3100
+ border: 0;
3101
+ -webkit-border-radius: 50%;
3102
+ border-radius: 50%;
3103
+ }
3104
+
3105
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3106
+ font-size: 10px;
3107
+ }
3108
+
3109
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3110
+ max-width: 100%;
3111
+ font-size: 2em !important;
3112
+ font-weight: 700;
3113
+ margin: 0;
3114
+ padding: 0.1em 0.2em;
3115
+ background: rgba(23, 35, 34, 0.75);
3116
+ display: inline-block;
3117
+ text-transform: none;
3118
+ line-height: normal;
3119
+ letter-spacing: normal;
3120
+ }
3121
+
3122
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3123
+ font-size: 1.2em !important;
3124
+ font-weight: 400;
3125
+ color: #fff;
3126
+ margin-top: 0.1em;
3127
+ padding: 0.2em 0.5em;
3128
+ background: rgba(23, 35, 34, 0.75);
3129
+ text-transform: none;
3130
+ line-height: normal;
3131
+ letter-spacing: normal;
3132
+ }
3133
+
3134
+ .premium-video-box-playlist-container {
3135
+ -js-display: flex;
3136
+ display: -webkit-box;
3137
+ display: -webkit-flex;
3138
+ display: -moz-box;
3139
+ display: -ms-flexbox;
3140
+ display: flex;
3141
+ -webkit-flex-wrap: wrap;
3142
+ -ms-flex-wrap: wrap;
3143
+ flex-wrap: wrap;
3144
+ }
3145
+
3146
+ .premium-video-box-playlist-container .premium-video-box-container {
3147
+ height: 100%;
3148
+ overflow: hidden;
3149
+ }
3150
+
3151
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3152
+ -webkit-transform: scale(1.1);
3153
+ -ms-transform: scale(1.1);
3154
+ transform: scale(1.1);
3155
+ }
3156
+
3157
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3158
+ -webkit-transform: scale(1);
3159
+ -ms-transform: scale(1);
3160
+ transform: scale(1);
3161
+ }
3162
+
3163
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3164
+ -webkit-transform: scale(1.3) rotate(-5deg);
3165
+ -ms-transform: scale(1.3) rotate(-5deg);
3166
+ transform: scale(1.3) rotate(-5deg);
3167
+ }
3168
+
3169
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3170
+ -webkit-filter: grayscale(0%);
3171
+ filter: grayscale(0%);
3172
+ }
3173
+
3174
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3175
+ -webkit-filter: blur(3px);
3176
+ filter: blur(3px);
3177
+ }
3178
+
3179
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3180
+ -webkit-filter: sepia(0%);
3181
+ filter: sepia(0%);
3182
+ }
3183
+
3184
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3185
+ -webkit-transform: translateX(0px) scale(1.1);
3186
+ -ms-transform: translateX(0px) scale(1.1);
3187
+ transform: translateX(0px) scale(1.1);
3188
+ }
3189
+
3190
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3191
+ -webkit-filter: brightness(1.2);
3192
+ filter: brightness(1.2);
3193
+ }
3194
+
3195
+ .premium-video-box-image-container.gray {
3196
+ -webkit-filter: grayscale(100%);
3197
+ filter: grayscale(100%);
3198
+ }
3199
+
3200
+ .premium-video-box-image-container.zoomout,
3201
+ .premium-video-box-image-container.scale {
3202
+ -webkit-transform: scale(1.2);
3203
+ -ms-transform: scale(1.2);
3204
+ transform: scale(1.2);
3205
+ }
3206
+
3207
+ .premium-video-box-image-container.sepia {
3208
+ -webkit-filter: sepia(30%);
3209
+ filter: sepia(30%);
3210
+ }
3211
+
3212
+ .premium-video-box-image-container.bright {
3213
+ -webkit-filter: brightness(1);
3214
+ filter: brightness(1);
3215
+ }
3216
+
3217
+ .premium-video-box-image-container.trans {
3218
+ -webkit-transform: translateX(15px) scale(1.1);
3219
+ -ms-transform: translateX(15px) scale(1.1);
3220
+ transform: translateX(15px) scale(1.1);
3221
+ }
3222
+
3223
+ .premium-video-box-mask-media {
3224
+ -webkit-mask-repeat: no-repeat;
3225
+ mask-repeat: no-repeat;
3226
+ }
3227
+
3228
+ /* Sticky Video Option */
3229
+ .premium-video-box-container.premium-video-box-sticky-apply {
3230
+ z-index: 99;
3231
+ overflow: unset;
3232
+ }
3233
+
3234
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3235
+ position: fixed !important;
3236
+ z-index: 99999;
3237
+ height: 225px;
3238
+ width: 400px;
3239
+ background: #fff;
3240
+ }
3241
+
3242
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3243
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3244
+ visibility: hidden;
3245
+ }
3246
+
3247
+ .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 {
3248
+ -webkit-box-shadow: unset;
3249
+ box-shadow: unset;
3250
+ }
3251
+
3252
+ .premium-video-box-sticky-close,
3253
+ .premium-video-box-sticky-infobar {
3254
+ display: none;
3255
+ }
3256
+
3257
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3258
+ position: absolute;
3259
+ padding: 5px;
3260
+ cursor: pointer;
3261
+ z-index: 99999;
3262
+ height: 14px;
3263
+ width: 14px;
3264
+ -webkit-box-sizing: content-box;
3265
+ -moz-box-sizing: content-box;
3266
+ box-sizing: content-box;
3267
+ -webkit-border-radius: 100%;
3268
+ border-radius: 100%;
3269
+ -js-display: flex;
3270
+ display: -webkit-box;
3271
+ display: -webkit-flex;
3272
+ display: -moz-box;
3273
+ display: -ms-flexbox;
3274
+ display: flex;
3275
+ -webkit-box-pack: center;
3276
+ -webkit-justify-content: center;
3277
+ -moz-box-pack: center;
3278
+ -ms-flex-pack: center;
3279
+ justify-content: center;
3280
+ -webkit-box-align: center;
3281
+ -webkit-align-items: center;
3282
+ -moz-box-align: center;
3283
+ -ms-flex-align: center;
3284
+ align-items: center;
3285
+ }
3286
+
3287
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3288
+ -js-display: flex;
3289
+ display: -webkit-box;
3290
+ display: -webkit-flex;
3291
+ display: -moz-box;
3292
+ display: -ms-flexbox;
3293
+ display: flex;
3294
+ }
3295
+
3296
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3297
+ -webkit-transition: none;
3298
+ transition: none;
3299
+ }
3300
+
3301
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3302
+ display: block;
3303
+ position: relative;
3304
+ top: 100%;
3305
+ width: 100%;
3306
+ padding: 5px;
3307
+ text-align: center;
3308
+ z-index: 9999;
3309
+ margin-top: -1px;
3310
+ }
3311
+
3312
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3313
+ cursor: move;
3314
+ }
3315
+
3316
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3317
+ left: auto;
3318
+ right: 20px;
3319
+ top: 20px;
3320
+ }
3321
+
3322
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3323
+ left: auto;
3324
+ right: 20px;
3325
+ bottom: 20px;
3326
+ }
3327
+
3328
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3329
+ right: auto;
3330
+ left: 20px;
3331
+ top: 20px;
3332
+ }
3333
+
3334
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3335
+ right: auto;
3336
+ left: 20px;
3337
+ bottom: 20px;
3338
+ }
3339
+
3340
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3341
+ left: auto;
3342
+ right: 20px;
3343
+ top: 50%;
3344
+ -webkit-transform: translateY(-50%);
3345
+ -ms-transform: translateY(-50%);
3346
+ transform: translateY(-50%);
3347
+ }
3348
+
3349
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3350
+ right: auto;
3351
+ left: 20px;
3352
+ top: 50%;
3353
+ -webkit-transform: translateY(-50%);
3354
+ -ms-transform: translateY(-50%);
3355
+ transform: translateY(-50%);
3356
+ }
3357
+
3358
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3359
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3360
+ bottom: 55px;
3361
+ }
3362
+
3363
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3364
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3365
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3366
+ top: -10px;
3367
+ left: -10px;
3368
+ }
3369
+
3370
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3371
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3372
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3373
+ top: -10px;
3374
+ right: -10px;
3375
+ }
3376
+
3377
+ .premium-video-box-filter-sticky {
3378
+ -webkit-filter: none !important;
3379
+ filter: none !important;
3380
+ }
3381
+
3382
+ /**************** Premium Blog *****************/
3383
+ /***********************************************/
3384
+ .premium-blog-thumb-effect-wrapper {
3385
+ position: relative;
3386
+ overflow: hidden;
3387
+ }
3388
+
3389
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3390
+ position: absolute;
3391
+ top: 0;
3392
+ right: 0;
3393
+ width: 100%;
3394
+ height: 100%;
3395
+ z-index: 2;
3396
+ padding: 20px;
3397
+ }
3398
+
3399
+ .premium-blog-bordered-effect .premium-blog-post-link {
3400
+ display: block;
3401
+ height: 100%;
3402
+ position: relative;
3403
+ }
3404
+
3405
+ /*Thumbnail Img*/
3406
+ .premium-blog-thumbnail-container {
3407
+ overflow: hidden;
3408
+ }
3409
+
3410
+ .premium-blog-thumbnail-container img,
3411
+ .premium-blog-thumbnail-container .below-entry-meta {
3412
+ width: 100%;
3413
+ height: 100%;
3414
+ margin: 0 !important;
3415
+ -webkit-transition: all 0.4s ease-in-out;
3416
+ transition: all 0.4s ease-in-out;
3417
+ }
3418
+
3419
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3420
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3421
+ -webkit-transform: scale(1.2);
3422
+ -ms-transform: scale(1.2);
3423
+ transform: scale(1.2);
3424
+ }
3425
+
3426
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3427
+ -webkit-filter: sepia(30%);
3428
+ filter: sepia(30%);
3429
+ }
3430
+
3431
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3432
+ -webkit-filter: brightness(1);
3433
+ filter: brightness(1);
3434
+ }
3435
+
3436
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3437
+ -webkit-transform: translateX(15px) scale(1.1);
3438
+ -ms-transform: translateX(15px) scale(1.1);
3439
+ transform: translateX(15px) scale(1.1);
3440
+ }
3441
+
3442
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3443
+ -webkit-transform: scale(1.2);
3444
+ -ms-transform: scale(1.2);
3445
+ transform: scale(1.2);
3446
+ }
3447
+
3448
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3449
+ -webkit-transform: scale(1.1);
3450
+ -ms-transform: scale(1.1);
3451
+ transform: scale(1.1);
3452
+ }
3453
+
3454
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3455
+ -webkit-transform: scale(1.3) rotate(-5deg);
3456
+ -ms-transform: scale(1.3) rotate(-5deg);
3457
+ transform: scale(1.3) rotate(-5deg);
3458
+ }
3459
+
3460
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3461
+ -webkit-filter: grayscale(100%);
3462
+ filter: grayscale(100%);
3463
+ }
3464
+
3465
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3466
+ -webkit-filter: blur(3px);
3467
+ filter: blur(3px);
3468
+ }
3469
+
3470
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3471
+ -webkit-filter: sepia(0%);
3472
+ filter: sepia(0%);
3473
+ }
3474
+
3475
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3476
+ -webkit-filter: brightness(1.2);
3477
+ filter: brightness(1.2);
3478
+ }
3479
+
3480
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3481
+ -webkit-transform: translateX(0px) scale(1.1);
3482
+ -ms-transform: translateX(0px) scale(1.1);
3483
+ transform: translateX(0px) scale(1.1);
3484
+ }
3485
+
3486
+ .premium-blog-post-container {
3487
+ overflow: hidden;
3488
+ }
3489
+
3490
+ .premium-blog-post-container .premium-blog-inner-container {
3491
+ -js-display: flex;
3492
+ display: -webkit-box;
3493
+ display: -webkit-flex;
3494
+ display: -moz-box;
3495
+ display: -ms-flexbox;
3496
+ display: flex;
3497
+ }
3498
+
3499
+ .premium-blog-post-container .premium-blog-post-content {
3500
+ line-height: 1.5em;
3501
+ color: #777;
3502
+ font-size: 14px;
3503
+ margin-bottom: 10px;
3504
+ }
3505
+
3506
+ .premium-blog-post-container ul.post-categories a:hover,
3507
+ .premium-blog-post-container ul.post-categories a:focus,
3508
+ .premium-blog-post-container .premium-blog-post-link:hover,
3509
+ .premium-blog-post-container .premium-blog-post-link:focus {
3510
+ -webkit-box-shadow: none !important;
3511
+ box-shadow: none !important;
3512
+ outline: none !important;
3513
+ }
3514
+
3515
+ .premium-blog-post-container .premium-blog-entry-title {
3516
+ font-size: 18px;
3517
+ margin-bottom: 5px;
3518
+ }
3519
+
3520
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3521
+ position: relative;
3522
+ z-index: 3;
3523
+ top: -50px;
3524
+ }
3525
+
3526
+ .premium-blog-post-container .premium-blog-content-wrapper {
3527
+ background-color: #f5f5f5;
3528
+ padding: 30px;
3529
+ }
3530
+
3531
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3532
+ top: 0;
3533
+ }
3534
+
3535
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
3536
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3537
+ position: absolute;
3538
+ content: "";
3539
+ z-index: 1;
3540
+ top: 50%;
3541
+ right: 50%;
3542
+ opacity: 0;
3543
+ -webkit-transform: translate(50%, -50%);
3544
+ -ms-transform: translate(50%, -50%);
3545
+ transform: translate(50%, -50%);
3546
+ -webkit-transition: all 0.4s linear 0s;
3547
+ transition: all 0.4s linear 0s;
3548
+ height: 1px;
3549
+ width: 100%;
3550
+ background-color: #fff;
3551
+ }
3552
+
3553
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3554
+ width: 1px;
3555
+ height: 100%;
3556
+ }
3557
+
3558
+ .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 {
3559
+ width: 20px;
3560
+ opacity: 1;
3561
+ }
3562
+
3563
+ .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 {
3564
+ height: 20px;
3565
+ opacity: 1;
3566
+ }
3567
+
3568
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3569
+ margin: 0px 10px 20px;
3570
+ clear: both;
3571
+ }
3572
+
3573
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
3574
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
3575
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3576
+ position: absolute;
3577
+ top: 0;
3578
+ right: 0;
3579
+ width: 100%;
3580
+ height: 100%;
3581
+ -webkit-transition: all 0.3s ease-in-out;
3582
+ transition: all 0.3s ease-in-out;
3583
+ opacity: 0;
3584
+ }
3585
+
3586
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
3587
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
3588
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3589
+ -js-display: flex;
3590
+ display: -webkit-box;
3591
+ display: -webkit-flex;
3592
+ display: -moz-box;
3593
+ display: -ms-flexbox;
3594
+ display: flex;
3595
+ -webkit-box-pack: center;
3596
+ -webkit-justify-content: center;
3597
+ -moz-box-pack: center;
3598
+ -ms-flex-pack: center;
3599
+ justify-content: center;
3600
+ -webkit-box-align: center;
3601
+ -webkit-align-items: center;
3602
+ -moz-box-align: center;
3603
+ -ms-flex-align: center;
3604
+ align-items: center;
3605
+ width: 100%;
3606
+ height: 100%;
3607
+ }
3608
+
3609
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3610
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
3611
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3612
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
3613
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3614
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3615
+ -webkit-transition: all 0.3s ease-in-out;
3616
+ transition: all 0.3s ease-in-out;
3617
+ }
3618
+
3619
+ .premium-blog-post-container.premium-blog-skin-side {
3620
+ -js-display: flex;
3621
+ display: -webkit-box;
3622
+ display: -webkit-flex;
3623
+ display: -moz-box;
3624
+ display: -ms-flexbox;
3625
+ display: flex;
3626
+ }
3627
+
3628
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3629
+ height: 100%;
3630
+ }
3631
+
3632
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3633
+ -webkit-box-flex: 1;
3634
+ -webkit-flex: 1;
3635
+ -moz-box-flex: 1;
3636
+ -ms-flex: 1;
3637
+ flex: 1;
3638
+ }
3639
+
3640
+ .premium-blog-post-container.premium-blog-skin-banner {
3641
+ position: relative;
3642
+ }
3643
+
3644
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3645
+ position: absolute;
3646
+ width: 100%;
3647
+ bottom: 0;
3648
+ -js-display: flex;
3649
+ display: -webkit-box;
3650
+ display: -webkit-flex;
3651
+ display: -moz-box;
3652
+ display: -ms-flexbox;
3653
+ display: flex;
3654
+ -webkit-box-orient: vertical;
3655
+ -webkit-box-direction: normal;
3656
+ -webkit-flex-direction: column;
3657
+ -moz-box-orient: vertical;
3658
+ -moz-box-direction: normal;
3659
+ -ms-flex-direction: column;
3660
+ flex-direction: column;
3661
+ background-color: transparent;
3662
+ z-index: 3;
3663
+ }
3664
+
3665
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3666
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3667
+ transition: -webkit-transform 0.3s ease-in-out;
3668
+ transition: transform 0.3s ease-in-out;
3669
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
3670
+ }
3671
+
3672
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3673
+ -webkit-transform: translateY(-5px);
3674
+ -ms-transform: translateY(-5px);
3675
+ transform: translateY(-5px);
3676
+ }
3677
+
3678
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3679
+ margin: 0;
3680
+ padding: 0;
3681
+ list-style: none;
3682
+ -js-display: flex;
3683
+ display: -webkit-box;
3684
+ display: -webkit-flex;
3685
+ display: -moz-box;
3686
+ display: -ms-flexbox;
3687
+ display: flex;
3688
+ }
3689
+
3690
+ .premium-blog-post-container .premium-blog-cats-container a {
3691
+ display: block;
3692
+ font-size: 12px;
3693
+ color: #fff;
3694
+ background-color: #777;
3695
+ margin: 0 0 10px 3px;
3696
+ padding: 5px;
3697
+ -webkit-transition: all 0.3s ease-in-out;
3698
+ transition: all 0.3s ease-in-out;
3699
+ }
3700
+
3701
+ /*
3702
+ * Diagonal Effect
3703
+ */
3704
+ .premium-blog-diagonal-container {
3705
+ position: absolute;
3706
+ top: 0;
3707
+ right: 0;
3708
+ width: 100%;
3709
+ height: 100%;
3710
+ }
3711
+
3712
+ .premium-blog-diagonal-effect:before {
3713
+ position: absolute;
3714
+ top: 0px;
3715
+ right: 0px;
3716
+ width: 100%;
3717
+ height: 100%;
3718
+ content: " ";
3719
+ z-index: 1;
3720
+ background: rgba(255, 255, 255, 0.2);
3721
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3722
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
3723
+ -webkit-transition: all 0.3s linear 0s;
3724
+ transition: all 0.3s linear 0s;
3725
+ }
3726
+
3727
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3728
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3729
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
3730
+ }
3731
+
3732
+ /*
3733
+ * Framed Effect
3734
+ */
3735
+ .premium-blog-framed-effect {
3736
+ position: absolute;
3737
+ width: -webkit-calc(100% - 30px);
3738
+ width: calc(100% - 30px);
3739
+ height: -webkit-calc(100% - 30px);
3740
+ height: calc(100% - 30px);
3741
+ top: 15px;
3742
+ right: 15px;
3743
+ opacity: 0;
3744
+ -webkit-transform: scale(0.3);
3745
+ -ms-transform: scale(0.3);
3746
+ transform: scale(0.3);
3747
+ -webkit-transition: all 0.3s linear 0s;
3748
+ transition: all 0.3s linear 0s;
3749
+ }
3750
+
3751
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3752
+ opacity: 0.99;
3753
+ -webkit-transform: scale(1);
3754
+ -ms-transform: scale(1);
3755
+ transform: scale(1);
3756
+ }
3757
+
3758
+ /*
3759
+ * Bordered Effect
3760
+ */
3761
+ .premium-blog-bordered-effect {
3762
+ position: absolute;
3763
+ top: 0;
3764
+ right: 0;
3765
+ width: 100%;
3766
+ height: 100%;
3767
+ opacity: 0;
3768
+ padding: 15px;
3769
+ -webkit-transition: all 0.3s linear 0s;
3770
+ transition: all 0.3s linear 0s;
3771
+ }
3772
+
3773
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
3774
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3775
+ content: "";
3776
+ display: block;
3777
+ position: absolute;
3778
+ top: 0;
3779
+ right: 0;
3780
+ width: 100%;
3781
+ height: 100%;
3782
+ -webkit-transition: all 0.5s linear 0s;
3783
+ transition: all 0.5s linear 0s;
3784
+ -webkit-transition-delay: 0s;
3785
+ transition-delay: 0s;
3786
+ border-color: rgba(255, 255, 255, 0.45);
3787
+ }
3788
+
3789
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3790
+ border-left: 2px solid;
3791
+ border-right: 2px solid;
3792
+ -webkit-transform: scale(1, 0);
3793
+ -ms-transform: scale(1, 0);
3794
+ transform: scale(1, 0);
3795
+ -webkit-transform-origin: 0% 0;
3796
+ -ms-transform-origin: 0% 0;
3797
+ transform-origin: 0% 0;
3798
+ }
3799
+
3800
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3801
+ border-top: 2px solid;
3802
+ border-bottom: 2px solid;
3803
+ -webkit-transform: scale(0, 1);
3804
+ -ms-transform: scale(0, 1);
3805
+ transform: scale(0, 1);
3806
+ -webkit-transform-origin: 100% 0;
3807
+ -ms-transform-origin: 100% 0;
3808
+ transform-origin: 100% 0;
3809
+ }
3810
+
3811
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3812
+ opacity: 0.99;
3813
+ }
3814
+
3815
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
3816
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3817
+ -webkit-transition-delay: 0.15s;
3818
+ transition-delay: 0.15s;
3819
+ opacity: 1;
3820
+ -webkit-transform: scale(1);
3821
+ -ms-transform: scale(1);
3822
+ transform: scale(1);
3823
+ }
3824
+
3825
+ /*
3826
+ * Squares Effect
3827
+ */
3828
+ .premium-blog-squares-effect,
3829
+ .premium-blog-squares-square-container {
3830
+ position: absolute;
3831
+ top: 0;
3832
+ right: 0;
3833
+ width: 100%;
3834
+ height: 100%;
3835
+ }
3836
+
3837
+ .premium-blog-squares-effect:before,
3838
+ .premium-blog-squares-effect:after {
3839
+ position: absolute;
3840
+ content: "";
3841
+ top: 0;
3842
+ right: 0;
3843
+ width: 50%;
3844
+ height: 50%;
3845
+ -webkit-transform: translate(100%, -100%);
3846
+ -ms-transform: translate(100%, -100%);
3847
+ transform: translate(100%, -100%);
3848
+ opacity: 0.7;
3849
+ -webkit-transition: all 0.3s linear 0s;
3850
+ transition: all 0.3s linear 0s;
3851
+ }
3852
+
3853
+ .premium-blog-squares-square-container:before,
3854
+ .premium-blog-squares-square-container:after {
3855
+ position: absolute;
3856
+ content: "";
3857
+ top: 0;
3858
+ right: 0;
3859
+ width: 50%;
3860
+ height: 50%;
3861
+ -webkit-transform: translate(100%, -100%);
3862
+ -ms-transform: translate(100%, -100%);
3863
+ transform: translate(100%, -100%);
3864
+ opacity: 0.7;
3865
+ -webkit-transition: all 0.3s linear 0s;
3866
+ transition: all 0.3s linear 0s;
3867
+ }
3868
+
3869
+ .premium-blog-squares-square-container:before,
3870
+ .premium-blog-squares-square-container:after {
3871
+ opacity: 0.8;
3872
+ }
3873
+
3874
+ .premium-blog-squares-effect:after {
3875
+ -webkit-transform: translate(-200%, 200%);
3876
+ -ms-transform: translate(-200%, 200%);
3877
+ transform: translate(-200%, 200%);
3878
+ }
3879
+
3880
+ .premium-blog-squares-square-container:before {
3881
+ -webkit-transform: translate(100%, 200%);
3882
+ -ms-transform: translate(100%, 200%);
3883
+ transform: translate(100%, 200%);
3884
+ }
3885
+
3886
+ .premium-blog-squares-square-container:after {
3887
+ -webkit-transform: translate(-200%, -100%);
3888
+ -ms-transform: translate(-200%, -100%);
3889
+ transform: translate(-200%, -100%);
3890
+ }
3891
+
3892
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3893
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3894
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3895
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3896
+ }
3897
+
3898
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3899
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3900
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3901
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
3902
+ }
3903
+
3904
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3905
+ -webkit-transform: translate(0, 100%);
3906
+ -ms-transform: translate(0, 100%);
3907
+ transform: translate(0, 100%);
3908
+ }
3909
+
3910
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3911
+ -webkit-transform: translate(-100%, 0%);
3912
+ -ms-transform: translate(-100%, 0%);
3913
+ transform: translate(-100%, 0%);
3914
+ }
3915
+
3916
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3917
+ opacity: 1;
3918
+ }
3919
+
3920
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3921
+ opacity: 1;
3922
+ -webkit-transform: scale(1);
3923
+ -ms-transform: scale(1);
3924
+ transform: scale(1);
3925
+ }
3926
+
3927
+ .premium-blog-clear-fix {
3928
+ clear: both;
3929
+ }
3930
+
3931
+ /*Post Format Container*/
3932
+ .premium-blog-format-link {
3933
+ padding: 5px;
3934
+ line-height: 0;
3935
+ }
3936
+
3937
+ /*Post Format Icon*/
3938
+ /*Post Format Content Margin */
3939
+ .premium-blog-entry-meta {
3940
+ line-height: 1.3em;
3941
+ font-size: 12px;
3942
+ margin-bottom: 13px;
3943
+ color: #adadad;
3944
+ }
3945
+
3946
+ .premium-blog-entry-meta i {
3947
+ margin-left: 3px;
3948
+ -webkit-transition: all 0.3s ease-in-out;
3949
+ transition: all 0.3s ease-in-out;
3950
+ }
3951
+
3952
+ .premium-blog-meta-data {
3953
+ display: inline-block;
3954
+ }
3955
+
3956
+ .premium-blog-meta-data .premium-blog-meta-separator {
3957
+ margin: 0 5px;
3958
+ }
3959
+
3960
+ .premium-blog-meta-data a,
3961
+ .premium-blog-meta-data span {
3962
+ color: inherit;
3963
+ -webkit-transition: all 0.3s ease-in-out;
3964
+ transition: all 0.3s ease-in-out;
3965
+ }
3966
+
3967
+ .premium-blog-author-thumbnail {
3968
+ position: relative;
3969
+ padding: 0 30px;
3970
+ width: 100%;
3971
+ top: -10px;
3972
+ height: 0;
3973
+ pointer-events: none;
3974
+ }
3975
+
3976
+ .premium-blog-author-thumbnail img {
3977
+ -webkit-border-radius: 50%;
3978
+ border-radius: 50%;
3979
+ width: 60px;
3980
+ pointer-events: all;
3981
+ -webkit-transform: translateY(-50%);
3982
+ -ms-transform: translateY(-50%);
3983
+ transform: translateY(-50%);
3984
+ }
3985
+
3986
+ .premium-blog-entry-title a,
3987
+ .premium-blog-post-tags-container a,
3988
+ .premium-blog-post-content .premium-blog-excerpt-link {
3989
+ -webkit-transition: all 0.3s ease-in-out;
3990
+ transition: all 0.3s ease-in-out;
3991
+ }
3992
+
3993
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3994
+ background-color: transparent;
3995
+ color: #54595f;
3996
+ padding: 0;
3997
+ }
3998
+
3999
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4000
+ width: 100%;
4001
+ }
4002
+
4003
+ .premium-blog-post-tags-container {
4004
+ margin-top: 8px;
4005
+ -js-display: flex;
4006
+ display: -webkit-box;
4007
+ display: -webkit-flex;
4008
+ display: -moz-box;
4009
+ display: -ms-flexbox;
4010
+ display: flex;
4011
+ -webkit-box-align: center;
4012
+ -webkit-align-items: center;
4013
+ -moz-box-align: center;
4014
+ -ms-flex-align: center;
4015
+ align-items: center;
4016
+ -webkit-flex-wrap: wrap;
4017
+ -ms-flex-wrap: wrap;
4018
+ flex-wrap: wrap;
4019
+ }
4020
+
4021
+ .premium-blog-post-tags-container a {
4022
+ color: inherit;
4023
+ margin-right: 5px;
4024
+ }
4025
+
4026
+ .premium-blog-align-center .post-categories,
4027
+ .premium-blog-align-center .premium-blog-inner-container,
4028
+ .premium-blog-align-center .premium-blog-post-tags-container {
4029
+ -webkit-box-pack: center;
4030
+ -webkit-justify-content: center;
4031
+ -moz-box-pack: center;
4032
+ -ms-flex-pack: center;
4033
+ justify-content: center;
4034
+ }
4035
+
4036
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4037
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4038
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4039
+ -webkit-box-pack: end;
4040
+ -webkit-justify-content: flex-end;
4041
+ -moz-box-pack: end;
4042
+ -ms-flex-pack: end;
4043
+ justify-content: flex-end;
4044
+ }
4045
+
4046
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4047
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4048
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4049
+ -webkit-box-pack: start;
4050
+ -webkit-justify-content: flex-start;
4051
+ -moz-box-pack: start;
4052
+ -ms-flex-pack: start;
4053
+ justify-content: flex-start;
4054
+ }
4055
+
4056
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4057
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4058
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4059
+ -webkit-box-pack: start;
4060
+ -webkit-justify-content: flex-start;
4061
+ -moz-box-pack: start;
4062
+ -ms-flex-pack: start;
4063
+ justify-content: flex-start;
4064
+ }
4065
+
4066
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4067
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4068
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4069
+ -webkit-box-pack: end;
4070
+ -webkit-justify-content: flex-end;
4071
+ -moz-box-pack: end;
4072
+ -ms-flex-pack: end;
4073
+ justify-content: flex-end;
4074
+ }
4075
+
4076
+ /* Pagination */
4077
+ .premium-blog-pagination-container {
4078
+ text-align: left;
4079
+ }
4080
+
4081
+ .premium-blog-pagination-container span {
4082
+ cursor: default;
4083
+ }
4084
+
4085
+ .premium-blog-pagination-container .page-numbers {
4086
+ display: inline-block;
4087
+ color: #000;
4088
+ line-height: 1;
4089
+ font-size: 1em;
4090
+ font-weight: 400;
4091
+ text-decoration: none;
4092
+ padding: 0.75em;
4093
+ margin: 0 0 0.4em 0.4em;
4094
+ -webkit-transition: all 0.2s ease-in-out;
4095
+ transition: all 0.2s ease-in-out;
4096
+ }
4097
+
4098
+ .premium-blog-wrap .premium-loading-feed {
4099
+ display: block;
4100
+ position: absolute;
4101
+ width: 100%;
4102
+ height: 100%;
4103
+ top: 0px;
4104
+ right: 0px;
4105
+ bottom: 0px;
4106
+ left: 0px;
4107
+ background: rgba(255, 255, 255, 0.2);
4108
+ -js-display: flex;
4109
+ display: -webkit-box;
4110
+ display: -webkit-flex;
4111
+ display: -moz-box;
4112
+ display: -ms-flexbox;
4113
+ display: flex;
4114
+ -webkit-box-align: center;
4115
+ -webkit-align-items: center;
4116
+ -moz-box-align: center;
4117
+ -ms-flex-align: center;
4118
+ align-items: center;
4119
+ z-index: 99;
4120
+ }
4121
+
4122
+ .premium-blog-wrap {
4123
+ -js-display: flex;
4124
+ display: -webkit-box;
4125
+ display: -webkit-flex;
4126
+ display: -moz-box;
4127
+ display: -ms-flexbox;
4128
+ display: flex;
4129
+ -webkit-flex-wrap: wrap;
4130
+ -ms-flex-wrap: wrap;
4131
+ flex-wrap: wrap;
4132
+ }
4133
+
4134
+ .premium-blog-wrap ul.slick-dots {
4135
+ width: 100%;
4136
+ }
4137
+
4138
+ /**
4139
+ * Even Layout
4140
+ */
4141
+ .premium-blog-even .premium-blog-post-container {
4142
+ height: 100%;
4143
+ }
4144
+
4145
+ .premium-blog-even .slick-track {
4146
+ -js-display: flex;
4147
+ display: -webkit-box;
4148
+ display: -webkit-flex;
4149
+ display: -moz-box;
4150
+ display: -ms-flexbox;
4151
+ display: flex;
4152
+ }
4153
+
4154
+ .premium-blog-even .slick-slide {
4155
+ height: inherit !important;
4156
+ }
4157
+
4158
+ /**
4159
+ * Responsive Style
4160
+ */
4161
+ @media (max-width: 768px) {
4162
+ .premium-blog-content-wrapper {
4163
+ top: 0;
4164
+ margin: 0;
4165
+ padding: 15px;
4166
+ }
4167
+
4168
+ .premium-blog-thumb-effect-wrapper {
4169
+ margin-bottom: 15px;
4170
+ }
4171
+ }
4172
+
4173
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4174
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4175
+ direction: ltr;
4176
+ }
4177
+
4178
+ /************ Premium Team Members ************/
4179
+ /*********************************************/
4180
+ .premium-person-container {
4181
+ position: relative;
4182
+ }
4183
+
4184
+ .premium-person-image-container {
4185
+ position: relative;
4186
+ text-align: center;
4187
+ }
4188
+
4189
+ .premium-person-image-container .premium-person-image-wrap {
4190
+ overflow: hidden;
4191
+ }
4192
+
4193
+ .premium-person-zoomout-effect .premium-person-image-container img,
4194
+ .premium-person-scale-effect .premium-person-image-container img {
4195
+ -webkit-transform: scale(1.2);
4196
+ -ms-transform: scale(1.2);
4197
+ transform: scale(1.2);
4198
+ }
4199
+
4200
+ .premium-person-sepia-effect .premium-person-image-container img {
4201
+ -webkit-filter: sepia(30%);
4202
+ filter: sepia(30%);
4203
+ }
4204
+
4205
+ .premium-person-bright-effect .premium-person-image-container img {
4206
+ -webkit-filter: brightness(1);
4207
+ filter: brightness(1);
4208
+ }
4209
+
4210
+ .premium-person-trans-effect .premium-person-image-container img {
4211
+ -webkit-transform: translateX(15px) scale(1.1);
4212
+ -ms-transform: translateX(15px) scale(1.1);
4213
+ transform: translateX(15px) scale(1.1);
4214
+ }
4215
+
4216
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4217
+ -webkit-transform: scale(1.2);
4218
+ -ms-transform: scale(1.2);
4219
+ transform: scale(1.2);
4220
+ }
4221
+
4222
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4223
+ -webkit-transform: scale(1.1);
4224
+ -ms-transform: scale(1.1);
4225
+ transform: scale(1.1);
4226
+ }
4227
+
4228
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4229
+ -webkit-transform: scale(1.3) rotate(-5deg);
4230
+ -ms-transform: scale(1.3) rotate(-5deg);
4231
+ transform: scale(1.3) rotate(-5deg);
4232
+ }
4233
+
4234
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4235
+ -webkit-filter: grayscale(100%);
4236
+ filter: grayscale(100%);
4237
+ }
4238
+
4239
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4240
+ -webkit-filter: blur(3px);
4241
+ filter: blur(3px);
4242
+ }
4243
+
4244
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4245
+ -webkit-filter: sepia(0%);
4246
+ filter: sepia(0%);
4247
+ }
4248
+
4249
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4250
+ -webkit-filter: brightness(1.2);
4251
+ filter: brightness(1.2);
4252
+ }
4253
+
4254
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4255
+ -webkit-transform: translateX(0px) scale(1.1);
4256
+ -ms-transform: translateX(0px) scale(1.1);
4257
+ transform: translateX(0px) scale(1.1);
4258
+ }
4259
+
4260
+ .premium-person-container .premium-person-image-container img {
4261
+ width: 100%;
4262
+ height: 100%;
4263
+ -o-object-fit: cover;
4264
+ object-fit: cover;
4265
+ -webkit-transition: all 0.5s ease-in-out;
4266
+ transition: all 0.5s ease-in-out;
4267
+ }
4268
+
4269
+ .premium-person-style2 .premium-person-social {
4270
+ position: absolute;
4271
+ top: 0;
4272
+ right: 0;
4273
+ width: 100%;
4274
+ height: 100%;
4275
+ z-index: 2;
4276
+ -js-display: flex;
4277
+ display: -webkit-box;
4278
+ display: -webkit-flex;
4279
+ display: -moz-box;
4280
+ display: -ms-flexbox;
4281
+ display: flex;
4282
+ -webkit-box-pack: center;
4283
+ -webkit-justify-content: center;
4284
+ -moz-box-pack: center;
4285
+ -ms-flex-pack: center;
4286
+ justify-content: center;
4287
+ -webkit-box-align: center;
4288
+ -webkit-align-items: center;
4289
+ -moz-box-align: center;
4290
+ -ms-flex-align: center;
4291
+ align-items: center;
4292
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4293
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4294
+ -webkit-transition: all 0.5s linear 0s;
4295
+ transition: all 0.5s linear 0s;
4296
+ opacity: 0;
4297
+ }
4298
+
4299
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4300
+ opacity: 1;
4301
+ }
4302
+
4303
+ .premium-person-list-item a {
4304
+ display: inline-block;
4305
+ }
4306
+
4307
+ .premium-person-style2 .premium-person-list-item a {
4308
+ opacity: 0;
4309
+ -webkit-transform: scale(0);
4310
+ -ms-transform: scale(0);
4311
+ transform: scale(0);
4312
+ -webkit-transition: all 0.5s ease-in-out 0s;
4313
+ transition: all 0.5s ease-in-out 0s;
4314
+ }
4315
+
4316
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4317
+ opacity: 1;
4318
+ -webkit-transform: scale(1);
4319
+ -ms-transform: scale(1);
4320
+ transform: scale(1);
4321
+ }
4322
+
4323
+ .premium-person-info-container {
4324
+ padding: 30px 15px;
4325
+ }
4326
+
4327
+ .premium-person-name {
4328
+ margin: 0 0 5px;
4329
+ font-weight: 700;
4330
+ }
4331
+
4332
+ .premium-person-title {
4333
+ margin: 0 0 20px;
4334
+ padding: 0;
4335
+ }
4336
+
4337
+ .premium-person-content {
4338
+ margin: 0 0 30px;
4339
+ }
4340
+
4341
+ /*Override Theme List Margin*/
4342
+ ul.premium-person-social-list {
4343
+ margin: 0px !important;
4344
+ padding: 0;
4345
+ }
4346
+
4347
+ .premium-person-social-list .premium-person-list-item {
4348
+ display: inline;
4349
+ list-style: none;
4350
+ }
4351
+
4352
+ .premium-person-social-list li {
4353
+ position: relative;
4354
+ bottom: 0px;
4355
+ -webkit-transition: all 0.2s ease-in-out;
4356
+ transition: all 0.2s ease-in-out;
4357
+ }
4358
+
4359
+ .premium-person-social-list li i {
4360
+ position: relative;
4361
+ bottom: 0px;
4362
+ -webkit-transition: all 0.2s ease-in-out;
4363
+ transition: all 0.2s ease-in-out;
4364
+ }
4365
+
4366
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4367
+ background-color: #3b5998 !important;
4368
+ }
4369
+
4370
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4371
+ background-color: #55acee !important;
4372
+ }
4373
+
4374
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4375
+ background-color: #0077b5 !important;
4376
+ }
4377
+
4378
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4379
+ background-color: #dc4e41 !important;
4380
+ }
4381
+
4382
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4383
+ background-color: #b31217 !important;
4384
+ }
4385
+
4386
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4387
+ background-color: #e4405f !important;
4388
+ }
4389
+
4390
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4391
+ background-color: #00aff0 !important;
4392
+ }
4393
+
4394
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4395
+ background-color: #bd081c !important;
4396
+ }
4397
+
4398
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4399
+ background-color: #ea4c89 !important;
4400
+ }
4401
+
4402
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4403
+ background-color: #b23121 !important;
4404
+ }
4405
+
4406
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4407
+ background-color: #1769ff !important;
4408
+ }
4409
+
4410
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4411
+ background-color: #25d366 !important;
4412
+ }
4413
+
4414
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4415
+ background-color: #0088cc !important;
4416
+ }
4417
+
4418
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4419
+ background-color: #0055a5 !important;
4420
+ }
4421
+
4422
+ .premium-person-social-list li:hover a {
4423
+ -webkit-box-shadow: none;
4424
+ box-shadow: none;
4425
+ }
4426
+
4427
+ .premium-person-social-list li a:focus {
4428
+ -webkit-box-shadow: none;
4429
+ box-shadow: none;
4430
+ outline: none;
4431
+ }
4432
+
4433
+ .premium-person-social-list li i {
4434
+ font-size: 18px;
4435
+ }
4436
+
4437
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4438
+ -js-display: flex;
4439
+ display: -webkit-box;
4440
+ display: -webkit-flex;
4441
+ display: -moz-box;
4442
+ display: -ms-flexbox;
4443
+ display: flex;
4444
+ -webkit-box-pack: center;
4445
+ -webkit-justify-content: center;
4446
+ -moz-box-pack: center;
4447
+ -ms-flex-pack: center;
4448
+ justify-content: center;
4449
+ }
4450
+
4451
+ .premium-persons-container.multiple-persons {
4452
+ -js-display: flex;
4453
+ display: -webkit-box;
4454
+ display: -webkit-flex;
4455
+ display: -moz-box;
4456
+ display: -ms-flexbox;
4457
+ display: flex;
4458
+ -webkit-flex-wrap: wrap;
4459
+ -ms-flex-wrap: wrap;
4460
+ flex-wrap: wrap;
4461
+ width: 100%;
4462
+ }
4463
+
4464
+ .premium-person-style1 .premium-person-container {
4465
+ overflow: hidden;
4466
+ }
4467
+
4468
+ .premium-person-style1 .premium-person-container .premium-person-info {
4469
+ position: absolute;
4470
+ top: auto;
4471
+ left: 0;
4472
+ right: 0;
4473
+ -webkit-transition: all 500ms ease 0s;
4474
+ transition: all 500ms ease 0s;
4475
+ -webkit-transform: translate3d(0, 100%, 0);
4476
+ transform: translate3d(0, 100%, 0);
4477
+ }
4478
+
4479
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4480
+ -webkit-transform: translate3d(0, 0, 0);
4481
+ transform: translate3d(0, 0, 0);
4482
+ bottom: -1px !important;
4483
+ }
4484
+
4485
+ .premium-person-style1 .premium-person-social-list li:hover {
4486
+ bottom: 5px;
4487
+ }
4488
+
4489
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4490
+ -webkit-box-align: start;
4491
+ -webkit-align-items: flex-start;
4492
+ -moz-box-align: start;
4493
+ -ms-flex-align: start;
4494
+ align-items: flex-start;
4495
+ }
4496
+
4497
+ .premium-person-style1 .slick-track {
4498
+ -js-display: flex;
4499
+ display: -webkit-box;
4500
+ display: -webkit-flex;
4501
+ display: -moz-box;
4502
+ display: -ms-flexbox;
4503
+ display: flex;
4504
+ }
4505
+
4506
+ .premium-person-style1 .slick-slide {
4507
+ height: inherit !important;
4508
+ }
4509
+
4510
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4511
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4512
+ height: 100%;
4513
+ }
4514
+
4515
+ .premium-person-style3 .premium-person-info-container {
4516
+ position: absolute;
4517
+ top: 0;
4518
+ right: 0;
4519
+ width: 100%;
4520
+ height: 100%;
4521
+ -js-display: flex;
4522
+ display: -webkit-box;
4523
+ display: -webkit-flex;
4524
+ display: -moz-box;
4525
+ display: -ms-flexbox;
4526
+ display: flex;
4527
+ -webkit-box-orient: vertical;
4528
+ -webkit-box-direction: normal;
4529
+ -webkit-flex-direction: column;
4530
+ -moz-box-orient: vertical;
4531
+ -moz-box-direction: normal;
4532
+ -ms-flex-direction: column;
4533
+ flex-direction: column;
4534
+ -webkit-box-pack: justify;
4535
+ -webkit-justify-content: space-between;
4536
+ -moz-box-pack: justify;
4537
+ -ms-flex-pack: justify;
4538
+ justify-content: space-between;
4539
+ }
4540
+
4541
+ .premium-person-style3 .premium-person-title-desc-wrap {
4542
+ -js-display: flex;
4543
+ display: -webkit-box;
4544
+ display: -webkit-flex;
4545
+ display: -moz-box;
4546
+ display: -ms-flexbox;
4547
+ display: flex;
4548
+ -webkit-box-orient: horizontal;
4549
+ -webkit-box-direction: reverse;
4550
+ -webkit-flex-direction: row-reverse;
4551
+ -moz-box-orient: horizontal;
4552
+ -moz-box-direction: reverse;
4553
+ -ms-flex-direction: row-reverse;
4554
+ flex-direction: row-reverse;
4555
+ -webkit-box-pack: justify;
4556
+ -webkit-justify-content: space-between;
4557
+ -moz-box-pack: justify;
4558
+ -ms-flex-pack: justify;
4559
+ justify-content: space-between;
4560
+ -webkit-box-align: start;
4561
+ -webkit-align-items: flex-start;
4562
+ -moz-box-align: start;
4563
+ -ms-flex-align: start;
4564
+ align-items: flex-start;
4565
+ }
4566
+
4567
+ .premium-person-style3 .premium-person-name-icons-wrap {
4568
+ -js-display: flex;
4569
+ display: -webkit-box;
4570
+ display: -webkit-flex;
4571
+ display: -moz-box;
4572
+ display: -ms-flexbox;
4573
+ display: flex;
4574
+ -webkit-box-pack: justify;
4575
+ -webkit-justify-content: space-between;
4576
+ -moz-box-pack: justify;
4577
+ -ms-flex-pack: justify;
4578
+ justify-content: space-between;
4579
+ -webkit-box-align: end;
4580
+ -webkit-align-items: flex-end;
4581
+ -moz-box-align: end;
4582
+ -ms-flex-align: end;
4583
+ align-items: flex-end;
4584
+ }
4585
+
4586
+ .premium-person-style3 .premium-person-title {
4587
+ opacity: 0;
4588
+ -webkit-transition: all 0.3s ease;
4589
+ transition: all 0.3s ease;
4590
+ width: 0;
4591
+ }
4592
+
4593
+ .premium-person-style3 .premium-person-title span {
4594
+ display: inline-block;
4595
+ }
4596
+
4597
+ .premium-person-style3 .premium-person-name {
4598
+ padding-right: 10px;
4599
+ }
4600
+
4601
+ .premium-person-style3 .premium-person-social-list {
4602
+ -js-display: flex;
4603
+ display: -webkit-box;
4604
+ display: -webkit-flex;
4605
+ display: -moz-box;
4606
+ display: -ms-flexbox;
4607
+ display: flex;
4608
+ -webkit-box-orient: vertical;
4609
+ -webkit-box-direction: normal;
4610
+ -webkit-flex-direction: column;
4611
+ -moz-box-orient: vertical;
4612
+ -moz-box-direction: normal;
4613
+ -ms-flex-direction: column;
4614
+ flex-direction: column;
4615
+ -webkit-transform: translateY(20px);
4616
+ -ms-transform: translateY(20px);
4617
+ transform: translateY(20px);
4618
+ opacity: 0;
4619
+ -webkit-transition: all 0.3s ease;
4620
+ transition: all 0.3s ease;
4621
+ }
4622
+
4623
+ .premium-person-style3 .premium-person-list-item {
4624
+ line-height: 0;
4625
+ }
4626
+
4627
+ .premium-person-style3 .premium-person-list-item a {
4628
+ padding: 5px 0 0 10px;
4629
+ margin: 5px 0;
4630
+ }
4631
+
4632
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4633
+ opacity: 1;
4634
+ }
4635
+
4636
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4637
+ opacity: 1;
4638
+ -webkit-transform: translateY(0);
4639
+ -ms-transform: translateY(0);
4640
+ transform: translateY(0);
4641
+ }
4642
+
4643
+ .premium-persons-title-cw .premium-person-title {
4644
+ -webkit-transform: translateX(-15px) rotate(-90deg);
4645
+ -ms-transform: translateX(-15px) rotate(-90deg);
4646
+ transform: translateX(-15px) rotate(-90deg);
4647
+ -webkit-transform-origin: top;
4648
+ -ms-transform-origin: top;
4649
+ transform-origin: top;
4650
+ }
4651
+
4652
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4653
+ -webkit-transform: translateX(0) rotate(-90deg);
4654
+ -ms-transform: translateX(0) rotate(-90deg);
4655
+ transform: translateX(0) rotate(-90deg);
4656
+ }
4657
+
4658
+ .premium-persons-title-ccw .premium-person-title {
4659
+ width: auto;
4660
+ margin-left: 20px;
4661
+ -webkit-transform: translateX(-15px) rotate(90deg);
4662
+ -ms-transform: translateX(-15px) rotate(90deg);
4663
+ transform: translateX(-15px) rotate(90deg);
4664
+ -webkit-transform-origin: center left;
4665
+ -ms-transform-origin: center left;
4666
+ transform-origin: center left;
4667
+ }
4668
+
4669
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4670
+ -webkit-transform: translateX(0) rotate(90deg);
4671
+ -ms-transform: translateX(0) rotate(90deg);
4672
+ transform: translateX(0) rotate(90deg);
4673
+ }
4674
+
4675
+ /**************** Premium Fancy Text *******************/
4676
+ /*******************************************************/
4677
+ .premium-suffix-text,
4678
+ .premium-fancy-text,
4679
+ .premium-prefix-text {
4680
+ font-size: 40px;
4681
+ }
4682
+
4683
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4684
+ list-style: none;
4685
+ }
4686
+
4687
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4688
+ vertical-align: top;
4689
+ }
4690
+
4691
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4692
+ margin: 0;
4693
+ padding: 0;
4694
+ border: none;
4695
+ position: relative;
4696
+ }
4697
+
4698
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4699
+ position: absolute;
4700
+ top: 0;
4701
+ right: 0;
4702
+ display: inline-block;
4703
+ }
4704
+
4705
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4706
+ opacity: 0;
4707
+ -webkit-animation: pa-zoom-out 0.8s;
4708
+ animation: pa-zoom-out 0.8s;
4709
+ }
4710
+
4711
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4712
+ position: relative !important;
4713
+ -webkit-animation: pa-zoom-in 0.8s;
4714
+ animation: pa-zoom-in 0.8s;
4715
+ }
4716
+
4717
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4718
+ -webkit-perspective: 300px;
4719
+ perspective: 300px;
4720
+ }
4721
+
4722
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4723
+ -webkit-transform-origin: 50% 100%;
4724
+ -ms-transform-origin: 50% 100%;
4725
+ transform-origin: 50% 100%;
4726
+ }
4727
+
4728
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4729
+ opacity: 0;
4730
+ -webkit-transform: rotateX(180deg);
4731
+ -ms-transform: rotateX(180deg);
4732
+ transform: rotateX(180deg);
4733
+ -webkit-animation: pa-rotate-out 1.2s;
4734
+ animation: pa-rotate-out 1.2s;
4735
+ }
4736
+
4737
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4738
+ position: relative !important;
4739
+ -webkit-transform: rotateX(0deg);
4740
+ -ms-transform: rotateX(0deg);
4741
+ transform: rotateX(0deg);
4742
+ -webkit-animation: pa-rotate-in 1.2s;
4743
+ animation: pa-rotate-in 1.2s;
4744
+ }
4745
+
4746
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper::after {
4747
+ position: absolute;
4748
+ content: "";
4749
+ right: 0;
4750
+ bottom: 0;
4751
+ width: 0;
4752
+ height: 3px;
4753
+ background: #000;
4754
+ }
4755
+
4756
+ .premium-fancy-text-wrapper.bar .premium-fancy-text-items-wrapper.active::after {
4757
+ width: 100%;
4758
+ -webkit-transition: width 3s ease-in-out;
4759
+ transition: width 3s ease-in-out;
4760
+ }
4761
+
4762
+ .premium-fancy-text-wrapper.bar .premium-fancy-list-items {
4763
+ opacity: 0;
4764
+ }
4765
+
4766
+ .premium-fancy-text-wrapper.bar .premium-fancy-item-visible {
4767
+ opacity: 1;
4768
+ -webkit-transition: opacity 2s ease-in-out;
4769
+ transition: opacity 2s ease-in-out;
4770
+ position: relative !important;
4771
+ }
4772
+
4773
+ @-webkit-keyframes pa-zoom-in {
4774
+ 0% {
4775
+ opacity: 0;
4776
+ -webkit-transform: translateZ(100px);
4777
+ transform: translateZ(100px);
4778
+ }
4779
+
4780
+ 100% {
4781
+ opacity: 1;
4782
+ -webkit-transform: translateZ(0);
4783
+ transform: translateZ(0);
4784
+ }
4785
+ }
4786
+
4787
+ @keyframes pa-zoom-in {
4788
+ 0% {
4789
+ opacity: 0;
4790
+ -webkit-transform: translateZ(100px);
4791
+ transform: translateZ(100px);
4792
+ }
4793
+
4794
+ 100% {
4795
+ opacity: 1;
4796
+ -webkit-transform: translateZ(0);
4797
+ transform: translateZ(0);
4798
+ }
4799
+ }
4800
+
4801
+ @-webkit-keyframes pa-zoom-out {
4802
+ 0% {
4803
+ opacity: 1;
4804
+ -webkit-transform: translateZ(0);
4805
+ transform: translateZ(0);
4806
+ }
4807
+
4808
+ 100% {
4809
+ opacity: 0;
4810
+ -webkit-transform: translateZ(-100px);
4811
+ transform: translateZ(-100px);
4812
+ }
4813
+ }
4814
+
4815
+ @keyframes pa-zoom-out {
4816
+ 0% {
4817
+ opacity: 1;
4818
+ -webkit-transform: translateZ(0);
4819
+ transform: translateZ(0);
4820
+ }
4821
+
4822
+ 100% {
4823
+ opacity: 0;
4824
+ -webkit-transform: translateZ(-100px);
4825
+ transform: translateZ(-100px);
4826
+ }
4827
+ }
4828
+
4829
+ @-webkit-keyframes pa-rotate-in {
4830
+ 0% {
4831
+ opacity: 0;
4832
+ -webkit-transform: rotateX(180deg);
4833
+ transform: rotateX(180deg);
4834
+ }
4835
+
4836
+ 35% {
4837
+ opacity: 0;
4838
+ -webkit-transform: rotateX(120deg);
4839
+ transform: rotateX(120deg);
4840
+ }
4841
+
4842
+ 65% {
4843
+ opacity: 0;
4844
+ }
4845
+
4846
+ 100% {
4847
+ opacity: 1;
4848
+ -webkit-transform: rotateX(360deg);
4849
+ transform: rotateX(360deg);
4850
+ }
4851
+ }
4852
+
4853
+ @keyframes pa-rotate-in {
4854
+ 0% {
4855
+ opacity: 0;
4856
+ -webkit-transform: rotateX(180deg);
4857
+ transform: rotateX(180deg);
4858
+ }
4859
+
4860
+ 35% {
4861
+ opacity: 0;
4862
+ -webkit-transform: rotateX(120deg);
4863
+ transform: rotateX(120deg);
4864
+ }
4865
+
4866
+ 65% {
4867
+ opacity: 0;
4868
+ }
4869
+
4870
+ 100% {
4871
+ opacity: 1;
4872
+ -webkit-transform: rotateX(360deg);
4873
+ transform: rotateX(360deg);
4874
+ }
4875
+ }
4876
+
4877
+ @-webkit-keyframes pa-rotate-out {
4878
+ 0% {
4879
+ opacity: 1;
4880
+ -webkit-transform: rotateX(0deg);
4881
+ transform: rotateX(0deg);
4882
+ }
4883
+
4884
+ 35% {
4885
+ opacity: 1;
4886
+ -webkit-transform: rotateX(-40deg);
4887
+ transform: rotateX(-40deg);
4888
+ }
4889
+
4890
+ 65% {
4891
+ opacity: 0;
4892
+ }
4893
+
4894
+ 100% {
4895
+ opacity: 0;
4896
+ -webkit-transform: rotateX(180deg);
4897
+ transform: rotateX(180deg);
4898
+ }
4899
+ }
4900
+
4901
+ @keyframes pa-rotate-out {
4902
+ 0% {
4903
+ opacity: 1;
4904
+ -webkit-transform: rotateX(0deg);
4905
+ transform: rotateX(0deg);
4906
+ }
4907
+
4908
+ 35% {
4909
+ opacity: 1;
4910
+ -webkit-transform: rotateX(-40deg);
4911
+ transform: rotateX(-40deg);
4912
+ }
4913
+
4914
+ 65% {
4915
+ opacity: 0;
4916
+ }
4917
+
4918
+ 100% {
4919
+ opacity: 0;
4920
+ -webkit-transform: rotateX(180deg);
4921
+ transform: rotateX(180deg);
4922
+ }
4923
+ }
4924
+
4925
+ /**************** Premium Pricing Table ****************/
4926
+ /*******************************************************/
4927
+ .premium-pricing-table-container {
4928
+ position: relative;
4929
+ overflow: hidden;
4930
+ text-align: center;
4931
+ -webkit-transition: all 0.3s ease-in-out;
4932
+ transition: all 0.3s ease-in-out;
4933
+ }
4934
+
4935
+ .premium-pricing-icon-container {
4936
+ -js-display: flex;
4937
+ display: -webkit-box;
4938
+ display: -webkit-flex;
4939
+ display: -moz-box;
4940
+ display: -ms-flexbox;
4941
+ display: flex;
4942
+ -webkit-box-pack: center;
4943
+ -webkit-justify-content: center;
4944
+ -moz-box-pack: center;
4945
+ -ms-flex-pack: center;
4946
+ justify-content: center;
4947
+ line-height: 0;
4948
+ }
4949
+
4950
+ .premium-pricing-icon-container .premium-pricing-icon {
4951
+ display: inline-block;
4952
+ }
4953
+
4954
+ .premium-pricing-icon-container .premium-pricing-image {
4955
+ overflow: hidden;
4956
+ }
4957
+
4958
+ .premium-pricing-icon-container .premium-pricing-image img {
4959
+ width: 25px;
4960
+ height: 25px;
4961
+ -o-object-fit: cover;
4962
+ object-fit: cover;
4963
+ }
4964
+
4965
+ .premium-badge-left {
4966
+ position: absolute;
4967
+ top: 0;
4968
+ }
4969
+
4970
+ .premium-badge-right {
4971
+ position: absolute;
4972
+ top: 0;
4973
+ right: 0;
4974
+ }
4975
+
4976
+ .premium-badge-left {
4977
+ left: 0;
4978
+ }
4979
+
4980
+ .premium-badge-triangle.premium-badge-left .corner {
4981
+ width: 0;
4982
+ height: 0;
4983
+ border-top: 150px solid;
4984
+ border-bottom: 150px solid transparent;
4985
+ border-right: 150px solid transparent;
4986
+ }
4987
+
4988
+ .premium-badge-triangle.premium-badge-right .corner {
4989
+ width: 0;
4990
+ height: 0;
4991
+ border-bottom: 150px solid transparent;
4992
+ border-right: 150px solid;
4993
+ border-left: 150px solid transparent;
4994
+ }
4995
+
4996
+ .premium-badge-triangle span {
4997
+ position: absolute;
4998
+ top: 35px;
4999
+ width: 100px;
5000
+ text-align: center;
5001
+ -webkit-transform: rotate(-45deg);
5002
+ -ms-transform: rotate(-45deg);
5003
+ transform: rotate(-45deg);
5004
+ display: block;
5005
+ text-transform: uppercase;
5006
+ }
5007
+
5008
+ .premium-badge-triangle.premium-badge-right span {
5009
+ -webkit-transform: rotate(45deg);
5010
+ -ms-transform: rotate(45deg);
5011
+ transform: rotate(45deg);
5012
+ right: 0;
5013
+ }
5014
+
5015
+ .premium-badge-circle {
5016
+ min-width: 4em;
5017
+ min-height: 4em;
5018
+ line-height: 4em;
5019
+ text-align: center;
5020
+ -webkit-border-radius: 100%;
5021
+ border-radius: 100%;
5022
+ position: absolute;
5023
+ z-index: 1;
5024
+ }
5025
+
5026
+ .premium-badge-stripe {
5027
+ position: absolute;
5028
+ -webkit-transform: rotate(90deg);
5029
+ -ms-transform: rotate(90deg);
5030
+ transform: rotate(90deg);
5031
+ width: 15em;
5032
+ overflow: hidden;
5033
+ height: 15em;
5034
+ }
5035
+
5036
+ .premium-badge-stripe.premium-badge-left {
5037
+ -webkit-transform: rotate(0);
5038
+ -ms-transform: rotate(0);
5039
+ transform: rotate(0);
5040
+ }
5041
+
5042
+ .premium-badge-stripe .corner {
5043
+ text-align: center;
5044
+ left: 0;
5045
+ width: 150%;
5046
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5047
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5048
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5049
+ margin-top: 35px;
5050
+ font-size: 13px;
5051
+ line-height: 2;
5052
+ font-weight: 800;
5053
+ text-transform: uppercase;
5054
+ }
5055
+
5056
+ .premium-badge-flag .corner {
5057
+ text-align: center;
5058
+ -webkit-border-radius: 4px 4px 0 4px;
5059
+ border-radius: 4px 4px 0 4px;
5060
+ padding: 3px 15px;
5061
+ position: absolute;
5062
+ top: 10%;
5063
+ right: -8px;
5064
+ }
5065
+
5066
+ .premium-badge-flag .corner::before,
5067
+ .premium-badge-flag .corner::after {
5068
+ content: "";
5069
+ display: block;
5070
+ position: absolute;
5071
+ width: 0;
5072
+ height: 0;
5073
+ top: 100%;
5074
+ right: 0;
5075
+ border-bottom: 8px solid transparent;
5076
+ }
5077
+
5078
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5079
+ overflow: visible !important;
5080
+ }
5081
+
5082
+ .premium-badge-flag .corner::after {
5083
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5084
+ }
5085
+
5086
+ .premium-pricing-price-currency {
5087
+ position: relative;
5088
+ }
5089
+
5090
+ .premium-pricing-button-container {
5091
+ display: block;
5092
+ }
5093
+
5094
+ .premium-pricing-list {
5095
+ -js-display: flex;
5096
+ display: -webkit-box;
5097
+ display: -webkit-flex;
5098
+ display: -moz-box;
5099
+ display: -ms-flexbox;
5100
+ display: flex;
5101
+ -webkit-box-orient: vertical;
5102
+ -webkit-box-direction: normal;
5103
+ -webkit-flex-direction: column;
5104
+ -moz-box-orient: vertical;
5105
+ -moz-box-direction: normal;
5106
+ -ms-flex-direction: column;
5107
+ flex-direction: column;
5108
+ list-style-type: none;
5109
+ margin: 0;
5110
+ }
5111
+
5112
+ .premium-pricing-list .premium-pricing-list-item {
5113
+ -js-display: flex;
5114
+ display: -webkit-box;
5115
+ display: -webkit-flex;
5116
+ display: -moz-box;
5117
+ display: -ms-flexbox;
5118
+ display: flex;
5119
+ -webkit-box-align: center;
5120
+ -webkit-align-items: center;
5121
+ -moz-box-align: center;
5122
+ -ms-flex-align: center;
5123
+ align-items: center;
5124
+ }
5125
+
5126
+ .premium-pricing-list .premium-pricing-list-item svg {
5127
+ width: 50px;
5128
+ height: 50px;
5129
+ }
5130
+
5131
+ .premium-pricing-list .premium-pricing-list-item img {
5132
+ width: 30px;
5133
+ height: 30px;
5134
+ -o-object-fit: cover;
5135
+ object-fit: cover;
5136
+ }
5137
+
5138
+ .premium-pricing-list .premium-pricing-list-span {
5139
+ position: relative;
5140
+ }
5141
+
5142
+ .premium-pricing-list .list-item-tooltip {
5143
+ border-bottom: 1px dotted;
5144
+ }
5145
+
5146
+ .premium-pricing-list .premium-pricing-list-tooltip {
5147
+ position: absolute;
5148
+ top: -webkit-calc(100% + 1px);
5149
+ top: calc(100% + 1px);
5150
+ right: 0;
5151
+ visibility: hidden;
5152
+ padding: 15px 20px;
5153
+ -webkit-border-radius: 5px;
5154
+ border-radius: 5px;
5155
+ min-width: 200px;
5156
+ overflow: hidden;
5157
+ text-align: right;
5158
+ font-size: 0.8rem;
5159
+ color: #fff;
5160
+ background-color: #aaa;
5161
+ }
5162
+
5163
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5164
+ z-index: 99;
5165
+ visibility: visible;
5166
+ opacity: 1;
5167
+ }
5168
+
5169
+ .premium-pricing-slashed-price-value {
5170
+ display: inline-block;
5171
+ font-size: 20px;
5172
+ font-weight: 400;
5173
+ margin-left: 5px;
5174
+ }
5175
+
5176
+ .premium-pricing-price-value {
5177
+ font-size: 70px;
5178
+ }
5179
+
5180
+ .premium-pricing-description-container li {
5181
+ list-style-position: inside;
5182
+ text-indent: -40px;
5183
+ }
5184
+
5185
+ @-moz-document url-prefix() {
5186
+ .premium-pricing-description-container li {
5187
+ text-indent: 0px;
5188
+ }
5189
+ }
5190
+
5191
+ .premium-pricing-price-button {
5192
+ display: block;
5193
+ padding: 6px 12px;
5194
+ line-height: 1.42857143;
5195
+ text-align: center;
5196
+ color: #fff;
5197
+ background: #6ec1e4;
5198
+ margin-bottom: 0;
5199
+ -webkit-transition: all 0.3s ease-in-out;
5200
+ transition: all 0.3s ease-in-out;
5201
+ }
5202
+
5203
+ /**************** Premium Google Maps ******************/
5204
+ /*******************************************************/
5205
+ .premium-maps-info-container {
5206
+ margin-top: 10px;
5207
+ margin-bottom: 10px;
5208
+ }
5209
+
5210
+ .premium-maps-info-title,
5211
+ .premium-maps-info-desc {
5212
+ margin: 0;
5213
+ padding: 0;
5214
+ }
5215
+
5216
+ .premium-maps-container .gm-style-iw {
5217
+ text-align: center;
5218
+ }
5219
+
5220
+ .premium-maps-container .gm-style img {
5221
+ max-width: none !important;
5222
+ }
5223
+
5224
+ /**************** Premium Button ***********************/
5225
+ /*******************************************************/
5226
+ .premium-button {
5227
+ display: inline-block;
5228
+ position: relative;
5229
+ overflow: hidden;
5230
+ cursor: pointer;
5231
+ -webkit-transition: all 0.2s ease-in-out !important;
5232
+ transition: all 0.2s ease-in-out !important;
5233
+ }
5234
+
5235
+ .premium-button-sm {
5236
+ padding: 12px 24px;
5237
+ font-size: 14px;
5238
+ line-height: 1;
5239
+ }
5240
+
5241
+ .premium-button-md {
5242
+ padding: 14px 26px;
5243
+ font-size: 16px;
5244
+ line-height: 1.2;
5245
+ }
5246
+
5247
+ .premium-button-lg {
5248
+ padding: 16px 28px;
5249
+ font-size: 18px;
5250
+ line-height: 1.3333;
5251
+ }
5252
+
5253
+ .premium-button-block {
5254
+ font-size: 15px;
5255
+ line-height: 1;
5256
+ padding: 12px 24px;
5257
+ width: 100%;
5258
+ text-align: center;
5259
+ }
5260
+
5261
+ .premium-button-text {
5262
+ display: inline-block;
5263
+ width: 100%;
5264
+ }
5265
+
5266
+ .premium-button-style1-bottom,
5267
+ .premium-button-style1-top,
5268
+ .premium-button-style1-right,
5269
+ .premium-button-style1-left,
5270
+ .premium-button-style2-shutouthor,
5271
+ .premium-button-style2-shutoutver,
5272
+ .premium-button-style2-shutinhor,
5273
+ .premium-button-style2-shutinver,
5274
+ .premium-button-style2-scshutouthor,
5275
+ .premium-button-style2-scshutoutver,
5276
+ .premium-button-style2-dshutinhor,
5277
+ .premium-button-style2-dshutinver,
5278
+ .premium-button-style5-radialin,
5279
+ .premium-button-style5-radialout,
5280
+ .premium-button-style5-rectin,
5281
+ .premium-button-style5-rectout {
5282
+ display: inline-block;
5283
+ vertical-align: middle;
5284
+ -webkit-transform: perspective(1px) translateZ(0);
5285
+ transform: perspective(1px) translateZ(0);
5286
+ -webkit-box-shadow: 0 0 1px transparent;
5287
+ box-shadow: 0 0 1px transparent;
5288
+ position: relative;
5289
+ -webkit-transition-property: color;
5290
+ transition-property: color;
5291
+ -webkit-transition-duration: 0.15s;
5292
+ transition-duration: 0.15s;
5293
+ }
5294
+
5295
+ .premium-button-style1-bottom:before,
5296
+ .premium-button-style1-top:before,
5297
+ .premium-button-style1-right:before,
5298
+ .premium-button-style1-left:before,
5299
+ .premium-button-style2-shutinhor:before,
5300
+ .premium-button-style2-shutinver:before,
5301
+ .premium-button-style2-shutouthor:before,
5302
+ .premium-button-style2-shutoutver:before,
5303
+ .premium-button-style2-scshutouthor:before,
5304
+ .premium-button-style2-scshutoutver:before,
5305
+ .premium-button-style2-dshutinhor:before,
5306
+ .premium-button-style2-dshutinver:before,
5307
+ .premium-button-style5-radialin:before,
5308
+ .premium-button-style5-radialout:before,
5309
+ .premium-button-style5-rectin:before,
5310
+ .premium-button-style5-rectout:before {
5311
+ content: "";
5312
+ position: absolute;
5313
+ z-index: -1;
5314
+ top: 0;
5315
+ right: 0;
5316
+ left: 0;
5317
+ bottom: 0;
5318
+ -webkit-transform: scaleY(0);
5319
+ -ms-transform: scaleY(0);
5320
+ transform: scaleY(0);
5321
+ -webkit-transform-origin: 50% 0;
5322
+ -ms-transform-origin: 50% 0;
5323
+ transform-origin: 50% 0;
5324
+ -webkit-transition-property: transform;
5325
+ -webkit-transition-property: -webkit-transform;
5326
+ transition-property: -webkit-transform;
5327
+ transition-property: transform;
5328
+ transition-property: transform, -webkit-transform;
5329
+ -webkit-transition-duration: 0.15s;
5330
+ transition-duration: 0.15s;
5331
+ -webkit-transition-timing-function: ease-out;
5332
+ transition-timing-function: ease-out;
5333
+ }
5334
+
5335
+ .premium-button-style5-radialin:before,
5336
+ .premium-button-style5-radialout:before {
5337
+ -webkit-transform-origin: 50%;
5338
+ -ms-transform-origin: 50%;
5339
+ transform-origin: 50%;
5340
+ -webkit-border-radius: 100%;
5341
+ border-radius: 100%;
5342
+ -webkit-transform: scale(0);
5343
+ -ms-transform: scale(0);
5344
+ transform: scale(0);
5345
+ }
5346
+
5347
+ .premium-button-style5-radialin:before {
5348
+ -webkit-transform: scale(2);
5349
+ -ms-transform: scale(2);
5350
+ transform: scale(2);
5351
+ }
5352
+
5353
+ .premium-button-style5-rectin:before,
5354
+ .premium-button-style5-rectout:before {
5355
+ -webkit-transform-origin: 50%;
5356
+ -ms-transform-origin: 50%;
5357
+ transform-origin: 50%;
5358
+ -webkit-transform: scale(1);
5359
+ -ms-transform: scale(1);
5360
+ transform: scale(1);
5361
+ }
5362
+
5363
+ .premium-button-style5-rectout:before {
5364
+ -webkit-transform: scale(0);
5365
+ -ms-transform: scale(0);
5366
+ transform: scale(0);
5367
+ }
5368
+
5369
+ .premium-button-style5-rectout:hover:before {
5370
+ -webkit-transform: scale(1);
5371
+ -ms-transform: scale(1);
5372
+ transform: scale(1);
5373
+ }
5374
+
5375
+ .premium-button-style5-rectin:hover:before {
5376
+ -webkit-transform: scale(0);
5377
+ -ms-transform: scale(0);
5378
+ transform: scale(0);
5379
+ }
5380
+
5381
+ .premium-button-style5-radialout:hover:before {
5382
+ -webkit-transform: scale(2);
5383
+ -ms-transform: scale(2);
5384
+ transform: scale(2);
5385
+ }
5386
+
5387
+ .premium-button-style5-radialin:hover:before {
5388
+ -webkit-transform: scale(0);
5389
+ -ms-transform: scale(0);
5390
+ transform: scale(0);
5391
+ }
5392
+
5393
+ .premium-button-style1-top:before {
5394
+ -webkit-transform-origin: 50% 100%;
5395
+ -ms-transform-origin: 50% 100%;
5396
+ transform-origin: 50% 100%;
5397
+ }
5398
+
5399
+ .premium-button-style1-right:before {
5400
+ -webkit-transform: scaleX(0);
5401
+ -ms-transform: scaleX(0);
5402
+ transform: scaleX(0);
5403
+ -webkit-transform-origin: 100% 50%;
5404
+ -ms-transform-origin: 100% 50%;
5405
+ transform-origin: 100% 50%;
5406
+ }
5407
+
5408
+ .premium-button-style1-left:before {
5409
+ -webkit-transform: scaleX(0);
5410
+ -ms-transform: scaleX(0);
5411
+ transform: scaleX(0);
5412
+ -webkit-transform-origin: 0% 50%;
5413
+ -ms-transform-origin: 0% 50%;
5414
+ transform-origin: 0% 50%;
5415
+ }
5416
+
5417
+ .premium-button-style2-shutouthor:before,
5418
+ .premium-button-style2-scshutoutver:before {
5419
+ -webkit-transform: scaleY(0);
5420
+ -ms-transform: scaleY(0);
5421
+ transform: scaleY(0);
5422
+ -webkit-transform-origin: 0% 50%;
5423
+ -ms-transform-origin: 0% 50%;
5424
+ transform-origin: 0% 50%;
5425
+ }
5426
+
5427
+ .premium-button-style2-shutoutver:before,
5428
+ .premium-button-style2-scshutouthor:before {
5429
+ -webkit-transform: scaleX(0);
5430
+ -ms-transform: scaleX(0);
5431
+ transform: scaleX(0);
5432
+ -webkit-transform-origin: 50% 50%;
5433
+ -ms-transform-origin: 50% 50%;
5434
+ transform-origin: 50% 50%;
5435
+ }
5436
+
5437
+ .premium-button-style2-shutinhor:before {
5438
+ -webkit-transform: scaleX(1);
5439
+ -ms-transform: scaleX(1);
5440
+ transform: scaleX(1);
5441
+ -webkit-transform-origin: 50%;
5442
+ -ms-transform-origin: 50%;
5443
+ transform-origin: 50%;
5444
+ }
5445
+
5446
+ .premium-button-style2-shutinver:before {
5447
+ -webkit-transform: scaleY(1);
5448
+ -ms-transform: scaleY(1);
5449
+ transform: scaleY(1);
5450
+ -webkit-transform-origin: 50%;
5451
+ -ms-transform-origin: 50%;
5452
+ transform-origin: 50%;
5453
+ }
5454
+
5455
+ .premium-button-style1-bottom:hover:before,
5456
+ .premium-button-style1-top:hover:before {
5457
+ -webkit-transform: scaleY(1);
5458
+ -ms-transform: scaleY(1);
5459
+ transform: scaleY(1);
5460
+ }
5461
+
5462
+ .premium-button-style1-left:hover:before,
5463
+ .premium-button-style1-right:hover:before,
5464
+ .premium-button-style2-shutouthor:hover:before,
5465
+ .premium-button-style2-shutoutver:hover:before {
5466
+ -webkit-transform: scaleX(1);
5467
+ -ms-transform: scaleX(1);
5468
+ transform: scaleX(1);
5469
+ }
5470
+
5471
+ .premium-button-style2-shutinhor:hover:before {
5472
+ -webkit-transform: scaleX(0);
5473
+ -ms-transform: scaleX(0);
5474
+ transform: scaleX(0);
5475
+ }
5476
+
5477
+ .premium-button-style2-shutinver:hover:before {
5478
+ -webkit-transform: scaleY(0);
5479
+ -ms-transform: scaleY(0);
5480
+ transform: scaleY(0);
5481
+ }
5482
+
5483
+ .premium-button-style2-scshutouthor:hover:before {
5484
+ -webkit-transform: scaleX(0.9);
5485
+ -ms-transform: scaleX(0.9);
5486
+ transform: scaleX(0.9);
5487
+ }
5488
+
5489
+ .premium-button-style2-scshutoutver:hover:before {
5490
+ -webkit-transform: scaleY(0.8);
5491
+ -ms-transform: scaleY(0.8);
5492
+ transform: scaleY(0.8);
5493
+ }
5494
+
5495
+ /*Diagonal*/
5496
+ .premium-button-style2-dshutinhor:before,
5497
+ .premium-button-style2-dshutinver:before {
5498
+ top: 50%;
5499
+ right: 50%;
5500
+ width: 120%;
5501
+ height: 0%;
5502
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
5503
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
5504
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
5505
+ -webkit-transform-origin: 50%;
5506
+ -ms-transform-origin: 50%;
5507
+ transform-origin: 50%;
5508
+ -webkit-transition-property: all;
5509
+ transition-property: all;
5510
+ }
5511
+
5512
+ .premium-button-style2-dshutinver:before {
5513
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5514
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
5515
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
5516
+ }
5517
+
5518
+ .premium-button-style2-dshutinhor:hover:before,
5519
+ .premium-button-style2-dshutinver:hover:before {
5520
+ height: 220%;
5521
+ }
5522
+
5523
+ .premium-button-style3-before i,
5524
+ .premium-button-style3-after i {
5525
+ opacity: 0;
5526
+ -webkit-transform: translateX(5px);
5527
+ -ms-transform: translateX(5px);
5528
+ transform: translateX(5px);
5529
+ -webkit-transition: all 0.5s ease-in-out;
5530
+ transition: all 0.5s ease-in-out;
5531
+ }
5532
+
5533
+ .premium-button-style3-after i {
5534
+ -webkit-transform: translateX(-5px);
5535
+ -ms-transform: translateX(-5px);
5536
+ transform: translateX(-5px);
5537
+ }
5538
+
5539
+ .premium-button-style3-after:hover i {
5540
+ opacity: 1;
5541
+ }
5542
+
5543
+ .premium-button-style3-before:hover i {
5544
+ opacity: 1;
5545
+ }
5546
+
5547
+ .premium-button-text-icon-wrapper {
5548
+ display: -webkit-box;
5549
+ display: -webkit-flex;
5550
+ display: -ms-flexbox;
5551
+ -js-display: flex;
5552
+ display: -moz-box;
5553
+ display: flex;
5554
+ -webkit-box-pack: center;
5555
+ -webkit-justify-content: center;
5556
+ -moz-box-pack: center;
5557
+ -ms-flex-pack: center;
5558
+ justify-content: center;
5559
+ -webkit-box-align: center;
5560
+ -webkit-align-items: center;
5561
+ -moz-box-align: center;
5562
+ -ms-flex-align: center;
5563
+ align-items: center;
5564
+ }
5565
+
5566
+ .premium-button-text-icon-wrapper span,
5567
+ .premium-button-text-icon-wrapper,
5568
+ .premium-button-text-icon-wrapper i {
5569
+ -webkit-transition: all 0.2s ease-in-out;
5570
+ transition: all 0.2s ease-in-out;
5571
+ }
5572
+
5573
+ .premium-button-style4-icon-wrapper {
5574
+ position: absolute;
5575
+ z-index: 2;
5576
+ width: 100%;
5577
+ text-align: center;
5578
+ -js-display: flex;
5579
+ display: -webkit-box;
5580
+ display: -webkit-flex;
5581
+ display: -moz-box;
5582
+ display: -ms-flexbox;
5583
+ display: flex;
5584
+ -webkit-box-align: center;
5585
+ -webkit-align-items: center;
5586
+ -moz-box-align: center;
5587
+ -ms-flex-align: center;
5588
+ align-items: center;
5589
+ -webkit-box-pack: center;
5590
+ -webkit-justify-content: center;
5591
+ -moz-box-pack: center;
5592
+ -ms-flex-pack: center;
5593
+ justify-content: center;
5594
+ height: 100%;
5595
+ opacity: 0;
5596
+ -webkit-transition: all 0.3s ease-in-out;
5597
+ transition: all 0.3s ease-in-out;
5598
+ }
5599
+
5600
+ .premium-button-style4-icon-wrapper.top {
5601
+ bottom: -100%;
5602
+ right: 0;
5603
+ }
5604
+
5605
+ .premium-button-style4-icon-wrapper.bottom {
5606
+ top: -100%;
5607
+ right: 0;
5608
+ }
5609
+
5610
+ .premium-button-style4-icon-wrapper.left {
5611
+ top: 0;
5612
+ right: -100%;
5613
+ }
5614
+
5615
+ .premium-button-style4-icon-wrapper.right {
5616
+ top: 0;
5617
+ left: -100%;
5618
+ }
5619
+
5620
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5621
+ top: 0;
5622
+ opacity: 1;
5623
+ }
5624
+
5625
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5626
+ bottom: 0;
5627
+ opacity: 1;
5628
+ }
5629
+
5630
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5631
+ right: 0;
5632
+ opacity: 1;
5633
+ }
5634
+
5635
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5636
+ left: 0;
5637
+ opacity: 1;
5638
+ }
5639
+
5640
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5641
+ -webkit-transform: translateY(100%);
5642
+ -ms-transform: translateY(100%);
5643
+ transform: translateY(100%);
5644
+ opacity: 0;
5645
+ }
5646
+
5647
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5648
+ -webkit-transform: translateY(-100%);
5649
+ -ms-transform: translateY(-100%);
5650
+ transform: translateY(-100%);
5651
+ opacity: 0;
5652
+ }
5653
+
5654
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5655
+ -webkit-transform: translateX(-100%);
5656
+ -ms-transform: translateX(-100%);
5657
+ transform: translateX(-100%);
5658
+ opacity: 0;
5659
+ }
5660
+
5661
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5662
+ -webkit-transform: translateX(100%);
5663
+ -ms-transform: translateX(100%);
5664
+ transform: translateX(100%);
5665
+ opacity: 0;
5666
+ }
5667
+
5668
+ .premium-button-style6:before {
5669
+ content: "";
5670
+ position: absolute;
5671
+ left: 50%;
5672
+ top: 50%;
5673
+ width: 100px;
5674
+ height: 100px;
5675
+ -webkit-border-radius: 100%;
5676
+ border-radius: 100%;
5677
+ -webkit-transform: translate(-50%, -50%) scale(0);
5678
+ -ms-transform: translate(-50%, -50%) scale(0);
5679
+ transform: translate(-50%, -50%) scale(0);
5680
+ -webkit-transition: all 0.3s ease-in-out;
5681
+ transition: all 0.3s ease-in-out;
5682
+ }
5683
+
5684
+ .premium-button-style6:hover:before {
5685
+ -webkit-transform: translate(-50%, -50%) scale(3);
5686
+ -ms-transform: translate(-50%, -50%) scale(3);
5687
+ transform: translate(-50%, -50%) scale(3);
5688
+ }
5689
+
5690
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5691
+ position: relative;
5692
+ z-index: 1;
5693
+ }
5694
+
5695
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5696
+ position: absolute;
5697
+ z-index: 0;
5698
+ top: 0;
5699
+ left: 0;
5700
+ width: 0px;
5701
+ height: 0px;
5702
+ -webkit-border-radius: 50%;
5703
+ border-radius: 50%;
5704
+ display: block;
5705
+ -webkit-transform: translate(-50%, -50%);
5706
+ -ms-transform: translate(-50%, -50%);
5707
+ transform: translate(-50%, -50%);
5708
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5709
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5710
+ }
5711
+
5712
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5713
+ width: 225%;
5714
+ height: 560px;
5715
+ }
5716
+
5717
+ .premium-mouse-detect-yes .premium-button-style6:before {
5718
+ width: 0;
5719
+ height: 0;
5720
+ }
5721
+
5722
+ /**************** Premium Contact Form7 **********/
5723
+ /*************************************************/
5724
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5725
+ display: block;
5726
+ height: 2px;
5727
+ content: "";
5728
+ top: -2px;
5729
+ position: relative;
5730
+ width: 0px;
5731
+ -webkit-transition: all ease-in-out 0.3s;
5732
+ transition: all ease-in-out 0.3s;
5733
+ }
5734
+
5735
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5736
+ width: 100%;
5737
+ }
5738
+
5739
+ /**************** Premium Image Button ***********/
5740
+ /*************************************************/
5741
+ .premium-image-button {
5742
+ display: inline-block;
5743
+ position: relative;
5744
+ overflow: hidden;
5745
+ background: #6ec1e4;
5746
+ cursor: pointer;
5747
+ -webkit-transition: all 0.2s ease-in-out !important;
5748
+ transition: all 0.2s ease-in-out !important;
5749
+ }
5750
+
5751
+ /*Default background for slide styles*/
5752
+ .premium-image-button:hover,
5753
+ .premium-image-button-style4-icon-wrapper,
5754
+ .premium-image-button-style1-top:before,
5755
+ .premium-image-button-style1-bottom:before,
5756
+ .premium-image-button-style1-left:before,
5757
+ .premium-image-button-style1-right:before {
5758
+ background-color: #54595f;
5759
+ }
5760
+
5761
+ .premium-image-button.premium-image-button-sm {
5762
+ padding: 12px 24px;
5763
+ font-size: 14px;
5764
+ line-height: 1;
5765
+ }
5766
+
5767
+ .premium-image-button.premium-image-button-md {
5768
+ padding: 14px 26px;
5769
+ font-size: 16px;
5770
+ line-height: 1.2;
5771
+ }
5772
+
5773
+ .premium-image-button.premium-image-button-lg {
5774
+ padding: 16px 28px;
5775
+ font-size: 18px;
5776
+ line-height: 1.3333;
5777
+ }
5778
+
5779
+ .premium-image-button.premium-image-button-block {
5780
+ font-size: 15px;
5781
+ line-height: 1;
5782
+ padding: 12px 24px;
5783
+ width: 100%;
5784
+ text-align: center;
5785
+ }
5786
+
5787
+ .premium-image-button-text-icon-wrapper {
5788
+ display: -webkit-box;
5789
+ display: -webkit-flex;
5790
+ display: -ms-flexbox;
5791
+ -js-display: flex;
5792
+ display: -moz-box;
5793
+ display: flex;
5794
+ -webkit-box-pack: center;
5795
+ -webkit-justify-content: center;
5796
+ -moz-box-pack: center;
5797
+ -ms-flex-pack: center;
5798
+ justify-content: center;
5799
+ -webkit-box-align: center;
5800
+ -webkit-align-items: center;
5801
+ -moz-box-align: center;
5802
+ -ms-flex-align: center;
5803
+ align-items: center;
5804
+ position: relative;
5805
+ z-index: 3;
5806
+ }
5807
+
5808
+ .premium-image-button-text-icon-wrapper span,
5809
+ .premium-image-button-text-icon-wrapper,
5810
+ .premium-image-button-text-icon-wrapper i {
5811
+ -webkit-transition: all 0.2s ease-in-out;
5812
+ transition: all 0.2s ease-in-out;
5813
+ }
5814
+
5815
+ .premium-image-button-style1-bottom:before,
5816
+ .premium-image-button-style1-top:before,
5817
+ .premium-image-button-style1-left:before,
5818
+ .premium-image-button-style1-right:before {
5819
+ -webkit-transition: all 0.2s ease-in-out;
5820
+ transition: all 0.2s ease-in-out;
5821
+ }
5822
+
5823
+ .premium-image-button-style1-bottom:before {
5824
+ content: "";
5825
+ position: absolute;
5826
+ width: 100%;
5827
+ height: 0;
5828
+ top: 0;
5829
+ right: 0;
5830
+ }
5831
+
5832
+ .premium-image-button-style1-top:before {
5833
+ content: "";
5834
+ position: absolute;
5835
+ width: 100%;
5836
+ height: 0;
5837
+ bottom: 0;
5838
+ right: 0;
5839
+ }
5840
+
5841
+ .premium-image-button-style1-right:before {
5842
+ content: "";
5843
+ position: absolute;
5844
+ width: 0;
5845
+ height: 100%;
5846
+ bottom: 0;
5847
+ right: 0;
5848
+ }
5849
+
5850
+ .premium-image-button-style1-left:before {
5851
+ content: "";
5852
+ position: absolute;
5853
+ width: 0;
5854
+ height: 100%;
5855
+ top: 0;
5856
+ left: 0;
5857
+ }
5858
+
5859
+ .premium-image-button-style1-bottom:hover:before {
5860
+ height: 100%;
5861
+ }
5862
+
5863
+ .premium-image-button-style1-top:hover:before {
5864
+ height: 100%;
5865
+ }
5866
+
5867
+ .premium-image-button-style1-right:hover:before {
5868
+ width: 100%;
5869
+ }
5870
+
5871
+ .premium-image-button-style1-left:hover:before {
5872
+ width: 100%;
5873
+ }
5874
+
5875
+ .premium-image-button-diagonal-effect-top,
5876
+ .premium-image-button-diagonal-effect-bottom,
5877
+ .premium-image-button-diagonal-effect-left,
5878
+ .premium-image-button-diagonal-effect-right {
5879
+ z-index: 10;
5880
+ }
5881
+
5882
+ .premium-image-button-diagonal-effect-top:before,
5883
+ .premium-image-button-diagonal-effect-bottom:before,
5884
+ .premium-image-button-diagonal-effect-left:before,
5885
+ .premium-image-button-diagonal-effect-right:before {
5886
+ position: absolute;
5887
+ top: 0px;
5888
+ right: 0px;
5889
+ width: 100%;
5890
+ height: 100%;
5891
+ content: "";
5892
+ z-index: 1;
5893
+ background: rgba(255, 255, 255, 0.2);
5894
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5895
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5896
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5897
+ -webkit-transition: all 0.8s ease-out;
5898
+ transition: all 0.8s ease-out;
5899
+ }
5900
+
5901
+ .premium-image-button-diagonal-effect-right:hover:before,
5902
+ .premium-image-button-diagonal-effect-left:before {
5903
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5904
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5905
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5906
+ }
5907
+
5908
+ .premium-image-button-diagonal-effect-left:hover:before,
5909
+ .premium-image-button-diagonal-effect-right:before {
5910
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5911
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5912
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5913
+ }
5914
+
5915
+ .premium-image-button-diagonal-effect-top:hover:before,
5916
+ .premium-image-button-diagonal-effect-bottom:before {
5917
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5918
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5919
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5920
+ }
5921
+
5922
+ .premium-image-button-diagonal-effect-bottom:hover:before,
5923
+ .premium-image-button-diagonal-effect-top:before {
5924
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5925
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5926
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5927
+ }
5928
+
5929
+ .premium-image-button-style4-icon-wrapper {
5930
+ position: absolute;
5931
+ z-index: 2;
5932
+ width: 100%;
5933
+ text-align: center;
5934
+ display: -webkit-box;
5935
+ display: -webkit-flex;
5936
+ display: -ms-flexbox;
5937
+ -js-display: flex;
5938
+ display: -moz-box;
5939
+ display: flex;
5940
+ -webkit-box-align: center;
5941
+ -webkit-align-items: center;
5942
+ -moz-box-align: center;
5943
+ -ms-flex-align: center;
5944
+ align-items: center;
5945
+ -webkit-box-pack: center;
5946
+ -webkit-justify-content: center;
5947
+ -moz-box-pack: center;
5948
+ -ms-flex-pack: center;
5949
+ justify-content: center;
5950
+ height: 100%;
5951
+ opacity: 0;
5952
+ -webkit-transition: all 0.3s ease-in-out;
5953
+ transition: all 0.3s ease-in-out;
5954
+ }
5955
+
5956
+ .premium-image-button-style4-icon-wrapper.top {
5957
+ bottom: -100%;
5958
+ right: 0;
5959
+ }
5960
+
5961
+ .premium-image-button-style4-icon-wrapper.bottom {
5962
+ top: -100%;
5963
+ right: 0;
5964
+ }
5965
+
5966
+ .premium-image-button-style4-icon-wrapper.left {
5967
+ top: 0;
5968
+ right: -100%;
5969
+ }
5970
+
5971
+ .premium-image-button-style4-icon-wrapper.right {
5972
+ top: 0;
5973
+ left: -100%;
5974
+ }
5975
+
5976
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5977
+ top: 0;
5978
+ opacity: 1;
5979
+ }
5980
+
5981
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5982
+ bottom: 0;
5983
+ opacity: 1;
5984
+ }
5985
+
5986
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5987
+ right: 0;
5988
+ opacity: 1;
5989
+ }
5990
+
5991
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5992
+ left: 0;
5993
+ opacity: 1;
5994
+ }
5995
+
5996
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5997
+ -webkit-transform: translateY(100%);
5998
+ -ms-transform: translateY(100%);
5999
+ transform: translateY(100%);
6000
+ opacity: 0;
6001
+ }
6002
+
6003
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6004
+ -webkit-transform: translateY(-100%);
6005
+ -ms-transform: translateY(-100%);
6006
+ transform: translateY(-100%);
6007
+ opacity: 0;
6008
+ }
6009
+
6010
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6011
+ -webkit-transform: translateX(-100%);
6012
+ -ms-transform: translateX(-100%);
6013
+ transform: translateX(-100%);
6014
+ opacity: 0;
6015
+ }
6016
+
6017
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6018
+ -webkit-transform: translateX(100%);
6019
+ -ms-transform: translateX(100%);
6020
+ transform: translateX(100%);
6021
+ opacity: 0;
6022
+ }
6023
+
6024
+ .premium-image-button-overlap-effect-horizontal:before,
6025
+ .premium-image-button-overlap-effect-vertical:before {
6026
+ position: absolute;
6027
+ content: "";
6028
+ top: 0;
6029
+ right: 0;
6030
+ width: 100%;
6031
+ height: 100%;
6032
+ opacity: 0;
6033
+ -webkit-transition: all 1s ease-in-out;
6034
+ transition: all 1s ease-in-out;
6035
+ background: rgba(255, 255, 255, 0.2);
6036
+ -webkit-animation-name: premium-overlap-effect-done;
6037
+ animation-name: premium-overlap-effect-done;
6038
+ -webkit-animation-duration: 1s;
6039
+ animation-duration: 1s;
6040
+ }
6041
+
6042
+ .premium-image-button-overlap-effect-vertical:before {
6043
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6044
+ animation-name: premium-overlap-ver-effect-done;
6045
+ -webkit-animation-duration: 1s;
6046
+ animation-duration: 1s;
6047
+ }
6048
+
6049
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6050
+ -webkit-animation-name: premium-overlap-effect;
6051
+ animation-name: premium-overlap-effect;
6052
+ -webkit-animation-duration: 1s;
6053
+ animation-duration: 1s;
6054
+ }
6055
+
6056
+ .premium-image-button-overlap-effect-vertical:hover:before {
6057
+ -webkit-animation-name: premium-overlap-ver-effect;
6058
+ animation-name: premium-overlap-ver-effect;
6059
+ -webkit-animation-duration: 1s;
6060
+ animation-duration: 1s;
6061
+ }
6062
+
6063
+ @-webkit-keyframes premium-overlap-effect {
6064
+ 0% {
6065
+ opacity: 0;
6066
+ -webkit-transform: rotateY(0deg);
6067
+ transform: rotateY(0deg);
6068
+ }
6069
+
6070
+ 50% {
6071
+ opacity: 1;
6072
+ -webkit-transform: rotateY(180deg);
6073
+ transform: rotateY(180deg);
6074
+ }
6075
+
6076
+ 100% {
6077
+ opacity: 0;
6078
+ -webkit-transform: rotateY(360deg);
6079
+ transform: rotateY(360deg);
6080
+ }
6081
+ }
6082
+
6083
+ @keyframes premium-overlap-effect {
6084
+ 0% {
6085
+ opacity: 0;
6086
+ -webkit-transform: rotateY(0deg);
6087
+ transform: rotateY(0deg);
6088
+ }
6089
+
6090
+ 50% {
6091
+ opacity: 1;
6092
+ -webkit-transform: rotateY(180deg);
6093
+ transform: rotateY(180deg);
6094
+ }
6095
+
6096
+ 100% {
6097
+ opacity: 0;
6098
+ -webkit-transform: rotateY(360deg);
6099
+ transform: rotateY(360deg);
6100
+ }
6101
+ }
6102
+
6103
+ @-webkit-keyframes premium-overlap-effect-done {
6104
+ 0% {
6105
+ opacity: 0;
6106
+ -webkit-transform: rotateY(0deg);
6107
+ transform: rotateY(0deg);
6108
+ }
6109
+
6110
+ 50% {
6111
+ opacity: 1;
6112
+ -webkit-transform: rotateY(180deg);
6113
+ transform: rotateY(180deg);
6114
+ }
6115
+
6116
+ 100% {
6117
+ opacity: 0;
6118
+ -webkit-transform: rotateY(360deg);
6119
+ transform: rotateY(360deg);
6120
+ }
6121
+ }
6122
+
6123
+ @keyframes premium-overlap-effect-done {
6124
+ 0% {
6125
+ opacity: 0;
6126
+ -webkit-transform: rotateY(0deg);
6127
+ transform: rotateY(0deg);
6128
+ }
6129
+
6130
+ 50% {
6131
+ opacity: 1;
6132
+ -webkit-transform: rotateY(180deg);
6133
+ transform: rotateY(180deg);
6134
+ }
6135
+
6136
+ 100% {
6137
+ opacity: 0;
6138
+ -webkit-transform: rotateY(360deg);
6139
+ transform: rotateY(360deg);
6140
+ }
6141
+ }
6142
+
6143
+ @-webkit-keyframes premium-overlap-ver-effect {
6144
+ 0% {
6145
+ opacity: 0;
6146
+ -webkit-transform: rotateX(0deg);
6147
+ transform: rotateX(0deg);
6148
+ }
6149
+
6150
+ 50% {
6151
+ opacity: 1;
6152
+ -webkit-transform: rotateX(180deg);
6153
+ transform: rotateX(180deg);
6154
+ }
6155
+
6156
+ 100% {
6157
+ opacity: 0;
6158
+ -webkit-transform: rotateX(360deg);
6159
+ transform: rotateX(360deg);
6160
+ }
6161
+ }
6162
+
6163
+ @keyframes premium-overlap-ver-effect {
6164
+ 0% {
6165
+ opacity: 0;
6166
+ -webkit-transform: rotateX(0deg);
6167
+ transform: rotateX(0deg);
6168
+ }
6169
+
6170
+ 50% {
6171
+ opacity: 1;
6172
+ -webkit-transform: rotateX(180deg);
6173
+ transform: rotateX(180deg);
6174
+ }
6175
+
6176
+ 100% {
6177
+ opacity: 0;
6178
+ -webkit-transform: rotateX(360deg);
6179
+ transform: rotateX(360deg);
6180
+ }
6181
+ }
6182
+
6183
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6184
+ 0% {
6185
+ opacity: 0;
6186
+ -webkit-transform: rotateX(0deg);
6187
+ transform: rotateX(0deg);
6188
+ }
6189
+
6190
+ 50% {
6191
+ opacity: 1;
6192
+ -webkit-transform: rotateX(180deg);
6193
+ transform: rotateX(180deg);
6194
+ }
6195
+
6196
+ 100% {
6197
+ opacity: 0;
6198
+ -webkit-transform: rotateX(360deg);
6199
+ transform: rotateX(360deg);
6200
+ }
6201
+ }
6202
+
6203
+ @keyframes premium-overlap-ver-effect-done {
6204
+ 0% {
6205
+ opacity: 0;
6206
+ -webkit-transform: rotateX(0deg);
6207
+ transform: rotateX(0deg);
6208
+ }
6209
+
6210
+ 50% {
6211
+ opacity: 1;
6212
+ -webkit-transform: rotateX(180deg);
6213
+ transform: rotateX(180deg);
6214
+ }
6215
+
6216
+ 100% {
6217
+ opacity: 0;
6218
+ -webkit-transform: rotateX(360deg);
6219
+ transform: rotateX(360deg);
6220
+ }
6221
+ }
6222
+
6223
+ /**************** Premium Grid *******************/
6224
+ /*************************************************/
6225
+ .premium-img-gallery-filter,
6226
+ .premium-blog-filter {
6227
+ display: -webkit-box;
6228
+ display: -webkit-flex;
6229
+ display: -ms-flexbox;
6230
+ -js-display: flex;
6231
+ display: -moz-box;
6232
+ display: flex;
6233
+ -webkit-box-align: center;
6234
+ -webkit-align-items: center;
6235
+ -moz-box-align: center;
6236
+ -ms-flex-align: center;
6237
+ align-items: center;
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
+ }
6244
+
6245
+ .premium-img-gallery {
6246
+ clear: both;
6247
+ overflow: hidden;
6248
+ }
6249
+
6250
+ .premium-gallery-container .premium-gallery-item {
6251
+ padding: 10px;
6252
+ float: right;
6253
+ /* Google Chrome isotope issue */
6254
+ }
6255
+
6256
+ .premium-gallery-container .grid-sizer {
6257
+ width: 33.33%;
6258
+ }
6259
+
6260
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6261
+ .premium-blog-filter .premium-blog-filters-container li a.category {
6262
+ outline: none;
6263
+ text-decoration: none;
6264
+ -webkit-border-radius: 75px;
6265
+ border-radius: 75px;
6266
+ margin: 15px 5px 20px;
6267
+ padding: 7px 20px;
6268
+ -webkit-transition: all 0.3s ease-in-out;
6269
+ transition: all 0.3s ease-in-out;
6270
+ }
6271
+
6272
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6273
+ -webkit-transition: all 0.3s ease-in-out;
6274
+ transition: all 0.3s ease-in-out;
6275
+ }
6276
+
6277
+ .pa-gallery-img {
6278
+ position: relative;
6279
+ }
6280
+
6281
+ .pa-gallery-img .pa-gallery-whole-link {
6282
+ position: absolute;
6283
+ top: 0;
6284
+ right: 0;
6285
+ width: 100%;
6286
+ height: 100%;
6287
+ }
6288
+
6289
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
6290
+ z-index: 99;
6291
+ }
6292
+
6293
+ .pa-gallery-img-container {
6294
+ overflow: hidden;
6295
+ -webkit-backface-visibility: hidden;
6296
+ -moz-backface-visibility: hidden;
6297
+ -webkit-transform: translate3d(0, 0, 0);
6298
+ transform: translate3d(0, 0, 0);
6299
+ }
6300
+
6301
+ .pa-gallery-img-container img {
6302
+ display: block;
6303
+ width: 100%;
6304
+ -webkit-transition: all 0.3s ease-in-out;
6305
+ transition: all 0.3s ease-in-out;
6306
+ }
6307
+
6308
+ .premium-img-gallery.gray img {
6309
+ -webkit-filter: grayscale(100%);
6310
+ filter: grayscale(100%);
6311
+ }
6312
+
6313
+ .premium-img-gallery.zoomout img,
6314
+ .premium-img-gallery.scale img {
6315
+ -webkit-transform: scale(1.2);
6316
+ -ms-transform: scale(1.2);
6317
+ transform: scale(1.2);
6318
+ }
6319
+
6320
+ .premium-img-gallery.sepia img {
6321
+ -webkit-filter: sepia(30%);
6322
+ filter: sepia(30%);
6323
+ }
6324
+
6325
+ .premium-img-gallery.bright img {
6326
+ -webkit-filter: brightness(1);
6327
+ filter: brightness(1);
6328
+ }
6329
+
6330
+ .premium-img-gallery.trans img {
6331
+ -webkit-transform: translateX(15px) scale(1.1);
6332
+ -ms-transform: translateX(15px) scale(1.1);
6333
+ transform: translateX(15px) scale(1.1);
6334
+ }
6335
+
6336
+ .pa-gallery-img .pa-gallery-magnific-image,
6337
+ .pa-gallery-img .pa-gallery-img-link {
6338
+ outline: none;
6339
+ }
6340
+
6341
+ .pa-gallery-img .pa-gallery-magnific-image span,
6342
+ .pa-gallery-img .pa-gallery-img-link span {
6343
+ line-height: 1;
6344
+ display: inline-block;
6345
+ opacity: 0;
6346
+ margin: 0 5px;
6347
+ padding: 15px;
6348
+ -webkit-border-radius: 50%;
6349
+ border-radius: 50%;
6350
+ }
6351
+
6352
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
6353
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
6354
+ margin: 0 5px 20px;
6355
+ }
6356
+
6357
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
6358
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6359
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
6360
+ }
6361
+
6362
+ .pa-gallery-img:hover .pa-gallery-img-link span {
6363
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6364
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
6365
+ }
6366
+
6367
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
6368
+ .pa-gallery-img:hover .pa-gallery-img-link span,
6369
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
6370
+ opacity: 1;
6371
+ }
6372
+
6373
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
6374
+ .premium-blog-filter ul.premium-blog-filters-container {
6375
+ text-align: center;
6376
+ margin: 0;
6377
+ padding: 0;
6378
+ }
6379
+
6380
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
6381
+ .premium-blog-filter .premium-blog-filters-container li {
6382
+ list-style: none;
6383
+ display: -webkit-inline-box;
6384
+ display: -webkit-inline-flex;
6385
+ display: -ms-inline-flexbox;
6386
+ -js-display: inline-flex;
6387
+ display: -moz-inline-box;
6388
+ display: inline-flex;
6389
+ }
6390
+
6391
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
6392
+ -webkit-transform: scale(1.1);
6393
+ -ms-transform: scale(1.1);
6394
+ transform: scale(1.1);
6395
+ }
6396
+
6397
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
6398
+ -webkit-transform: scale(1);
6399
+ -ms-transform: scale(1);
6400
+ transform: scale(1);
6401
+ }
6402
+
6403
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
6404
+ -webkit-transform: scale(1.3) rotate(-5deg);
6405
+ -ms-transform: scale(1.3) rotate(-5deg);
6406
+ transform: scale(1.3) rotate(-5deg);
6407
+ }
6408
+
6409
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
6410
+ -webkit-filter: grayscale(0%);
6411
+ filter: grayscale(0%);
6412
+ }
6413
+
6414
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
6415
+ -webkit-filter: blur(3px);
6416
+ filter: blur(3px);
6417
+ }
6418
+
6419
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
6420
+ -webkit-filter: sepia(0%);
6421
+ filter: sepia(0%);
6422
+ }
6423
+
6424
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
6425
+ -webkit-transform: translateX(0px) scale(1.1);
6426
+ -ms-transform: translateX(0px) scale(1.1);
6427
+ transform: translateX(0px) scale(1.1);
6428
+ }
6429
+
6430
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
6431
+ -webkit-filter: brightness(1.2);
6432
+ filter: brightness(1.2);
6433
+ }
6434
+
6435
+ .pa-gallery-img .premium-gallery-caption {
6436
+ padding: 10px;
6437
+ }
6438
+
6439
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
6440
+ margin-bottom: 0;
6441
+ }
6442
+
6443
+ .pa-gallery-img.style1 {
6444
+ overflow: hidden;
6445
+ }
6446
+
6447
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
6448
+ position: absolute;
6449
+ top: 0;
6450
+ right: 0;
6451
+ width: 100%;
6452
+ height: 100%;
6453
+ -webkit-transition: all 0.3s ease-in-out;
6454
+ transition: all 0.3s ease-in-out;
6455
+ }
6456
+
6457
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
6458
+ position: absolute;
6459
+ top: 33.33%;
6460
+ width: 100%;
6461
+ text-align: center;
6462
+ -webkit-transform: translateY(-50%);
6463
+ -ms-transform: translateY(-50%);
6464
+ transform: translateY(-50%);
6465
+ z-index: 999;
6466
+ }
6467
+
6468
+ .pa-gallery-img.style1 .premium-gallery-caption {
6469
+ position: absolute;
6470
+ top: auto;
6471
+ left: 0;
6472
+ right: 0;
6473
+ width: 100%;
6474
+ -webkit-transition: all 500ms ease 0s;
6475
+ transition: all 500ms ease 0s;
6476
+ -webkit-transform: translate3d(0, 100%, 0);
6477
+ -ms-transform: translate3d(0, 100%, 0);
6478
+ transform: translate3d(0, 100%, 0);
6479
+ }
6480
+
6481
+ .pa-gallery-img.default .premium-gallery-caption {
6482
+ position: absolute;
6483
+ top: auto;
6484
+ left: 0;
6485
+ right: 0;
6486
+ width: 100%;
6487
+ bottom: 0;
6488
+ }
6489
+
6490
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
6491
+ -webkit-transform: translate3d(0, 0, 0);
6492
+ -ms-transform: translate3d(0, 0, 0);
6493
+ transform: translate3d(0, 0, 0);
6494
+ bottom: -1px !important;
6495
+ }
6496
+
6497
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
6498
+ position: absolute;
6499
+ top: 0;
6500
+ right: 0;
6501
+ width: 100%;
6502
+ height: 100%;
6503
+ opacity: 0;
6504
+ -webkit-backface-visibility: hidden;
6505
+ backface-visibility: hidden;
6506
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
6507
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
6508
+ transition: opacity 0.3s, -webkit-transform 0.3s;
6509
+ transition: transform 0.3s, opacity 0.3s;
6510
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6511
+ z-index: 1;
6512
+ background-color: rgba(108, 191, 226, 0.68);
6513
+ display: -webkit-box;
6514
+ display: -webkit-flex;
6515
+ display: -ms-flexbox;
6516
+ -js-display: flex;
6517
+ display: -moz-box;
6518
+ display: flex;
6519
+ text-align: center;
6520
+ -webkit-box-align: center;
6521
+ -webkit-align-items: center;
6522
+ -moz-box-align: center;
6523
+ -ms-flex-align: center;
6524
+ align-items: center;
6525
+ }
6526
+
6527
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6528
+ width: 100%;
6529
+ }
6530
+
6531
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6532
+ opacity: 1;
6533
+ -webkit-transform: translate(-15px, 15px);
6534
+ -ms-transform: translate(-15px, 15px);
6535
+ transform: translate(-15px, 15px);
6536
+ }
6537
+
6538
+ .premium-clearfix {
6539
+ clear: both;
6540
+ }
6541
+
6542
+ .premium-gallery-container .pa-gallery-item {
6543
+ padding: 10px;
6544
+ }
6545
+
6546
+ /** * Metro Style */
6547
+ .premium-img-gallery-metro .premium-gallery-item {
6548
+ overflow: hidden;
6549
+ }
6550
+
6551
+ .premium-img-gallery-metro .pa-gallery-img,
6552
+ .premium-img-gallery-metro .pa-gallery-img-container {
6553
+ height: 100%;
6554
+ }
6555
+
6556
+ .premium-img-gallery-metro .pa-gallery-image {
6557
+ min-height: 100%;
6558
+ width: 100%;
6559
+ -o-object-fit: fill;
6560
+ object-fit: fill;
6561
+ }
6562
+
6563
+ .premium-img-gallery .premium-gallery-item-hidden {
6564
+ visibility: hidden;
6565
+ width: 0 !important;
6566
+ height: 0 !important;
6567
+ margin: 0 !important;
6568
+ padding: 0 !important;
6569
+ }
6570
+
6571
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
6572
+ -webkit-box-shadow: none;
6573
+ box-shadow: none;
6574
+ text-shadow: none;
6575
+ border: none;
6576
+ outline: none;
6577
+ -webkit-box-align: center;
6578
+ -ms-flex-align: center;
6579
+ -webkit-align-items: center;
6580
+ -moz-box-align: center;
6581
+ align-items: center;
6582
+ vertical-align: bottom;
6583
+ cursor: pointer;
6584
+ line-height: 1;
6585
+ font-style: normal;
6586
+ font-weight: normal;
6587
+ background-image: none;
6588
+ color: #fff;
6589
+ -webkit-transition: all 0.3s ease-in-out;
6590
+ transition: all 0.3s ease-in-out;
6591
+ }
6592
+
6593
+ .premium-gallery-load-more-btn {
6594
+ display: -webkit-inline-box;
6595
+ display: -webkit-inline-flex;
6596
+ display: -ms-inline-flexbox;
6597
+ -js-display: inline-flex;
6598
+ display: -moz-inline-box;
6599
+ display: inline-flex;
6600
+ -webkit-box-align: center;
6601
+ -webkit-align-items: center;
6602
+ -moz-box-align: center;
6603
+ -ms-flex-align: center;
6604
+ align-items: center;
6605
+ }
6606
+
6607
+ .premium-loader {
6608
+ border: 3px solid #f3f3f3;
6609
+ border-top-width: 3px;
6610
+ border-top-style: solid;
6611
+ border-top-color: rgb(243, 243, 243);
6612
+ -webkit-border-radius: 50%;
6613
+ border-radius: 50%;
6614
+ border-top: 3px solid;
6615
+ border-top-color: #bbb;
6616
+ width: 30px;
6617
+ height: 30px;
6618
+ -webkit-animation: spin 2s linear infinite;
6619
+ animation: spin 2s linear infinite;
6620
+ margin: 0 auto;
6621
+ }
6622
+
6623
+ .premium-gallery-load-more-btn div {
6624
+ margin-right: 3px;
6625
+ }
6626
+
6627
+ .premium-gallery-load-more-btn .premium-loader {
6628
+ display: inline-block;
6629
+ width: 20px;
6630
+ height: 20px;
6631
+ }
6632
+
6633
+ /** * Video */
6634
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6635
+ display: inline-block;
6636
+ }
6637
+
6638
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6639
+ .pa-gallery-img .pa-gallery-video-icon {
6640
+ cursor: pointer;
6641
+ }
6642
+
6643
+ .pa-gallery-img-container iframe,
6644
+ .pa-gallery-img-container video {
6645
+ position: absolute;
6646
+ visibility: hidden;
6647
+ top: 0;
6648
+ right: 0;
6649
+ max-width: 100%;
6650
+ width: 100%;
6651
+ height: 100%;
6652
+ margin: 0;
6653
+ line-height: 1;
6654
+ border: none;
6655
+ }
6656
+
6657
+ .pa-gallery-img-container video {
6658
+ -o-object-fit: contain;
6659
+ object-fit: contain;
6660
+ }
6661
+
6662
+ .pa-gallery-icons-inner-container svg,
6663
+ .pa-gallery-icons-caption-cell svg {
6664
+ width: 14px;
6665
+ height: 14px;
6666
+ }
6667
+
6668
+ @-webkit-keyframes spin {
6669
+ 0% {
6670
+ -webkit-transform: rotate(0deg);
6671
+ }
6672
+
6673
+ 100% {
6674
+ -webkit-transform: rotate(-360deg);
6675
+ }
6676
+ }
6677
+
6678
+ @keyframes spin {
6679
+ 0% {
6680
+ -webkit-transform: rotate(0deg);
6681
+ transform: rotate(0deg);
6682
+ }
6683
+
6684
+ 100% {
6685
+ -webkit-transform: rotate(-360deg);
6686
+ transform: rotate(-360deg);
6687
+ }
6688
+ }
6689
+
6690
+ /************ Premium Vertical Scroll ************/
6691
+ /*************************************************/
6692
+ .premium-vscroll-inner {
6693
+ position: relative;
6694
+ /* overflow: hidden;
6695
+ */
6696
+ min-height: 100%;
6697
+ }
6698
+
6699
+ .premium-vscroll-inner .premium-vscroll-dots {
6700
+ position: fixed;
6701
+ z-index: 100;
6702
+ opacity: 1;
6703
+ margin-top: -32px;
6704
+ -webkit-transition: all 0.3s ease-in-out;
6705
+ transition: all 0.3s ease-in-out;
6706
+ }
6707
+
6708
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6709
+ opacity: 1;
6710
+ -webkit-transition: all 0.3s ease-in-out;
6711
+ transition: all 0.3s ease-in-out;
6712
+ }
6713
+
6714
+ .premium-vscroll-inner .premium-vscroll-dots,
6715
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6716
+ opacity: 0;
6717
+ visibility: hidden;
6718
+ }
6719
+
6720
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
6721
+ opacity: 1;
6722
+ visibility: visible;
6723
+ }
6724
+
6725
+ .premium-vscroll-dots.middle {
6726
+ top: 50%;
6727
+ }
6728
+
6729
+ .premium-vscroll-dots.top {
6730
+ top: 40px;
6731
+ }
6732
+
6733
+ .premium-vscroll-dots.bottom {
6734
+ bottom: 30px;
6735
+ }
6736
+
6737
+ .premium-vscroll-dots.right {
6738
+ left: 17px;
6739
+ }
6740
+
6741
+ .premium-vscroll-dots.left {
6742
+ right: 17px;
6743
+ }
6744
+
6745
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6746
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6747
+ margin: 0 !important;
6748
+ padding: 0;
6749
+ }
6750
+
6751
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6752
+ width: 14px;
6753
+ height: 13px;
6754
+ margin: 7px;
6755
+ position: relative;
6756
+ display: -webkit-box;
6757
+ display: -webkit-flex;
6758
+ display: -ms-flexbox;
6759
+ -js-display: flex;
6760
+ display: -moz-box;
6761
+ display: flex;
6762
+ -webkit-box-pack: center;
6763
+ -ms-flex-pack: center;
6764
+ -webkit-justify-content: center;
6765
+ -moz-box-pack: center;
6766
+ justify-content: center;
6767
+ -webkit-box-align: center;
6768
+ -ms-flex-align: center;
6769
+ -webkit-align-items: center;
6770
+ -moz-box-align: center;
6771
+ align-items: center;
6772
+ overflow: visible;
6773
+ }
6774
+
6775
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6776
+ display: block;
6777
+ position: relative;
6778
+ z-index: 1;
6779
+ width: 100%;
6780
+ height: 100%;
6781
+ cursor: pointer;
6782
+ text-decoration: none;
6783
+ }
6784
+
6785
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6786
+ top: 2px;
6787
+ right: 2.5px;
6788
+ width: 8px;
6789
+ height: 8px;
6790
+ border: 1px solid #000;
6791
+ -webkit-border-radius: 50%;
6792
+ border-radius: 50%;
6793
+ position: absolute;
6794
+ z-index: 1;
6795
+ -webkit-transition: all 0.3s ease-in-out;
6796
+ transition: all 0.3s ease-in-out;
6797
+ }
6798
+
6799
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6800
+ -webkit-transform: scale(1.6);
6801
+ -ms-transform: scale(1.6);
6802
+ transform: scale(1.6);
6803
+ }
6804
+
6805
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6806
+ position: absolute;
6807
+ color: #fff;
6808
+ font-size: 14px;
6809
+ font-family: arial, helvetica, sans-serif;
6810
+ white-space: nowrap;
6811
+ max-width: 220px;
6812
+ padding-right: 0.4em;
6813
+ padding-left: 0.4em;
6814
+ }
6815
+
6816
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6817
+ left: 27px;
6818
+ }
6819
+
6820
+ /* * Lines */
6821
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6822
+ width: 4px;
6823
+ height: 30px;
6824
+ }
6825
+
6826
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6827
+ width: 100%;
6828
+ height: 100%;
6829
+ -webkit-border-radius: 0;
6830
+ border-radius: 0;
6831
+ }
6832
+
6833
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6834
+ -webkit-transform: scale(1);
6835
+ -ms-transform: scale(1);
6836
+ transform: scale(1);
6837
+ }
6838
+
6839
+ @media (max-width: 768px) {
6840
+ .premium-vscroll-dots.right {
6841
+ left: 7px;
6842
+ }
6843
+
6844
+ .premium-vscroll-dots.left {
6845
+ right: 7px;
6846
+ }
6847
+ }
6848
+
6849
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6850
+ position: absolute;
6851
+ top: 50%;
6852
+ content: "";
6853
+ right: -webkit-calc(100% - 1px);
6854
+ right: calc(100% - 1px);
6855
+ width: 10px;
6856
+ height: 0;
6857
+ border-top: 6px solid transparent;
6858
+ border-bottom: 6px solid transparent;
6859
+ border-right: 6px solid;
6860
+ -webkit-transform: translateY(-50%);
6861
+ -ms-transform: translateY(-50%);
6862
+ transform: translateY(-50%);
6863
+ }
6864
+
6865
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6866
+ position: absolute;
6867
+ top: 50%;
6868
+ content: "";
6869
+ left: -webkit-calc(100% - 1px);
6870
+ left: calc(100% - 1px);
6871
+ width: 10px;
6872
+ height: 0;
6873
+ border-top: 6px solid transparent;
6874
+ border-bottom: 6px solid transparent;
6875
+ border-left: 6px solid;
6876
+ -webkit-transform: translateY(-50%);
6877
+ -ms-transform: translateY(-50%);
6878
+ transform: translateY(-50%);
6879
+ }
6880
+
6881
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6882
+ right: 27px;
6883
+ }
6884
+
6885
+ .premium-vscroll-nav-menu {
6886
+ position: fixed;
6887
+ top: 20px;
6888
+ height: 40px;
6889
+ z-index: 100;
6890
+ padding: 0;
6891
+ margin: 0;
6892
+ }
6893
+
6894
+ .premium-vscroll-nav-menu.left {
6895
+ right: 0;
6896
+ }
6897
+
6898
+ .premium-vscroll-nav-menu.right {
6899
+ left: 0;
6900
+ }
6901
+
6902
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6903
+ display: inline-block;
6904
+ margin: 10px;
6905
+ color: #000;
6906
+ background: #fff;
6907
+ background: rgba(255, 255, 255, 0.3);
6908
+ }
6909
+
6910
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6911
+ padding: 9px 18px;
6912
+ display: block;
6913
+ cursor: pointer;
6914
+ }
6915
+
6916
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
6917
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6918
+ color: #000;
6919
+ }
6920
+
6921
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
6922
+ .multiscroll-nav li a:focus {
6923
+ outline: none;
6924
+ }
6925
+
6926
+ .premium-vscroll-temp .slimScrollBar {
6927
+ visibility: hidden;
6928
+ }
6929
+
6930
+ /************ Premium Image Scroll ***************/
6931
+ /*************************************************/
6932
+ .premium-image-scroll-section,
6933
+ .premium-image-scroll-container {
6934
+ -webkit-transition: all 0.3s ease-in-out;
6935
+ transition: all 0.3s ease-in-out;
6936
+ }
6937
+
6938
+ .premium-image-scroll-section {
6939
+ overflow: hidden;
6940
+ width: 100%;
6941
+ position: relative;
6942
+ }
6943
+
6944
+ .premium-image-scroll-container {
6945
+ width: 100%;
6946
+ }
6947
+
6948
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6949
+ -webkit-mask-repeat: no-repeat;
6950
+ mask-repeat: no-repeat;
6951
+ -webkit-mask-position: center;
6952
+ mask-position: center;
6953
+ }
6954
+
6955
+ .premium-container-scroll {
6956
+ overflow: auto;
6957
+ }
6958
+
6959
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6960
+ position: relative;
6961
+ width: 100%;
6962
+ height: 100%;
6963
+ }
6964
+
6965
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6966
+ max-width: none;
6967
+ height: 100%;
6968
+ }
6969
+
6970
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6971
+ width: 100%;
6972
+ max-width: 100%;
6973
+ height: auto;
6974
+ }
6975
+
6976
+ .premium-image-scroll-ver {
6977
+ position: relative;
6978
+ }
6979
+
6980
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6981
+ background: rgba(2, 2, 2, 0.3);
6982
+ }
6983
+
6984
+ .premium-image-scroll-container .premium-image-scroll-link,
6985
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6986
+ position: absolute;
6987
+ top: 0;
6988
+ bottom: 0;
6989
+ right: 0;
6990
+ left: 0;
6991
+ z-index: 4;
6992
+ }
6993
+
6994
+ .premium-image-scroll-content {
6995
+ display: inline-block;
6996
+ position: absolute;
6997
+ height: auto;
6998
+ top: 50%;
6999
+ right: 50%;
7000
+ text-align: center;
7001
+ z-index: 5;
7002
+ -webkit-transform: translate(50%, -50%);
7003
+ -ms-transform: translate(50%, -50%);
7004
+ transform: translate(50%, -50%);
7005
+ }
7006
+
7007
+ .premium-container-scroll-instant .premium-image-scroll-image {
7008
+ -webkit-transition: all 0s ease-in-out !important;
7009
+ transition: all 0s ease-in-out !important;
7010
+ }
7011
+
7012
+ .premium-image-scroll-container img {
7013
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7014
+ transition: -webkit-transform 3s ease-in-out;
7015
+ transition: transform 3s ease-in-out;
7016
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7017
+ }
7018
+
7019
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7020
+ .premium-image-scroll-container .premium-image-scroll-content {
7021
+ -webkit-transition: all 0.3s ease-in-out;
7022
+ transition: all 0.3s ease-in-out;
7023
+ opacity: 1;
7024
+ }
7025
+
7026
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7027
+ opacity: 0;
7028
+ }
7029
+
7030
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7031
+ opacity: 0;
7032
+ visibility: hidden;
7033
+ }
7034
+
7035
+ .premium-image-scroll-content .premium-image-scroll-icon {
7036
+ display: inline-block;
7037
+ font-family: "pa-elements" !important;
7038
+ speak: none;
7039
+ font-style: normal;
7040
+ font-weight: normal;
7041
+ font-variant: normal;
7042
+ text-transform: none;
7043
+ line-height: 1;
7044
+ -webkit-font-smoothing: antialiased;
7045
+ -moz-osx-font-smoothing: grayscale;
7046
+ -webkit-animation-duration: 0.5s;
7047
+ animation-duration: 0.5s;
7048
+ -webkit-animation-iteration-count: infinite;
7049
+ animation-iteration-count: infinite;
7050
+ -webkit-animation-direction: alternate;
7051
+ animation-direction: alternate;
7052
+ -webkit-animation-timing-function: ease-in-out;
7053
+ animation-timing-function: ease-in-out;
7054
+ }
7055
+
7056
+ .pa-horizontal-mouse-scroll:before {
7057
+ content: "\e917";
7058
+ }
7059
+
7060
+ .pa-vertical-mouse-scroll:before {
7061
+ content: "\e918";
7062
+ }
7063
+
7064
+ .pa-horizontal-mouse-scroll {
7065
+ -webkit-animation-name: pa-scroll-horizontal;
7066
+ animation-name: pa-scroll-horizontal;
7067
+ }
7068
+
7069
+ .pa-vertical-mouse-scroll {
7070
+ -webkit-animation-name: pa-scroll-vertical;
7071
+ animation-name: pa-scroll-vertical;
7072
+ }
7073
+
7074
+ @-webkit-keyframes pa-scroll-vertical {
7075
+ 0% {
7076
+ -webkit-transform: translateY(0px);
7077
+ transform: translateY(0px);
7078
+ }
7079
+
7080
+ 100% {
7081
+ -webkit-transform: translateY(5px);
7082
+ transform: translateY(5px);
7083
+ }
7084
+ }
7085
+
7086
+ @keyframes pa-scroll-vertical {
7087
+ 0% {
7088
+ -webkit-transform: translateY(0px);
7089
+ transform: translateY(0px);
7090
+ }
7091
+
7092
+ 100% {
7093
+ -webkit-transform: translateY(5px);
7094
+ transform: translateY(5px);
7095
+ }
7096
+ }
7097
+
7098
+ @-webkit-keyframes pa-scroll-horizontal {
7099
+ 0% {
7100
+ -webkit-transform: translateX(0px);
7101
+ transform: translateX(0px);
7102
+ }
7103
+
7104
+ 100% {
7105
+ -webkit-transform: translateX(-5px);
7106
+ transform: translateX(-5px);
7107
+ }
7108
+ }
7109
+
7110
+ @keyframes pa-scroll-horizontal {
7111
+ 0% {
7112
+ -webkit-transform: translateX(0px);
7113
+ transform: translateX(0px);
7114
+ }
7115
+
7116
+ 100% {
7117
+ -webkit-transform: translateX(-5px);
7118
+ transform: translateX(-5px);
7119
+ }
7120
+ }
7121
+
7122
+ /********* Premium Lottie Animations **********/
7123
+ /**********************************************/
7124
+ .premium-lottie-wrap .premium-lottie-animation {
7125
+ position: relative;
7126
+ -js-display: inline-flex;
7127
+ display: -webkit-inline-box;
7128
+ display: -webkit-inline-flex;
7129
+ display: -moz-inline-box;
7130
+ display: -ms-inline-flexbox;
7131
+ display: inline-flex;
7132
+ -webkit-transition: all 0.3s ease-in-out;
7133
+ transition: all 0.3s ease-in-out;
7134
+ }
7135
+
7136
+ .premium-lottie-wrap .premium-lottie-animation a {
7137
+ position: absolute;
7138
+ left: 0;
7139
+ top: 0;
7140
+ width: 100%;
7141
+ height: 100%;
7142
+ }
7143
+
7144
+ /**************** Premium Bullet List *****************/
7145
+ /******************************************************/
7146
+ .premium-icon-list-box {
7147
+ -js-display: flex;
7148
+ display: -webkit-box;
7149
+ display: -webkit-flex;
7150
+ display: -moz-box;
7151
+ display: -ms-flexbox;
7152
+ display: flex;
7153
+ -webkit-flex-wrap: wrap;
7154
+ -ms-flex-wrap: wrap;
7155
+ flex-wrap: wrap;
7156
+ -webkit-box-orient: vertical;
7157
+ -webkit-box-direction: normal;
7158
+ -webkit-flex-direction: column;
7159
+ -moz-box-orient: vertical;
7160
+ -moz-box-direction: normal;
7161
+ -ms-flex-direction: column;
7162
+ flex-direction: column;
7163
+ }
7164
+
7165
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
7166
+ -webkit-transform-origin: right center;
7167
+ -ms-transform-origin: right center;
7168
+ transform-origin: right center;
7169
+ }
7170
+
7171
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
7172
+ -webkit-transform-origin: left center;
7173
+ -ms-transform-origin: left center;
7174
+ transform-origin: left center;
7175
+ }
7176
+
7177
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
7178
+ -webkit-transform-origin: center center;
7179
+ -ms-transform-origin: center center;
7180
+ transform-origin: center center;
7181
+ }
7182
+
7183
+ .premium-icon-list-content {
7184
+ -js-display: flex;
7185
+ display: -webkit-box;
7186
+ display: -webkit-flex;
7187
+ display: -moz-box;
7188
+ display: -ms-flexbox;
7189
+ display: flex;
7190
+ -webkit-transition: all 0.3s ease-in-out;
7191
+ transition: all 0.3s ease-in-out;
7192
+ width: auto;
7193
+ position: relative;
7194
+ }
7195
+
7196
+ .premium-icon-list-content .premium-icon-list-text span,
7197
+ .premium-icon-list-content .premium-icon-list-wrapper {
7198
+ display: inline-block;
7199
+ -webkit-align-self: center;
7200
+ -ms-flex-item-align: center;
7201
+ align-self: center;
7202
+ -webkit-transition: all 0.3s ease-in-out;
7203
+ transition: all 0.3s ease-in-out;
7204
+ }
7205
+
7206
+ .premium-icon-list-content .premium-icon-list-text span {
7207
+ margin: 0 5px;
7208
+ }
7209
+
7210
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7211
+ font-size: 18px;
7212
+ background-color: #eee;
7213
+ padding: 1px 5px;
7214
+ -webkit-border-radius: 2px;
7215
+ border-radius: 2px;
7216
+ }
7217
+
7218
+ .premium-icon-list-content .premium-icon-list-text span,
7219
+ .premium-icon-list-content .premium-icon-list-icon-text p,
7220
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7221
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
7222
+ .premium-icon-list-content .premium-icon-list-wrapper i {
7223
+ -webkit-transition: all 0.3s ease-in-out;
7224
+ transition: all 0.3s ease-in-out;
7225
+ }
7226
+
7227
+ .premium-icon-list-content .premium-icon-list-wrapper {
7228
+ position: relative;
7229
+ line-height: 0;
7230
+ }
7231
+
7232
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7233
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7234
+ width: 30px !important;
7235
+ height: 30px !important;
7236
+ position: relative;
7237
+ z-index: 500;
7238
+ }
7239
+
7240
+ .premium-icon-list-content .premium-icon-list-wrapper i,
7241
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7242
+ position: relative;
7243
+ z-index: 500;
7244
+ }
7245
+
7246
+ .premium-icon-list-content .premium-icon-list-link {
7247
+ position: absolute;
7248
+ top: 0;
7249
+ right: 0;
7250
+ width: 100%;
7251
+ height: 100%;
7252
+ z-index: 1000;
7253
+ }
7254
+
7255
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7256
+ width: 100%;
7257
+ height: 100%;
7258
+ position: absolute;
7259
+ top: 0.5em;
7260
+ z-index: 100;
7261
+ -js-display: flex;
7262
+ display: -webkit-box;
7263
+ display: -webkit-flex;
7264
+ display: -moz-box;
7265
+ display: -ms-flexbox;
7266
+ display: flex;
7267
+ -webkit-box-pack: center;
7268
+ -webkit-justify-content: center;
7269
+ -moz-box-pack: center;
7270
+ -ms-flex-pack: center;
7271
+ justify-content: center;
7272
+ }
7273
+
7274
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
7275
+ content: "";
7276
+ border-left-width: 1px;
7277
+ border-left-style: solid;
7278
+ border-color: #333333;
7279
+ display: block;
7280
+ height: 100%;
7281
+ }
7282
+
7283
+ li.premium-icon-list-content.premium-icon-list-content-inline {
7284
+ -webkit-align-self: center;
7285
+ -ms-flex-item-align: center;
7286
+ align-self: center;
7287
+ z-index: 2;
7288
+ }
7289
+
7290
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
7291
+ margin: 0 3px;
7292
+ }
7293
+
7294
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
7295
+ margin: 0 0 0 3px;
7296
+ }
7297
+
7298
+ .premium-icon-list-divider:not(:last-child) {
7299
+ width: 100%;
7300
+ -webkit-box-flex: 0;
7301
+ -webkit-flex: 0 0 100%;
7302
+ -moz-box-flex: 0;
7303
+ -ms-flex: 0 0 100%;
7304
+ flex: 0 0 100%;
7305
+ overflow: hidden;
7306
+ }
7307
+
7308
+ .premium-icon-list-divider:not(:last-child):after {
7309
+ content: "";
7310
+ display: block;
7311
+ border-top-style: solid;
7312
+ border-top-width: 1px;
7313
+ }
7314
+
7315
+ .premium-icon-list-divider-inline:not(:last-child) {
7316
+ float: left;
7317
+ display: inline-block;
7318
+ position: relative;
7319
+ height: 100%;
7320
+ overflow: hidden;
7321
+ -webkit-align-self: center;
7322
+ -ms-flex-item-align: center;
7323
+ align-self: center;
7324
+ margin: 0 3px;
7325
+ }
7326
+
7327
+ .premium-icon-list-divider-inline:not(:last-child):after {
7328
+ content: "";
7329
+ display: block;
7330
+ border-right-width: 1px;
7331
+ height: 33px;
7332
+ border-right-style: solid;
7333
+ }
7334
+
7335
+ .premium-icon-list-icon-text {
7336
+ line-height: 1.5;
7337
+ }
7338
+
7339
+ .premium-icon-list-icon-text p,
7340
+ ul.premium-icon-list-box,
7341
+ li.premium-icon-list-content {
7342
+ margin: 0;
7343
+ }
7344
+
7345
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
7346
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
7347
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
7348
+ color: transparent !important;
7349
+ text-shadow: 0 0 3px #aaa;
7350
+ }
7351
+
7352
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
7353
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
7354
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
7355
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
7356
+ -webkit-filter: blur(3px);
7357
+ filter: blur(3px);
7358
+ }
7359
+
7360
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
7361
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
7362
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
7363
+ color: #aaa !important;
7364
+ text-shadow: 0 0px 0 transparent;
7365
+ }
7366
+
7367
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
7368
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
7369
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
7370
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
7371
+ -webkit-filter: none;
7372
+ filter: none;
7373
+ }
7374
+
7375
+ .premium-icon-list-content .premium-icon-list-badge {
7376
+ font-size: 11px;
7377
+ top: auto;
7378
+ min-width: -webkit-max-content;
7379
+ min-width: -moz-max-content;
7380
+ min-width: max-content;
7381
+ height: -webkit-fit-content;
7382
+ height: -moz-fit-content;
7383
+ height: fit-content;
7384
+ }
7385
+
7386
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7387
+ font-size: 13px;
7388
+ }
7389
+
7390
+ .premium-icon-list-gradient-effect[data-text] {
7391
+ display: inline-block;
7392
+ position: relative;
7393
+ text-decoration: none;
7394
+ }
7395
+
7396
+ .premium-icon-list-gradient-effect[data-text]::before {
7397
+ content: attr(data-text);
7398
+ position: absolute;
7399
+ z-index: 1;
7400
+ overflow: hidden;
7401
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7402
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
7403
+ -webkit-background-clip: text;
7404
+ background-clip: text;
7405
+ -webkit-text-fill-color: transparent;
7406
+ -webkit-transition: all 0.4s ease;
7407
+ transition: all 0.4s ease;
7408
+ }
7409
+
7410
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
7411
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
7412
+ -webkit-animation: rtlgradient 1s forwards;
7413
+ animation: rtlgradient 1s forwards;
7414
+ }
7415
+
7416
+ @-webkit-keyframes rtlgradient {
7417
+ 0% {
7418
+ -webkit-clip-path: circle(0% at 150% 50%);
7419
+ clip-path: circle(0% at 150% 50%);
7420
+ }
7421
+
7422
+ 100% {
7423
+ -webkit-clip-path: circle(100% at 50% 50%);
7424
+ clip-path: circle(100% at 50% 50%);
7425
+ }
7426
+ }
7427
+
7428
+ @keyframes rtlgradient {
7429
+ 0% {
7430
+ -webkit-clip-path: circle(0% at 150% 50%);
7431
+ clip-path: circle(0% at 150% 50%);
7432
+ }
7433
+
7434
+ 100% {
7435
+ -webkit-clip-path: circle(100% at 50% 50%);
7436
+ clip-path: circle(100% at 50% 50%);
7437
+ }
7438
+ }
7439
+
7440
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
7441
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
7442
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
7443
+ opacity: 0;
7444
+ }
7445
+
7446
+ .premium-icon-list-content-grow-effect:hover {
7447
+ -webkit-transform: scale(1.07);
7448
+ -ms-transform: scale(1.07);
7449
+ transform: scale(1.07);
7450
+ }
assets/frontend/css/premium-addons.css CHANGED
@@ -14,8 +14,8 @@
14
  display: block;
15
  position: relative; }
16
  .premium-banner-ib img {
17
- display: block;
18
- position: relative; }
19
 
20
  .premium-banner-img-wrap {
21
  -js-display: flex;
@@ -26,9 +26,9 @@
26
  display: flex;
27
  height: 100%; }
28
  .premium-banner-img-wrap .premium-banner-ib-img {
29
- -webkit-flex-shrink: 0;
30
- -ms-flex-negative: 0;
31
- flex-shrink: 0; }
32
 
33
  .premium-banner-ib {
34
  z-index: 1;
@@ -36,8 +36,8 @@
36
  margin: 0 0 35px;
37
  text-align: center;
38
  -webkit-box-sizing: border-box;
39
- -moz-box-sizing: border-box;
40
- box-sizing: border-box; }
41
 
42
  .premium-banner-ib-desc .premium-banner-read-more {
43
  z-index: 100; }
@@ -52,8 +52,8 @@
52
  .premium-banner-ib *,
53
  .premium-banner-ib .premium-banner-ib-desc {
54
  -webkit-box-sizing: border-box;
55
- -moz-box-sizing: border-box;
56
- box-sizing: border-box; }
57
 
58
  .premium-banner-ib img {
59
  min-width: 100%;
@@ -64,10 +64,10 @@
64
  .premium-banner-ib .premium-banner-ib-desc {
65
  padding: 15px;
66
  -webkit-backface-visibility: hidden;
67
- backface-visibility: hidden;
68
  -webkit-box-sizing: border-box;
69
- -moz-box-sizing: border-box;
70
- box-sizing: border-box;
71
  position: absolute;
72
  top: 0;
73
  left: 0;
@@ -100,7 +100,7 @@
100
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
101
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
102
  -webkit-transform: translate3d(-40px, 0, 0);
103
- transform: translate3d(-40px, 0, 0); }
104
 
105
  .premium-banner-animation2 .premium-banner-ib-title {
106
  padding: 15px; }
@@ -117,11 +117,11 @@
117
  .premium-banner-animation1 .premium-banner-ib-title,
118
  .premium-banner-animation1 .premium-banner-read-more {
119
  -webkit-transform: translate3d(0, 40px, 0);
120
- transform: translate3d(0, 40px, 0);
121
  -webkit-transition-delay: 0.05s;
122
- transition-delay: 0.05s;
123
  -webkit-transition-duration: 0.35s;
124
- transition-duration: 0.35s; }
125
 
126
  .premium-banner-animation1 .premium-banner-ib-title {
127
  -webkit-transition: -webkit-transform 0.35s;
@@ -144,9 +144,9 @@
144
  .premium-banner-animation1.active .premium-banner-read-more {
145
  opacity: 1;
146
  -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
  -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s; }
150
 
151
  .premium-banner-animation1:hover .premium-banner-ib-content,
152
  .premium-banner-animation1.active .premium-banner-ib-content,
@@ -157,32 +157,32 @@
157
  .premium-banner-animation1:hover img,
158
  .premium-banner-animation1.active img {
159
  -webkit-transform: translate3d(0, 0, 0);
160
- transform: translate3d(0, 0, 0);
161
  -webkit-transition-delay: 0.05s;
162
- transition-delay: 0.05s;
163
  -webkit-transition-duration: 0.35s;
164
- transition-duration: 0.35s; }
165
 
166
  .premium-banner-animation1.zoomout img,
167
  .premium-banner-animation1.scale img {
168
  -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
169
- transform: translate3d(-40px, 0, 0) scale(1.1); }
170
 
171
  .premium-banner-ib.sepia img {
172
  -webkit-filter: sepia(30%);
173
- filter: sepia(30%); }
174
 
175
  .premium-banner-ib.bright img {
176
  -webkit-filter: brightness(1);
177
- filter: brightness(1); }
178
 
179
  .premium-banner-ib.sepia:hover img {
180
  -webkit-filter: sepia(0%);
181
- filter: sepia(0%); }
182
 
183
  .premium-banner-ib.bright:hover img {
184
  -webkit-filter: brightness(1.2);
185
- filter: brightness(1.2); }
186
 
187
  .premium-banner-animation1.premium-banner-min-height img,
188
  .premium-banner-animation2.premium-banner-min-height img,
@@ -204,7 +204,7 @@
204
  height: 100%;
205
  opacity: 0;
206
  -webkit-transform: translate3d(0, 50%, 0);
207
- transform: translate3d(0, 50%, 0); }
208
 
209
  .premium-banner-animation2 .premium-banner-ib-title {
210
  position: absolute;
@@ -216,7 +216,7 @@
216
  transition: transform 0.35s, color 0.35s;
217
  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
218
  -webkit-transform: translate3d(0, -50%, 0);
219
- transform: translate3d(0, -50%, 0); }
220
 
221
  .premium-banner-animation2 .premium-banner-ib-content,
222
  .premium-banner-animation2 .premium-banner-read-more,
@@ -236,12 +236,12 @@
236
  max-height: 50%;
237
  opacity: 0;
238
  -webkit-transform: translate3d(0, 10px, 0);
239
- transform: translate3d(0, 10px, 0); }
240
 
241
  .premium-banner-animation2:hover .premium-banner-ib-title,
242
  .premium-banner-animation2.active .premium-banner-ib-title {
243
  -webkit-transform: translate3d(0, -40px, 0);
244
- transform: translate3d(0, -40px, 0); }
245
 
246
  .premium-banner-animation2:hover .premium-banner-read-more,
247
  .premium-banner-animation2.active .premium-banner-read-more,
@@ -249,13 +249,13 @@
249
  .premium-banner-animation2.active .premium-banner-ib-desc::before {
250
  opacity: 1;
251
  -webkit-transform: translate3d(0, 0, 0);
252
- transform: translate3d(0, 0, 0); }
253
 
254
  .premium-banner-animation2:hover .premium-banner-ib-content,
255
  .premium-banner-animation2.active .premium-banner-ib-content {
256
  opacity: 1;
257
  -webkit-transform: translate3d(0, -30px, 0);
258
- transform: translate3d(0, -30px, 0); }
259
 
260
  .premium-banner-animation3 .premium-banner-ib-title {
261
  position: absolute;
@@ -265,7 +265,7 @@
265
  width: 100%;
266
  text-align: left;
267
  -webkit-transform: translate3d(0, -30px, 0);
268
- transform: translate3d(0, -30px, 0); }
269
 
270
  .premium-banner-animation3 .premium-banner-ib-desc::before,
271
  .premium-banner-animation3 .premium-banner-ib-title {
@@ -280,7 +280,7 @@
280
  .premium-banner-animation3.active .premium-banner-ib-title {
281
  opacity: 1;
282
  -webkit-transform: translate3d(0, 0, 0);
283
- transform: translate3d(0, 0, 0); }
284
 
285
  .premium-banner-animation3 .premium-banner-ib-content {
286
  max-height: -webkit-calc(100% - 60px - 1.5em);
@@ -296,38 +296,38 @@
296
  .premium-banner-animation4 .premium-banner-ib-desc {
297
  padding: 30px; }
298
  .premium-banner-animation4 .premium-banner-ib-desc::after {
299
- position: absolute;
300
- content: "";
301
- opacity: 0; }
302
  .premium-banner-animation4 .premium-banner-ib-desc::before {
303
- position: absolute;
304
- content: "";
305
- opacity: 0;
306
- top: 50px;
307
- right: 30px;
308
- bottom: 50px;
309
- left: 30px;
310
- border-top: 1px solid #fff;
311
- border-bottom: 1px solid #fff;
312
- -webkit-transform: scale(0, 1);
313
- -ms-transform: scale(0, 1);
314
- transform: scale(0, 1);
315
- -webkit-transform-origin: 0 0;
316
- -ms-transform-origin: 0 0;
317
- transform-origin: 0 0; }
318
  .premium-banner-animation4 .premium-banner-ib-desc::after {
319
- top: 30px;
320
- right: 50px;
321
- bottom: 30px;
322
- left: 50px;
323
- border-right: 1px solid #fff;
324
- border-left: 1px solid #fff;
325
- -webkit-transform: scale(1, 0);
326
- -ms-transform: scale(1, 0);
327
- transform: scale(1, 0);
328
- -webkit-transform-origin: 100% 0;
329
- -ms-transform-origin: 100% 0;
330
- transform-origin: 100% 0; }
331
 
332
  .premium-banner-animation4 .premium-banner-ib-title {
333
  padding: 50px 30px 0 30px;
@@ -342,17 +342,17 @@
342
  opacity: 0;
343
  overflow: hidden;
344
  -webkit-transform: translate3d(0, -10px, 0);
345
- transform: translate3d(0, -10px, 0); }
346
 
347
  .premium-banner-animation4 .premium-banner-ib-title,
348
  .premium-banner-animation4 img {
349
  -webkit-transform: translate3d(-30px, 0, 0);
350
- transform: translate3d(-30px, 0, 0); }
351
 
352
  .premium-banner-animation4.zoomout img,
353
  .premium-banner-animation4.scale img {
354
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
355
- transform: translate3d(-30px, 0, 0) scale(1.1); }
356
 
357
  .premium-banner-animation4 .premium-banner-ib-content,
358
  .premium-banner-animation4 .premium-banner-read-more {
@@ -379,8 +379,8 @@
379
  .premium-banner-animation4.active .premium-banner-ib-desc::before {
380
  opacity: 1;
381
  -webkit-transform: scale(1);
382
- -ms-transform: scale(1);
383
- transform: scale(1); }
384
 
385
  .premium-banner-animation4:hover .premium-banner-ib-content,
386
  .premium-banner-animation4.active .premium-banner-ib-content,
@@ -390,14 +390,14 @@
390
  .premium-banner-animation4.active .premium-banner-ib-title {
391
  opacity: 1;
392
  -webkit-transform: translate3d(0, 0, 0);
393
- transform: translate3d(0, 0, 0); }
394
 
395
  .premium-banner-animation4:hover .premium-banner-ib-content,
396
  .premium-banner-animation4:hover .premium-banner-ib-desc::after,
397
  .premium-banner-animation4:hover .premium-banner-ib-title,
398
  .premium-banner-animation4:hover img {
399
  -webkit-transition-delay: 0.15s;
400
- transition-delay: 0.15s; }
401
 
402
  .premium-banner-animation5 .premium-banner-ib-desc {
403
  top: auto;
@@ -411,7 +411,7 @@
411
  transition: transform 0.35s;
412
  transition: transform 0.35s, -webkit-transform 0.35s;
413
  -webkit-transform: translate3d(0, 100%, 0);
414
- transform: translate3d(0, 100%, 0); }
415
 
416
  .premium-banner-animation5 .premium-banner-ib-content {
417
  position: absolute;
@@ -431,7 +431,7 @@
431
  transition: transform 0.35s;
432
  transition: transform 0.35s, -webkit-transform 0.35s;
433
  -webkit-transform: translate3d(0, 200%, 0);
434
- transform: translate3d(0, 200%, 0);
435
  text-align: center; }
436
 
437
  .premium-banner-animation5 .premium-banner-ib-title {
@@ -444,7 +444,7 @@
444
  opacity: 1 !important;
445
  z-index: 99 !important;
446
  -webkit-backface-visibility: hidden !important;
447
- backface-visibility: hidden !important; }
448
 
449
  .premium-banner-animation5:hover .premium-banner-ib-desc,
450
  .premium-banner-animation5.active .premium-banner-ib-desc,
@@ -453,12 +453,12 @@
453
  .premium-banner-animation5:hover .premium-banner-read-more,
454
  .premium-banner-animation5.active .premium-banner-read-more {
455
  -webkit-transform: translateY(0);
456
- -ms-transform: translateY(0);
457
- transform: translateY(0); }
458
 
459
  .premium-banner-animation5:hover .premium-banner-ib-title {
460
  -webkit-transition-delay: 0.05s;
461
- transition-delay: 0.05s; }
462
 
463
  .premium-banner-animation5 img {
464
  -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
@@ -477,67 +477,67 @@
477
  .premium-banner-animation5.zoomout img,
478
  .premium-banner-animation5.scale img {
479
  -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
 
483
  .premium-banner-animation2.zoomout img,
484
  .premium-banner-animation2.scale img {
485
  -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
 
489
  .premium-banner-animation6.zoomout img,
490
  .premium-banner-animation6.scale img {
491
  -webkit-transform: scale(1.1);
492
- -ms-transform: scale(1.1);
493
- transform: scale(1.1); }
494
 
495
  .premium-banner-animation5.zoomin:hover img,
496
  .premium-banner-animation2.zoomin:hover img,
497
  .premium-banner-animation6.zoomin:hover img {
498
  -webkit-transform: scale(1.1);
499
- -ms-transform: scale(1.1);
500
- transform: scale(1.1); }
501
 
502
  .premium-banner-animation5.zoomout:hover img,
503
  .premium-banner-animation2.zoomout:hover img,
504
  .premium-banner-animation6.zoomout:hover img {
505
  -webkit-transform: scale(1);
506
- -ms-transform: scale(1);
507
- transform: scale(1); }
508
 
509
  .premium-banner-animation5.scale:hover img,
510
  .premium-banner-animation2.scale:hover img,
511
  .premium-banner-animation6.scale:hover img {
512
  -webkit-transform: scale(1.2) rotate(5deg);
513
- -ms-transform: scale(1.2) rotate(5deg);
514
- transform: scale(1.2) rotate(5deg); }
515
 
516
  .premium-banner-animation5.grayscale:hover img,
517
  .premium-banner-animation2.grayscale:hover img,
518
  .premium-banner-animation6.grayscale:hover img {
519
  -webkit-filter: grayscale(100%);
520
- filter: grayscale(100%); }
521
 
522
  .premium-banner-animation5.blur:hover img,
523
  .premium-banner-animation2.blur:hover img {
524
  -webkit-filter: blur(3px);
525
- filter: blur(3px); }
526
 
527
  .premium-banner-animation6.blur:hover img {
528
  -webkit-filter: blur(3px);
529
- filter: blur(3px); }
530
 
531
  .premium-banner-animation6 .premium-banner-ib-desc {
532
  padding: 45px; }
533
  .premium-banner-animation6 .premium-banner-ib-desc::before {
534
- position: absolute;
535
- content: "";
536
- top: 30px;
537
- right: 30px;
538
- bottom: 30px;
539
- left: 30px;
540
- border: 1px solid #fff; }
541
 
542
  .premium-banner-animation6 .premium-banner-ib-title {
543
  margin: 20px 0 10px;
@@ -546,7 +546,7 @@
546
  transition: transform 0.35s;
547
  transition: transform 0.35s, -webkit-transform 0.35s;
548
  -webkit-transform: translate3d(0, 100%, 0);
549
- transform: translate3d(0, 100%, 0); }
550
 
551
  .premium-banner-animation6 .premium-banner-ib-content,
552
  .premium-banner-animation6 .premium-banner-read-more,
@@ -557,8 +557,8 @@
557
  transition: opacity 0.35s, transform 0.35s;
558
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
559
  -webkit-transform: scale(0);
560
- -ms-transform: scale(0);
561
- transform: scale(0); }
562
 
563
  .premium-banner-animation6 .premium-banner-read-more {
564
  margin-top: 10px; }
@@ -566,7 +566,7 @@
566
  .premium-banner-animation6:hover .premium-banner-ib-title,
567
  .premium-banner-animation6.active .premium-banner-ib-title {
568
  -webkit-transform: translate3d(0, 0, 0);
569
- transform: translate3d(0, 0, 0); }
570
 
571
  .premium-banner-animation6:hover .premium-banner-ib-content,
572
  .premium-banner-animation6.active .premium-banner-ib-content,
@@ -576,8 +576,8 @@
576
  .premium-banner-animation6.active .premium-banner-ib-desc::before {
577
  opacity: 1;
578
  -webkit-transform: scale(1);
579
- -ms-transform: scale(1);
580
- transform: scale(1); }
581
 
582
  .premium-banner-animation12 .premium-banner-ib-desc::after {
583
  position: absolute;
@@ -593,12 +593,12 @@
593
  transition: transform 0.35s;
594
  transition: transform 0.35s, -webkit-transform 0.35s;
595
  -webkit-transform: translate3d(0, -100%, 0);
596
- transform: translate3d(0, -100%, 0); }
597
 
598
  .premium-banner-animation12:hover .premium-banner-ib-desc::after,
599
  .premium-banner-animation12.active .premium-banner-ib-desc::after {
600
  -webkit-transform: translate3d(0, 0, 0);
601
- transform: translate3d(0, 0, 0); }
602
 
603
  .premium-banner-animation12 .premium-banner-ib-desc {
604
  padding: 45px;
@@ -615,13 +615,13 @@
615
  transition: opacity 0.35s, transform 0.35s;
616
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
617
  -webkit-transform: translate3d(0, -100px, 0);
618
- transform: translate3d(0, -100px, 0); }
619
 
620
  .premium-banner-animation12:hover .premium-banner-ib-content,
621
  .premium-banner-animation12.active .premium-banner-ib-content {
622
  opacity: 1;
623
  -webkit-transform: translate3d(0, 0, 0);
624
- transform: translate3d(0, 0, 0); }
625
 
626
  .premium-banner-animation13 img {
627
  width: -webkit-calc(100% + 20px) !important;
@@ -633,23 +633,23 @@
633
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
634
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
635
  -webkit-transform: translate3d(-10px, 0, 0);
636
- transform: translate3d(-10px, 0, 0);
637
  -webkit-backface-visibility: hidden;
638
- backface-visibility: hidden; }
639
 
640
  .premium-banner-animation13.zoomout img,
641
  .premium-banner-animation13.scale img {
642
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
643
- transform: translate3d(-10px, 0, 0) scale(1.1); }
644
 
645
  .premium-banner-animation13.none:hover img {
646
  -webkit-transform: translate3d(0, 0, 0);
647
- transform: translate3d(0, 0, 0); }
648
 
649
  .premium-banner-animation1.none:hover img,
650
  .premium-banner-animation4.none:hover img {
651
  -webkit-transform: translate3d(0, 0, 0);
652
- transform: translate3d(0, 0, 0); }
653
 
654
  .premium-banner-animation13.zoomin:hover img,
655
  .premium-banner-animation1.zoomin:hover img,
@@ -659,7 +659,7 @@
659
  .premium-banner-animation9.zoomin:hover img,
660
  .premium-banner-animation10.zoomin:hover img {
661
  -webkit-transform: translate3d(0, 0, 0) scale(1.1);
662
- transform: translate3d(0, 0, 0) scale(1.1); }
663
 
664
  .premium-banner-animation13.zoomout:hover img,
665
  .premium-banner-animation1.zoomout:hover img,
@@ -669,7 +669,7 @@
669
  .premium-banner-animation9.zoomout:hover img,
670
  .premium-banner-animation10.zoomout:hover img {
671
  -webkit-transform: translate3d(0, 0, 0) scale(1);
672
- transform: translate3d(0, 0, 0) scale(1); }
673
 
674
  .premium-banner-animation13.scale:hover img,
675
  .premium-banner-animation1.scale:hover img,
@@ -679,7 +679,7 @@
679
  .premium-banner-animation9.scale:hover img,
680
  .premium-banner-animation10.scale:hover img {
681
  -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
682
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
683
 
684
  .premium-banner-animation13.grayscale:hover img,
685
  .premium-banner-animation1.grayscale:hover img,
@@ -689,9 +689,9 @@
689
  .premium-banner-animation9.grayscale:hover img,
690
  .premium-banner-animation10.grayscale:hover img {
691
  -webkit-transform: translate3d(0, 0, 0);
692
- transform: translate3d(0, 0, 0);
693
  -webkit-filter: grayscale(100%);
694
- filter: grayscale(100%); }
695
 
696
  .premium-banner-animation13.blur:hover img,
697
  .premium-banner-animation1.blur:hover img,
@@ -701,9 +701,9 @@
701
  .premium-banner-animation9.blur:hover img,
702
  .premium-banner-animation10.blur:hover img {
703
  -webkit-transform: translate3d(0, 0, 0);
704
- transform: translate3d(0, 0, 0);
705
  -webkit-filter: blur(3px);
706
- filter: blur(3px); }
707
 
708
  .premium-banner-animation13 .premium-banner-ib-desc {
709
  text-align: left; }
@@ -713,24 +713,24 @@
713
  overflow: hidden;
714
  padding: 5px 0 10px; }
715
  .premium-banner-animation13 .premium-banner-ib-title::after {
716
- position: absolute;
717
- content: "";
718
- bottom: 0;
719
- left: 0;
720
- width: 100%;
721
- height: 2px;
722
- background: #fff;
723
- -webkit-transition: -webkit-transform 0.35s;
724
- transition: -webkit-transform 0.35s;
725
- transition: transform 0.35s;
726
- transition: transform 0.35s, -webkit-transform 0.35s;
727
- -webkit-transform: translate3d(-101%, 0, 0);
728
- transform: translate3d(-101%, 0, 0); }
729
 
730
  .premium-banner-animation13:hover .premium-banner-ib-title::after,
731
  .premium-banner-animation13.active .premium-banner-ib-title::after {
732
  -webkit-transform: translate3d(0, 0, 0);
733
- transform: translate3d(0, 0, 0); }
734
 
735
  .premium-banner-animation13 .premium-banner-ib-content,
736
  .premium-banner-animation13 .premium-banner-read-more {
@@ -741,7 +741,7 @@
741
  transition: opacity 0.35s, transform 0.35s;
742
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
743
  -webkit-transform: translate3d(100%, 0, 0);
744
- transform: translate3d(100%, 0, 0); }
745
 
746
  .premium-banner-animation13:hover .premium-banner-ib-content,
747
  .premium-banner-animation13.active .premium-banner-ib-content,
@@ -749,7 +749,7 @@
749
  .premium-banner-animation13.active .premium-banner-read-more {
750
  opacity: 1;
751
  -webkit-transform: translate3d(0, 0, 0);
752
- transform: translate3d(0, 0, 0); }
753
 
754
  .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
755
  left: 50%;
@@ -757,8 +757,8 @@
757
  height: 100%;
758
  max-width: none;
759
  -webkit-transform: translateX(-50%);
760
- -ms-transform: translateX(-50%);
761
- transform: translateX(-50%); }
762
 
763
  .premium-banner-ib img {
764
  border: none;
@@ -788,7 +788,7 @@
788
  -webkit-transition: all 0.3s ease-in-out;
789
  transition: all 0.3s ease-in-out;
790
  -webkit-transition-delay: 0.2s;
791
- transition-delay: 0.2s; }
792
 
793
  .premium-banner-animation7 .premium-banner-bleft {
794
  left: 30px;
@@ -818,8 +818,8 @@
818
  padding: 70px;
819
  display: table; }
820
  .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
821
- display: table-cell;
822
- vertical-align: middle; }
823
 
824
  .premium-banner-animation7 .premium-banner-ib-title {
825
  margin-top: 0; }
@@ -827,12 +827,12 @@
827
  .premium-banner-animation7 .premium-banner-ib-title,
828
  .premium-banner-animation7 img {
829
  -webkit-transform: translate3d(-30px, 0, 0);
830
- transform: translate3d(-30px, 0, 0); }
831
 
832
  .premium-banner-animation7.zoomout img,
833
  .premium-banner-animation7.scale img {
834
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
835
- transform: translate3d(-30px, 0, 0) scale(1.1); }
836
 
837
  .premium-banner-animation7 .premium-banner-ib-content,
838
  .premium-banner-animation7 .premium-banner-read-more {
@@ -861,7 +861,7 @@
861
  .premium-banner-animation7.active .premium-banner-ib-title {
862
  opacity: 1;
863
  -webkit-transform: translate3d(0, 0, 0);
864
- transform: translate3d(0, 0, 0); }
865
 
866
  .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
867
  top: 30px;
@@ -884,7 +884,7 @@
884
  .premium-banner-animation7:hover .premium-banner-ib-title,
885
  .premium-banner-animation7:hover img {
886
  -webkit-transition-delay: 0.15s;
887
- transition-delay: 0.15s; }
888
 
889
  .premium-banner-animation8 img {
890
  width: -webkit-calc(100% + 40px) !important;
@@ -909,14 +909,14 @@
909
  -webkit-transition: all 0.3s ease-in-out;
910
  transition: all 0.3s ease-in-out;
911
  -webkit-transition-delay: 0.2s;
912
- transition-delay: 0.2s; }
913
 
914
  .premium-banner-animation8 .premium-banner-bleft {
915
  left: 30px;
916
  top: 50%;
917
  -webkit-transform: translateY(-50%);
918
  -ms-transform: translateY(-50%);
919
- transform: translateY(-50%);
920
  height: 0; }
921
 
922
  .premium-banner-animation8 .premium-banner-bright {
@@ -924,14 +924,14 @@
924
  top: 50%;
925
  -webkit-transform: translateY(-50%);
926
  -ms-transform: translateY(-50%);
927
- transform: translateY(-50%);
928
  height: 0; }
929
 
930
  .premium-banner-animation8 .premium-banner-bottom {
931
  left: 50%;
932
  -webkit-transform: translateX(-50%);
933
  -ms-transform: translateX(-50%);
934
- transform: translateX(-50%);
935
  bottom: 30px;
936
  width: 0; }
937
 
@@ -939,7 +939,7 @@
939
  left: 50%;
940
  -webkit-transform: translateX(-50%);
941
  -ms-transform: translateX(-50%);
942
- transform: translateX(-50%);
943
  top: 30px;
944
  width: 0; }
945
 
@@ -947,8 +947,8 @@
947
  padding: 70px;
948
  display: table; }
949
  .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
950
- display: table-cell;
951
- vertical-align: middle; }
952
 
953
  .premium-banner-animation8 .premium-banner-ib-title {
954
  margin-top: 0; }
@@ -956,12 +956,12 @@
956
  .premium-banner-animation8 .premium-banner-ib-title,
957
  .premium-banner-animation8 img {
958
  -webkit-transform: translate3d(-30px, 0, 0);
959
- transform: translate3d(-30px, 0, 0); }
960
 
961
  .premium-banner-animation8.zoomout img,
962
  .premium-banner-animation8.scale img {
963
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
964
- transform: translate3d(-30px, 0, 0) scale(1.1); }
965
 
966
  .premium-banner-animation8 .premium-banner-ib-content,
967
  .premium-banner-animation8 .premium-banner-read-more {
@@ -990,7 +990,7 @@
990
  .premium-banner-animation8.active .premium-banner-ib-title {
991
  opacity: 1;
992
  -webkit-transform: translate3d(0, 0, 0);
993
- transform: translate3d(0, 0, 0); }
994
 
995
  .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
996
  height: -webkit-calc(100% - 61px);
@@ -1013,7 +1013,7 @@
1013
  .premium-banner-animation8:hover .premium-banner-read-more,
1014
  .premium-banner-animation8:hover img {
1015
  -webkit-transition-delay: 0.15s;
1016
- transition-delay: 0.15s; }
1017
 
1018
  .premium-banner-animation9 img {
1019
  width: -webkit-calc(100% + 20px) !important;
@@ -1025,40 +1025,40 @@
1025
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1026
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1027
  -webkit-transform: scale(1.2);
1028
- -ms-transform: scale(1.2);
1029
- transform: scale(1.2); }
1030
 
1031
  .premium-banner-animation9 .premium-banner-ib-desc {
1032
  width: 100%;
1033
  height: 100%; }
1034
  .premium-banner-animation9 .premium-banner-ib-desc::before {
1035
- position: absolute;
1036
- top: 50%;
1037
- left: 50%;
1038
- width: 80%;
1039
- height: 1px;
1040
- background: #fff;
1041
- content: "";
1042
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, -webkit-transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s;
1045
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1046
- -webkit-transform: translate3d(-50%, -50%, 0);
1047
- transform: translate3d(-50%, -50%, 0); }
1048
  .premium-banner-animation9 .premium-banner-ib-desc::after {
1049
- position: absolute;
1050
- top: 50%;
1051
- left: 50%;
1052
- width: 80%;
1053
- height: 1px;
1054
- background: #fff;
1055
- content: "";
1056
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, -webkit-transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s;
1059
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1060
- -webkit-transform: translate3d(-50%, -50%, 0);
1061
- transform: translate3d(-50%, -50%, 0); }
1062
 
1063
  .premium-banner-animation9 .premium-banner-ib-title {
1064
  position: absolute;
@@ -1070,14 +1070,14 @@
1070
  transition: transform 0.35s;
1071
  transition: transform 0.35s, -webkit-transform 0.35s;
1072
  -webkit-transform: translate3d(0, -70px, 0);
1073
- transform: translate3d(0, -70px, 0);
1074
  margin-top: 0;
1075
  padding: 0 10%; }
1076
 
1077
  .premium-banner-animation9:hover .premium-banner-ib-title,
1078
  .premium-banner-animation9.active .premium-banner-ib-title {
1079
  -webkit-transform: translate3d(0, -80px, 0);
1080
- transform: translate3d(0, -80px, 0); }
1081
 
1082
  .premium-banner-animation9 .premium-banner-ib-content,
1083
  .premium-banner-animation9 .premium-banner-read-more {
@@ -1091,7 +1091,7 @@
1091
  transition: transform 0.35s, -webkit-transform 0.35s;
1092
  padding: 0 10%;
1093
  -webkit-transform: translate3d(0, 35px, 0);
1094
- transform: translate3d(0, 35px, 0); }
1095
 
1096
  .premium-banner-animation9 .premium-banner-read-more {
1097
  top: 75%; }
@@ -1101,24 +1101,24 @@
1101
  .premium-banner-animation9:hover .premium-banner-read-more,
1102
  .premium-banner-animation9.active .premium-banner-read-more {
1103
  -webkit-transform: translate3d(0, 45px, 0);
1104
- transform: translate3d(0, 45px, 0); }
1105
 
1106
  .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1107
  .premium-banner-animation9.active .premium-banner-ib-desc::before {
1108
  opacity: 0.5;
1109
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1110
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1111
 
1112
  .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1113
  .premium-banner-animation9.active .premium-banner-ib-desc::after {
1114
  opacity: 0.5;
1115
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1116
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1117
 
1118
  .premium-banner-animation9:hover img {
1119
  -webkit-transform: scale(1);
1120
- -ms-transform: scale(1);
1121
- transform: scale(1); }
1122
 
1123
  .premium-banner-animation10 img {
1124
  width: -webkit-calc(100% + 20px) !important;
@@ -1139,39 +1139,39 @@
1139
  transition: transform 0.35s;
1140
  transition: transform 0.35s, -webkit-transform 0.35s;
1141
  -webkit-transform: translate3d(0, 20px, 0);
1142
- transform: translate3d(0, 20px, 0);
1143
  margin-bottom: 0; }
1144
  .premium-banner-animation10 .premium-banner-ib-title::after {
1145
- position: absolute;
1146
- content: "";
1147
- bottom: 0;
1148
- left: 0;
1149
- width: 100%;
1150
- height: 3px;
1151
- background: #fff;
1152
- opacity: 0;
1153
- -webkit-transform: translate3d(0, 100%, 0);
1154
- transform: translate3d(0, 100%, 0);
1155
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, -webkit-transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s;
1158
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1159
 
1160
  .premium-banner-animation10:hover .premium-banner-ib-title,
1161
  .premium-banner-animation10.active .premium-banner-ib-title {
1162
  -webkit-transform: translate3d(0, 0, 0);
1163
- transform: translate3d(0, 0, 0); }
1164
 
1165
  .premium-banner-animation10:hover .premium-banner-ib-title::after,
1166
  .premium-banner-animation10.active .premium-banner-ib-title::after {
1167
  opacity: 1;
1168
  -webkit-transform: translate3d(0, 0, 0);
1169
- transform: translate3d(0, 0, 0); }
1170
 
1171
  .premium-banner-animation10.zoomout img,
1172
  .premium-banner-animation10.scale img {
1173
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1174
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1175
 
1176
  .premium-banner-animation10 .premium-banner-ib-content,
1177
  .premium-banner-animation10 .premium-banner-read-more {
@@ -1182,7 +1182,7 @@
1182
  transition: opacity 0.35s, transform 0.35s;
1183
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1184
  -webkit-transform: translate3d(0, 100%, 0);
1185
- transform: translate3d(0, 100%, 0); }
1186
 
1187
  .premium-banner-animation10 .premium-banner-read-more {
1188
  padding: 0; }
@@ -1193,7 +1193,7 @@
1193
  .premium-banner-animation10.active .premium-banner-read-more {
1194
  opacity: 1;
1195
  -webkit-transform: translate3d(0, 0, 0);
1196
- transform: translate3d(0, 0, 0); }
1197
 
1198
  /**************** Premium CountDown *************/
1199
  /************************************************/
@@ -1221,11 +1221,11 @@
1221
  display: inline-flex;
1222
  -webkit-box-align: center;
1223
  -webkit-align-items: center;
1224
- -moz-box-align: center;
1225
- -ms-flex-align: center;
1226
- align-items: center; }
1227
  .countdown .pre_countdown-section:last-child {
1228
- margin-right: 0; }
1229
 
1230
  .countdown span.pre_countdown-amount {
1231
  font-size: 70px;
@@ -1272,14 +1272,14 @@
1272
  display: flex;
1273
  -webkit-box-align: center;
1274
  -webkit-align-items: center;
1275
- -moz-box-align: center;
1276
- -ms-flex-align: center;
1277
- align-items: center;
1278
  -webkit-box-pack: center;
1279
  -webkit-justify-content: center;
1280
- -moz-box-pack: center;
1281
- -ms-flex-pack: center;
1282
- justify-content: center;
1283
  width: 2em;
1284
  height: 2em;
1285
  line-height: 0;
@@ -1292,7 +1292,7 @@
1292
  -webkit-appearance: inherit;
1293
  border: none;
1294
  -webkit-box-shadow: none;
1295
- box-shadow: none; }
1296
 
1297
  .premium-fb-rev-container a.carousel-arrow,
1298
  .premium-blog-wrap a.carousel-arrow,
@@ -1309,14 +1309,14 @@
1309
  display: flex;
1310
  -webkit-box-align: center;
1311
  -webkit-align-items: center;
1312
- -moz-box-align: center;
1313
- -ms-flex-align: center;
1314
- align-items: center;
1315
  -webkit-box-pack: center;
1316
  -webkit-justify-content: center;
1317
- -moz-box-pack: center;
1318
- -ms-flex-pack: center;
1319
- justify-content: center;
1320
  width: 2em;
1321
  height: 2em;
1322
  line-height: 0;
@@ -1329,7 +1329,7 @@
1329
  -webkit-appearance: inherit;
1330
  border: none;
1331
  -webkit-box-shadow: none;
1332
- box-shadow: none; }
1333
 
1334
  div[class^="premium-"] .slick-arrow i {
1335
  display: block; }
@@ -1339,7 +1339,7 @@ div[class^="premium-"] .slick-arrow i {
1339
 
1340
  .premium-carousel-wrapper a.slick-arrow:hover {
1341
  -webkit-box-shadow: none !important;
1342
- box-shadow: none !important; }
1343
 
1344
  .premium-carousel-wrapper .premium-carousel-content-hidden {
1345
  visibility: hidden; }
@@ -1356,14 +1356,14 @@ div[class^="premium-"] .slick-arrow i {
1356
  .premium-persons-container a.carousel-arrow {
1357
  top: 50%;
1358
  -webkit-transform: translateY(-50%);
1359
- -ms-transform: translateY(-50%);
1360
- transform: translateY(-50%); }
1361
 
1362
  .premium-carousel-wrapper a.ver-carousel-arrow {
1363
  left: 50%;
1364
  -webkit-transform: translateX(-50%);
1365
- -ms-transform: translateX(-50%);
1366
- transform: translateX(-50%); }
1367
 
1368
  a.carousel-arrow.carousel-next {
1369
  right: -20px; }
@@ -1379,11 +1379,11 @@ a.ver-carousel-arrow.carousel-prev {
1379
 
1380
  a.circle-bg {
1381
  -webkit-border-radius: 100%;
1382
- border-radius: 100%; }
1383
 
1384
  a.circle-border {
1385
  -webkit-border-radius: 100%;
1386
- border-radius: 100%;
1387
  border: solid black; }
1388
 
1389
  a.square-border {
@@ -1411,15 +1411,15 @@ a.square-border {
1411
  top: 50%;
1412
  bottom: auto;
1413
  -webkit-transform: translateY(-50%);
1414
- -ms-transform: translateY(-50%);
1415
- transform: translateY(-50%);
1416
  -webkit-box-orient: vertical;
1417
  -webkit-box-direction: normal;
1418
  -webkit-flex-direction: column;
1419
- -moz-box-orient: vertical;
1420
- -moz-box-direction: normal;
1421
- -ms-flex-direction: column;
1422
- flex-direction: column; }
1423
 
1424
  ul.slick-dots li {
1425
  font-size: 10px;
@@ -1431,21 +1431,21 @@ ul.slick-dots li {
1431
  display: inline-flex;
1432
  -webkit-box-pack: center;
1433
  -webkit-justify-content: center;
1434
- -moz-box-pack: center;
1435
- -ms-flex-pack: center;
1436
- justify-content: center;
1437
  -webkit-box-align: center;
1438
  -webkit-align-items: center;
1439
- -moz-box-align: center;
1440
- -ms-flex-align: center;
1441
- align-items: center;
1442
  margin: 5px;
1443
  width: 20px;
1444
  height: 20px;
1445
  cursor: pointer; }
1446
 
1447
- /*
1448
- * Custom Navigation Dot
1449
  */
1450
  .premium-carousel-wrapper .premium-carousel-nav-dot,
1451
  .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
@@ -1459,23 +1459,23 @@ ul.slick-dots li {
1459
  /* Ripple Out */
1460
  @-webkit-keyframes hvr-ripple-out {
1461
  0% {
1462
- -webkit-transform: scale(1);
1463
- transform: scale(1);
1464
- opacity: 1; }
1465
  100% {
1466
- -webkit-transform: scale(1.5);
1467
- transform: scale(1.5);
1468
- opacity: 0; } }
1469
 
1470
  @keyframes hvr-ripple-out {
1471
  0% {
1472
- -webkit-transform: scale(1);
1473
- transform: scale(1);
1474
- opacity: 1; }
1475
  100% {
1476
- -webkit-transform: scale(1.5);
1477
- transform: scale(1.5);
1478
- opacity: 0; } }
1479
 
1480
  .premium-carousel-ripple-yes .premium-carousel-wrapper {
1481
  padding-bottom: 1px; }
@@ -1483,39 +1483,39 @@ ul.slick-dots li {
1483
  .premium-carousel-ripple-yes ul.slick-dots li {
1484
  position: relative; }
1485
  .premium-carousel-ripple-yes ul.slick-dots li i {
1486
- position: relative;
1487
- z-index: 1; }
1488
  .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1489
- content: "";
1490
- position: absolute;
1491
- -webkit-transform: scale(1);
1492
- -ms-transform: scale(1);
1493
- transform: scale(1);
1494
- top: 0;
1495
- right: 0;
1496
- bottom: 0;
1497
- left: 0;
1498
- -webkit-border-radius: 50%;
1499
- border-radius: 50%;
1500
- pointer-events: none;
1501
- background-color: rgba(0, 0, 0, 0.15); }
1502
  .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1503
- background-color: rgba(0, 0, 0, 0.3); }
1504
  .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1505
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1506
- animation: hvr-ripple-out 1.3s infinite; }
1507
 
1508
  .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1509
  -webkit-transform: scale(1.25, 1.25);
1510
- -ms-transform: scale(1.25, 1.25);
1511
- transform: scale(1.25, 1.25);
1512
  -webkit-transition: all 0.3s ease-in-out !important;
1513
  transition: all 0.3s ease-in-out !important; }
1514
 
1515
  .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1516
  -webkit-transform: scale(1, 1);
1517
- -ms-transform: scale(1, 1);
1518
- transform: scale(1, 1); }
1519
 
1520
  [dir="rtl"] .premium-carousel-inner .slick-slide {
1521
  float: right; }
@@ -1532,63 +1532,63 @@ ul.slick-dots li {
1532
  display: flex;
1533
  -webkit-box-pack: center;
1534
  -webkit-justify-content: center;
1535
- -moz-box-pack: center;
1536
- -ms-flex-pack: center;
1537
- justify-content: center;
1538
  -webkit-box-align: center;
1539
  -webkit-align-items: center;
1540
- -moz-box-align: center;
1541
- -ms-flex-align: center;
1542
- align-items: center; }
1543
  .premium-counter-area.top {
1544
- -webkit-box-orient: vertical;
1545
- -webkit-box-direction: normal;
1546
- -webkit-flex-direction: column;
1547
- -moz-box-orient: vertical;
1548
- -moz-box-direction: normal;
1549
- -ms-flex-direction: column;
1550
- flex-direction: column; }
1551
  .premium-counter-area.right {
1552
- -webkit-box-orient: horizontal;
1553
- -webkit-box-direction: reverse;
1554
- -webkit-flex-direction: row-reverse;
1555
- -moz-box-orient: horizontal;
1556
- -moz-box-direction: reverse;
1557
- -ms-flex-direction: row-reverse;
1558
- flex-direction: row-reverse; }
1559
- .premium-counter-area.right .premium-counter-icon {
1560
- padding-left: 20px; }
1561
  .premium-counter-area.left .premium-counter-icon {
1562
- padding-right: 20px; }
1563
  .premium-counter-area .premium-counter-icon .icon i.fa:before {
1564
- vertical-align: text-top; }
1565
  .premium-counter-area .premium-counter-icon span.icon {
1566
- text-align: center;
1567
- display: inline-block;
1568
- vertical-align: middle; }
1569
  .premium-counter-area .premium-counter-icon .circle {
1570
- -webkit-border-radius: 100%;
1571
- border-radius: 100%; }
1572
  .premium-counter-area .premium-counter-icon img,
1573
  .premium-counter-area .premium-counter-icon svg {
1574
- width: 80px; }
1575
  .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1576
- height: 80px; }
1577
  .premium-counter-area .premium-counter-title {
1578
- padding: 0;
1579
- margin: 0; }
1580
  .premium-counter-area .premium-counter-value-wrap {
1581
- -js-display: flex;
1582
- display: -webkit-box;
1583
- display: -webkit-flex;
1584
- display: -moz-box;
1585
- display: -ms-flexbox;
1586
- display: flex;
1587
- -webkit-box-align: center;
1588
- -webkit-align-items: center;
1589
- -moz-box-align: center;
1590
- -ms-flex-align: center;
1591
- align-items: center; }
1592
 
1593
  .premium-init-wrapper.right {
1594
  text-align: right; }
@@ -1612,25 +1612,25 @@ span.icon.flex-width {
1612
  transition: all 0.3s ease-in-out; }
1613
  .premium-image-separator-container svg,
1614
  .premium-image-separator-container img {
1615
- display: inline-block !important; }
1616
  .premium-image-separator-container .premium-image-separator-link {
1617
- position: absolute;
1618
- z-index: 9999;
1619
- top: 0;
1620
- left: 0;
1621
- width: 100%;
1622
- height: 100%;
1623
- text-decoration: none; }
1624
- .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 {
1625
- -webkit-box-shadow: none !important;
1626
- box-shadow: none !important;
1627
- outline: none !important;
1628
- border: none !important;
1629
- text-decoration: none !important; }
1630
  .premium-image-separator-container i {
1631
- padding: 0.1em;
1632
- -webkit-transition: all 0.3s ease-in-out;
1633
- transition: all 0.3s ease-in-out; }
1634
 
1635
  /**************** Premium Modal Box ****************/
1636
  /***************************************************/
@@ -1646,12 +1646,12 @@ span.icon.flex-width {
1646
  white-space: nowrap;
1647
  vertical-align: middle;
1648
  -ms-touch-action: manipulation;
1649
- touch-action: manipulation;
1650
  cursor: pointer;
1651
  -webkit-user-select: none;
1652
- -moz-user-select: none;
1653
- -ms-user-select: none;
1654
- user-select: none;
1655
  background-image: none;
1656
  border: 1px solid transparent; }
1657
 
@@ -1680,9 +1680,9 @@ span.icon.flex-width {
1680
  line-height: 1;
1681
  color: #000; }
1682
  .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1683
- color: #000;
1684
- text-decoration: none;
1685
- cursor: pointer; }
1686
 
1687
  button.premium-modal-box-modal-close {
1688
  -webkit-appearance: none;
@@ -1705,32 +1705,32 @@ button.premium-modal-box-modal-close {
1705
  background: rgba(0, 0, 0, 0.5);
1706
  -webkit-box-align: center;
1707
  -webkit-align-items: center;
1708
- -moz-box-align: center;
1709
- -ms-flex-align: center;
1710
- align-items: center;
1711
  -webkit-box-pack: center;
1712
  -webkit-justify-content: center;
1713
- -moz-box-pack: center;
1714
- -ms-flex-pack: center;
1715
- justify-content: center; }
1716
  .premium-modal-box-modal .premium-modal-box-modal-dialog {
1717
- position: absolute;
1718
- max-height: -webkit-calc(100vh - 150px);
1719
- max-height: calc(100vh - 150px);
1720
- -js-display: flex;
1721
- display: -webkit-box;
1722
- display: -webkit-flex;
1723
- display: -moz-box;
1724
- display: -ms-flexbox;
1725
- display: flex;
1726
- -webkit-box-orient: vertical;
1727
- -webkit-box-direction: normal;
1728
- -webkit-flex-direction: column;
1729
- -moz-box-orient: vertical;
1730
- -moz-box-direction: normal;
1731
- -ms-flex-direction: column;
1732
- flex-direction: column;
1733
- opacity: 0; }
1734
 
1735
  .premium-modal-box-modal-content {
1736
  background-color: #fff;
@@ -1774,35 +1774,35 @@ button.premium-modal-box-modal-close {
1774
  display: flex;
1775
  -webkit-box-pack: justify;
1776
  -webkit-justify-content: space-between;
1777
- -moz-box-pack: justify;
1778
- -ms-flex-pack: justify;
1779
- justify-content: space-between;
1780
  -webkit-box-align: center;
1781
  -webkit-align-items: center;
1782
- -moz-box-align: center;
1783
- -ms-flex-align: center;
1784
- align-items: center;
1785
  padding: 5px 15px;
1786
  border-bottom: 1px solid #e5e5e5; }
1787
  .premium-modal-box-modal-header .premium-modal-box-modal-close {
1788
- margin-top: -2px; }
1789
  .premium-modal-box-modal-header .premium-modal-box-modal-title {
1790
- -js-display: flex;
1791
- display: -webkit-box;
1792
- display: -webkit-flex;
1793
- display: -moz-box;
1794
- display: -ms-flexbox;
1795
- display: flex;
1796
- -webkit-box-align: center;
1797
- -webkit-align-items: center;
1798
- -moz-box-align: center;
1799
- -ms-flex-align: center;
1800
- align-items: center;
1801
- margin: 0;
1802
- padding: 0; }
1803
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
1804
- width: 50px;
1805
- height: 60px; }
1806
 
1807
  .premium-modal-box-modal-body {
1808
  position: relative;
@@ -1868,15 +1868,15 @@ button.premium-modal-box-modal-close {
1868
 
1869
  @media (min-width: 768px) {
1870
  .premium-modal-box-modal-dialog {
1871
- width: 700px;
1872
- max-height: 600px;
1873
- overflow: auto; } }
1874
 
1875
  @media (max-width: 767px) {
1876
  .premium-modal-box-modal-dialog {
1877
- width: 100%;
1878
- max-height: 500px;
1879
- overflow: auto; } }
1880
 
1881
  .premium-modal-box-container[data-modal-animation*="animated-"] {
1882
  opacity: 0; }
@@ -1894,43 +1894,43 @@ button.premium-modal-box-modal-close {
1894
  margin-bottom: 50px;
1895
  background-color: #f5f5f5;
1896
  -webkit-border-radius: 4px;
1897
- border-radius: 4px;
1898
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1899
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
1900
  .premium-progressbar-bar-wrap.premium-progressbar-dots {
1901
- background-color: transparent;
1902
- width: 100%;
1903
- -js-display: flex;
1904
- display: -webkit-box;
1905
- display: -webkit-flex;
1906
- display: -moz-box;
1907
- display: -ms-flexbox;
1908
- display: flex;
1909
- height: auto;
1910
- -webkit-box-shadow: none;
1911
- box-shadow: none; }
1912
  .premium-progressbar-bar-wrap .progress-segment {
1913
- position: relative;
1914
- width: 25px;
1915
- height: 25px;
1916
- -webkit-border-radius: 50%;
1917
- border-radius: 50%;
1918
- overflow: hidden;
1919
- background-color: #f5f5f5; }
1920
- .premium-progressbar-bar-wrap .progress-segment.filled {
1921
- background: #6ec1e4; }
1922
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
1923
- margin: 0 4px; }
1924
- .premium-progressbar-bar-wrap .progress-segment:first-child {
1925
- margin-right: 4px; }
1926
- .premium-progressbar-bar-wrap .progress-segment:last-child {
1927
- margin-left: 4px; }
1928
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
1929
- position: absolute;
1930
- top: 0;
1931
- left: 0;
1932
- height: 100%;
1933
- background-color: #6ec1e4; }
1934
 
1935
  .premium-progressbar-bar {
1936
  float: left;
@@ -1941,23 +1941,23 @@ button.premium-modal-box-modal-close {
1941
  background: #6ec1e4;
1942
  text-align: center;
1943
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1944
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
1945
 
1946
  .premium-progressbar-striped .premium-progressbar-bar {
1947
  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);
1948
  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);
1949
  -webkit-background-size: 40px 40px;
1950
- background-size: 40px 40px; }
1951
 
1952
  .premium-progressbar-active .premium-progressbar-bar {
1953
  -webkit-animation: progress-bar-stripes 2s linear infinite;
1954
- animation: progress-bar-stripes 2s linear infinite; }
1955
 
1956
  .premium-progressbar-gradient .premium-progressbar-bar {
1957
  -webkit-background-size: 400% 400% !important;
1958
- background-size: 400% 400% !important;
1959
  -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
1960
- animation: progress-bar-gradient 10s ease-in-out infinite; }
1961
 
1962
  .premium-progressbar-bar {
1963
  position: absolute;
@@ -1984,8 +1984,8 @@ button.premium-modal-box-modal-close {
1984
  top: 0;
1985
  right: 0;
1986
  -webkit-transform: translateX(-12.5px);
1987
- -ms-transform: translateX(-12.5px);
1988
- transform: translateX(-12.5px);
1989
  z-index: 1; }
1990
 
1991
  .premium-progressbar-multiple-label {
@@ -2005,8 +2005,8 @@ button.premium-modal-box-modal-close {
2005
  border-right: 7px solid transparent;
2006
  border-top: 11px solid;
2007
  -webkit-transform: translateX(-50%);
2008
- -ms-transform: translateX(-50%);
2009
- transform: translateX(-50%); }
2010
 
2011
  .premium-progressbar-pin {
2012
  border-left: 1px solid;
@@ -2014,8 +2014,8 @@ button.premium-modal-box-modal-close {
2014
  left: 50%;
2015
  display: inline-block; }
2016
 
2017
- /**
2018
- * Circle Progress Bar
2019
  */
2020
  .premium-progressbar-circle-wrap {
2021
  width: 200px;
@@ -2023,100 +2023,100 @@ button.premium-modal-box-modal-close {
2023
  position: relative;
2024
  margin: 0 auto; }
2025
  .premium-progressbar-circle-wrap .premium-progressbar-circle {
2026
- position: absolute;
2027
- top: 0;
2028
- left: 0;
2029
- width: 100%;
2030
- height: 100%;
2031
- -webkit-clip-path: inset(0 0 0 50%);
2032
- clip-path: inset(0 0 0 50%); }
2033
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2034
- position: absolute;
2035
- left: 0;
2036
- top: 0;
2037
- height: 100%;
2038
- width: 100%;
2039
- border-width: 6px;
2040
- border-style: solid;
2041
- border-color: #54595f;
2042
- -webkit-border-radius: 50%;
2043
- border-radius: 50%;
2044
- -webkit-clip-path: inset(0 50% 0 0);
2045
- clip-path: inset(0 50% 0 0); }
2046
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2047
- -webkit-transform: rotate(0);
2048
- -ms-transform: rotate(0);
2049
- transform: rotate(0); }
2050
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2051
- -webkit-transform: rotate(180deg);
2052
- -ms-transform: rotate(180deg);
2053
- transform: rotate(180deg);
2054
- visibility: hidden; }
2055
  .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2056
- width: 100%;
2057
- height: 100%;
2058
- border: 6px solid #eee;
2059
- -webkit-border-radius: 50%;
2060
- border-radius: 50%; }
2061
  .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2062
- position: absolute;
2063
- top: 0;
2064
- left: 0;
2065
- width: 100%;
2066
- height: 100%;
2067
- -js-display: flex;
2068
- display: -webkit-box;
2069
- display: -webkit-flex;
2070
- display: -moz-box;
2071
- display: -ms-flexbox;
2072
- display: flex;
2073
- -webkit-box-orient: vertical;
2074
- -webkit-box-direction: normal;
2075
- -webkit-flex-direction: column;
2076
- -moz-box-orient: vertical;
2077
- -moz-box-direction: normal;
2078
- -ms-flex-direction: column;
2079
- flex-direction: column;
2080
- -webkit-box-pack: center;
2081
- -webkit-justify-content: center;
2082
- -moz-box-pack: center;
2083
- -ms-flex-pack: center;
2084
- justify-content: center;
2085
- -webkit-box-align: center;
2086
- -webkit-align-items: center;
2087
- -moz-box-align: center;
2088
- -ms-flex-align: center;
2089
- align-items: center; }
2090
  .premium-progressbar-circle-wrap .premium-lottie-animation {
2091
- line-height: 1; }
2092
 
2093
  @-webkit-keyframes progress-bar-stripes {
2094
  from {
2095
- background-position: 0 0; }
2096
  to {
2097
- background-position: 40px 0; } }
2098
 
2099
  @keyframes progress-bar-stripes {
2100
  from {
2101
- background-position: 0 0; }
2102
  to {
2103
- background-position: 40px 0; } }
2104
 
2105
  @-webkit-keyframes progress-bar-gradient {
2106
  0% {
2107
- background-position: 0% 50%; }
2108
  50% {
2109
- background-position: 100% 50%; }
2110
  100% {
2111
- background-position: 0% 50%; } }
2112
 
2113
  @keyframes progress-bar-gradient {
2114
  0% {
2115
- background-position: 0% 50%; }
2116
  50% {
2117
- background-position: 100% 50%; }
2118
  100% {
2119
- background-position: 0% 50%; } }
2120
 
2121
  /**************** Premium Testimonials ****************/
2122
  /******************************************************/
@@ -2126,26 +2126,26 @@ button.premium-modal-box-modal-close {
2126
  -webkit-transition: all 0.3s ease-in-out;
2127
  transition: all 0.3s ease-in-out; }
2128
  .premium-testimonial-box .premium-testimonial-author-info {
2129
- -js-display: flex;
2130
- display: -webkit-box;
2131
- display: -webkit-flex;
2132
- display: -moz-box;
2133
- display: -ms-flexbox;
2134
- display: flex;
2135
- -webkit-box-pack: center;
2136
- -webkit-justify-content: center;
2137
- -moz-box-pack: center;
2138
- -ms-flex-pack: center;
2139
- justify-content: center;
2140
- -webkit-box-align: center;
2141
- -webkit-align-items: center;
2142
- -moz-box-align: center;
2143
- -ms-flex-align: center;
2144
- align-items: center; }
2145
  .premium-testimonial-box .premium-testimonial-person-name,
2146
  .premium-testimonial-box .premium-testimonial-company-name {
2147
- font-weight: 600;
2148
- margin: 0; }
2149
 
2150
  .premium-testimonial-container {
2151
  position: relative; }
@@ -2156,16 +2156,16 @@ button.premium-modal-box-modal-close {
2156
  overflow: hidden;
2157
  border-style: solid !important; }
2158
  .premium-testimonial-img-wrapper.circle {
2159
- -webkit-border-radius: 50%;
2160
- border-radius: 50%; }
2161
  .premium-testimonial-img-wrapper.rounded {
2162
- -webkit-border-radius: 15px;
2163
- border-radius: 15px; }
2164
  .premium-testimonial-img-wrapper img {
2165
- -o-object-fit: cover;
2166
- object-fit: cover;
2167
- width: 100%;
2168
- height: 100% !important; }
2169
 
2170
  .premium-testimonial-content-wrapper {
2171
  position: relative;
@@ -2178,10 +2178,10 @@ button.premium-modal-box-modal-close {
2178
  -webkit-box-orient: vertical;
2179
  -webkit-box-direction: normal;
2180
  -webkit-flex-direction: column;
2181
- -moz-box-orient: vertical;
2182
- -moz-box-direction: normal;
2183
- -ms-flex-direction: column;
2184
- flex-direction: column;
2185
  z-index: 2;
2186
  width: 100%;
2187
  padding: 20px;
@@ -2204,8 +2204,8 @@ button.premium-modal-box-modal-close {
2204
  margin: 0;
2205
  display: inline-block;
2206
  -webkit-transform: translate(0, 0);
2207
- -ms-transform: translate(0, 0);
2208
- transform: translate(0, 0); }
2209
 
2210
  .premium-dual-header-first-clip .premium-dual-header-first-span,
2211
  .premium-dual-header-second-clip {
@@ -2222,38 +2222,38 @@ button.premium-modal-box-modal-close {
2222
  @media (max-width: 500px) {
2223
  .premium-dual-header-container .premium-dual-header-first-header,
2224
  .premium-dual-header-container .premium-dual-header-second-header {
2225
- display: block;
2226
- word-wrap: break-word; }
2227
  .premium-dual-header-first-container,
2228
  .premium-dual-header-second-container {
2229
- margin: 0; } }
2230
 
2231
  @media (min-width: 501px) {
2232
  .premium-dual-header-first-container {
2233
- margin-right: 5px; } }
2234
 
2235
  .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2236
  .premium-dual-header-second-header.gradient {
2237
  -webkit-background-size: 300% 300% !important;
2238
- background-size: 300% 300% !important;
2239
  -webkit-animation: Gradient 10s ease-in-out infinite;
2240
- animation: Gradient 10s ease-in-out infinite; }
2241
 
2242
  @-webkit-keyframes Gradient {
2243
  0% {
2244
- background-position: 0% 50%; }
2245
  50% {
2246
- background-position: 100% 50%; }
2247
  100% {
2248
- background-position: 0% 50%; } }
2249
 
2250
  @keyframes Gradient {
2251
  0% {
2252
- background-position: 0% 50%; }
2253
  50% {
2254
- background-position: 100% 50%; }
2255
  100% {
2256
- background-position: 0% 50%; } }
2257
 
2258
  /**************** Premium Title ****************/
2259
  /***********************************************/
@@ -2262,36 +2262,36 @@ button.premium-modal-box-modal-close {
2262
  width: 100%;
2263
  clear: both; }
2264
  .premium-title-container .premium-title-header {
2265
- position: relative;
2266
- margin: 0;
2267
- padding: 10px; }
2268
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2269
- -webkit-box-align: center;
2270
- -webkit-align-items: center;
2271
- -moz-box-align: center;
2272
- -ms-flex-align: center;
2273
- align-items: center; }
2274
- .premium-title-container .premium-title-header svg {
2275
- width: 40px;
2276
- height: 40px; }
2277
- .premium-title-container .premium-title-header img {
2278
- width: 40px;
2279
- height: 40px;
2280
- -o-object-fit: cover;
2281
- object-fit: cover; }
2282
- .premium-title-container .premium-title-header a {
2283
- position: absolute;
2284
- top: 0;
2285
- left: 0;
2286
- width: 100%;
2287
- height: 100%; }
2288
  .premium-title-container .premium-lottie-animation {
2289
- -js-display: flex;
2290
- display: -webkit-box;
2291
- display: -webkit-flex;
2292
- display: -moz-box;
2293
- display: -ms-flexbox;
2294
- display: flex; }
2295
 
2296
  .premium-title-icon-row .premium-title-icon {
2297
  margin-right: 10px; }
@@ -2331,22 +2331,22 @@ button.premium-modal-box-modal-close {
2331
  -webkit-box-orient: vertical;
2332
  -webkit-box-direction: normal;
2333
  -webkit-flex-direction: column;
2334
- -moz-box-orient: vertical;
2335
- -moz-box-direction: normal;
2336
- -ms-flex-direction: column;
2337
- flex-direction: column; }
2338
  .premium-title-style7 .premium-title-style7-inner {
2339
- -js-display: flex;
2340
- display: -webkit-box;
2341
- display: -webkit-flex;
2342
- display: -moz-box;
2343
- display: -ms-flexbox;
2344
- display: flex;
2345
- -webkit-box-align: center;
2346
- -webkit-align-items: center;
2347
- -moz-box-align: center;
2348
- -ms-flex-align: center;
2349
- align-items: center; }
2350
 
2351
  .premium-title-style1 {
2352
  border-left: 3px solid #6ec1e4; }
@@ -2377,50 +2377,50 @@ button.premium-modal-box-modal-close {
2377
 
2378
  .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2379
  -webkit-background-size: 125px 125px !important;
2380
- background-size: 125px !important;
2381
  color: rgba(255, 255, 255, 0);
2382
  -webkit-background-clip: text !important;
2383
- background-clip: text !important;
2384
  -webkit-animation-name: shining_title !important;
2385
- animation-name: shining_title !important;
2386
  -webkit-animation-duration: var(--animation-speed) !important;
2387
- animation-duration: var(--animation-speed) !important;
2388
  -webkit-animation-iteration-count: infinite !important;
2389
- animation-iteration-count: infinite !important;
2390
  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; }
2391
 
2392
  @-webkit-keyframes shining_title {
2393
  0% {
2394
- background-position: 0%; }
2395
  100% {
2396
- background-position: 200%; } }
2397
 
2398
  @keyframes shining_title {
2399
  0% {
2400
- background-position: 0%; }
2401
  100% {
2402
- background-position: 200%; } }
2403
 
2404
  .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2405
  -webkit-animation: premium_blurshadow 2s 1 alternate;
2406
- animation: premium_blurshadow 2s 1 alternate; }
2407
 
2408
  @-webkit-keyframes premium_blurshadow {
2409
  from {
2410
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2411
- color: transparent; }
2412
  to {
2413
- text-shadow: 0; } }
2414
 
2415
  @keyframes premium_blurshadow {
2416
  from {
2417
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2418
- color: transparent; }
2419
  to {
2420
- text-shadow: 0; } }
2421
 
2422
- /*
2423
- * Common Title/Dual Heading
2424
  */
2425
  .premium-title-bg-text:before {
2426
  position: absolute;
@@ -2433,8 +2433,8 @@ button.premium-modal-box-modal-close {
2433
  /***********************************************/
2434
  .premium-video-box-transform {
2435
  -webkit-transform: none !important;
2436
- -ms-transform: none !important;
2437
- transform: none !important; }
2438
 
2439
  .premium-video-box-container > div {
2440
  position: relative; }
@@ -2478,8 +2478,8 @@ button.premium-modal-box-modal-close {
2478
  z-index: 2;
2479
  cursor: pointer;
2480
  -webkit-transform: translate(-50%, -50%);
2481
- -ms-transform: translate(-50%, -50%);
2482
- transform: translate(-50%, -50%);
2483
  background: rgba(252, 252, 252, 0.35); }
2484
 
2485
  .premium-video-box-description-container {
@@ -2489,8 +2489,8 @@ button.premium-modal-box-modal-close {
2489
  text-align: center;
2490
  cursor: pointer;
2491
  -webkit-transform: translate(-50%, -50%);
2492
- -ms-transform: translate(-50%, -50%);
2493
- transform: translate(-50%, -50%); }
2494
 
2495
  .premium-video-box-text {
2496
  margin-bottom: 0 !important;
@@ -2500,8 +2500,8 @@ button.premium-modal-box-modal-close {
2500
  .premium-video-box-play-icon {
2501
  padding: 15px;
2502
  -webkit-transform: translateX(4%);
2503
- -ms-transform: translateX(4%);
2504
- transform: translateX(4%);
2505
  -webkit-transition: all 0.3s ease-in-out;
2506
  transition: all 0.3s ease-in-out; }
2507
 
@@ -2538,7 +2538,7 @@ button.premium-modal-box-modal-close {
2538
  border: none;
2539
  background-color: #000;
2540
  -o-object-fit: contain;
2541
- object-fit: contain; }
2542
 
2543
  .premium-video-box-container .premium-video-box-vimeo-wrap {
2544
  -js-display: flex;
@@ -2564,9 +2564,9 @@ button.premium-modal-box-modal-close {
2564
  margin-right: 1px;
2565
  -webkit-box-flex: 1;
2566
  -webkit-flex: 1 0 auto;
2567
- -moz-box-flex: 1;
2568
- -ms-flex: 1 0 auto;
2569
- flex: 1 0 auto;
2570
  padding: 0; }
2571
 
2572
  .premium-video-box-vimeo-portrait img {
@@ -2576,7 +2576,7 @@ button.premium-modal-box-modal-close {
2576
  padding: 0;
2577
  border: 0;
2578
  -webkit-border-radius: 50%;
2579
- border-radius: 50%; }
2580
 
2581
  .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2582
  font-size: 10px; }
@@ -2612,90 +2612,90 @@ button.premium-modal-box-modal-close {
2612
  display: -ms-flexbox;
2613
  display: flex;
2614
  -webkit-flex-wrap: wrap;
2615
- -ms-flex-wrap: wrap;
2616
- flex-wrap: wrap; }
2617
  .premium-video-box-playlist-container .premium-video-box-container {
2618
- height: 100%;
2619
- overflow: hidden; }
2620
 
2621
  .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2622
  -webkit-transform: scale(1.1);
2623
- -ms-transform: scale(1.1);
2624
- transform: scale(1.1); }
2625
 
2626
  .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2627
  -webkit-transform: scale(1);
2628
- -ms-transform: scale(1);
2629
- transform: scale(1); }
2630
 
2631
  .premium-video-box-container:hover .premium-video-box-image-container.scale {
2632
  -webkit-transform: scale(1.3) rotate(5deg);
2633
- -ms-transform: scale(1.3) rotate(5deg);
2634
- transform: scale(1.3) rotate(5deg); }
2635
 
2636
  .premium-video-box-container:hover .premium-video-box-image-container.gray {
2637
  -webkit-filter: grayscale(0%);
2638
- filter: grayscale(0%); }
2639
 
2640
  .premium-video-box-container:hover .premium-video-box-image-container.blur {
2641
  -webkit-filter: blur(3px);
2642
- filter: blur(3px); }
2643
 
2644
  .premium-video-box-container:hover .premium-video-box-image-container.sepia {
2645
  -webkit-filter: sepia(0%);
2646
- filter: sepia(0%); }
2647
 
2648
  .premium-video-box-container:hover .premium-video-box-image-container.trans {
2649
  -webkit-transform: translateX(0px) scale(1.1);
2650
- -ms-transform: translateX(0px) scale(1.1);
2651
- transform: translateX(0px) scale(1.1); }
2652
 
2653
  .premium-video-box-container:hover .premium-video-box-image-container.bright {
2654
  -webkit-filter: brightness(1.2);
2655
- filter: brightness(1.2); }
2656
 
2657
  .premium-video-box-image-container.gray {
2658
  -webkit-filter: grayscale(100%);
2659
- filter: grayscale(100%); }
2660
 
2661
  .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
2662
  -webkit-transform: scale(1.2);
2663
- -ms-transform: scale(1.2);
2664
- transform: scale(1.2); }
2665
 
2666
  .premium-video-box-image-container.sepia {
2667
  -webkit-filter: sepia(30%);
2668
- filter: sepia(30%); }
2669
 
2670
  .premium-video-box-image-container.bright {
2671
  -webkit-filter: brightness(1);
2672
- filter: brightness(1); }
2673
 
2674
  .premium-video-box-image-container.trans {
2675
  -webkit-transform: translateX(-15px) scale(1.1);
2676
- -ms-transform: translateX(-15px) scale(1.1);
2677
- transform: translateX(-15px) scale(1.1); }
2678
 
2679
  .premium-video-box-mask-media {
2680
  -webkit-mask-repeat: no-repeat;
2681
- mask-repeat: no-repeat; }
2682
 
2683
  /* Sticky Video Option */
2684
  .premium-video-box-container.premium-video-box-sticky-apply {
2685
  z-index: 99;
2686
  overflow: unset; }
2687
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2688
- position: fixed !important;
2689
- z-index: 99999;
2690
- height: 225px;
2691
- width: 400px;
2692
- background: #fff; }
2693
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
2694
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
2695
- visibility: hidden; }
2696
  .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 {
2697
- -webkit-box-shadow: unset;
2698
- box-shadow: unset; }
2699
 
2700
  .premium-video-box-sticky-close,
2701
  .premium-video-box-sticky-infobar {
@@ -2709,10 +2709,10 @@ button.premium-modal-box-modal-close {
2709
  height: 14px;
2710
  width: 14px;
2711
  -webkit-box-sizing: content-box;
2712
- -moz-box-sizing: content-box;
2713
- box-sizing: content-box;
2714
  -webkit-border-radius: 100%;
2715
- border-radius: 100%;
2716
  -js-display: flex;
2717
  display: -webkit-box;
2718
  display: -webkit-flex;
@@ -2721,14 +2721,14 @@ button.premium-modal-box-modal-close {
2721
  display: flex;
2722
  -webkit-box-pack: center;
2723
  -webkit-justify-content: center;
2724
- -moz-box-pack: center;
2725
- -ms-flex-pack: center;
2726
- justify-content: center;
2727
  -webkit-box-align: center;
2728
  -webkit-align-items: center;
2729
- -moz-box-align: center;
2730
- -ms-flex-align: center;
2731
- align-items: center; }
2732
 
2733
  .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
2734
  -js-display: flex;
@@ -2790,8 +2790,8 @@ button.premium-modal-box-modal-close {
2790
  left: 20px;
2791
  top: 50%;
2792
  -webkit-transform: translateY(-50%);
2793
- -ms-transform: translateY(-50%);
2794
- transform: translateY(-50%); }
2795
 
2796
  .premium-video-sticky-center-right
2797
  .premium-video-box-container.premium-video-box-sticky-apply
@@ -2800,8 +2800,8 @@ button.premium-modal-box-modal-close {
2800
  right: 20px;
2801
  top: 50%;
2802
  -webkit-transform: translateY(-50%);
2803
- -ms-transform: translateY(-50%);
2804
- transform: translateY(-50%); }
2805
 
2806
  .premium-video-sticky-bottom-right
2807
  .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
@@ -2825,7 +2825,7 @@ button.premium-modal-box-modal-close {
2825
 
2826
  .premium-video-box-filter-sticky {
2827
  -webkit-filter: none !important;
2828
- filter: none !important; }
2829
 
2830
  /**************** Premium Blog *****************/
2831
  /***********************************************/
@@ -2852,227 +2852,227 @@ button.premium-modal-box-modal-close {
2852
  overflow: hidden; }
2853
  .premium-blog-thumbnail-container img,
2854
  .premium-blog-thumbnail-container .below-entry-meta {
2855
- width: 100%;
2856
- height: 100%;
2857
- margin: 0 !important;
2858
- -webkit-transition: all 0.4s ease-in-out;
2859
- transition: all 0.4s ease-in-out; }
2860
 
2861
  .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
2862
  .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
2863
  -webkit-transform: scale(1.2);
2864
- -ms-transform: scale(1.2);
2865
- transform: scale(1.2); }
2866
 
2867
  .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
2868
  -webkit-filter: sepia(30%);
2869
- filter: sepia(30%); }
2870
 
2871
  .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
2872
  -webkit-filter: brightness(1);
2873
- filter: brightness(1); }
2874
 
2875
  .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
2876
  -webkit-transform: translateX(-15px) scale(1.1);
2877
- -ms-transform: translateX(-15px) scale(1.1);
2878
- transform: translateX(-15px) scale(1.1); }
2879
 
2880
  .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
2881
  -webkit-transform: scale(1.2);
2882
- -ms-transform: scale(1.2);
2883
- transform: scale(1.2); }
2884
 
2885
  .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
2886
  -webkit-transform: scale(1.1);
2887
- -ms-transform: scale(1.1);
2888
- transform: scale(1.1); }
2889
 
2890
  .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
2891
  -webkit-transform: scale(1.3) rotate(5deg);
2892
- -ms-transform: scale(1.3) rotate(5deg);
2893
- transform: scale(1.3) rotate(5deg); }
2894
 
2895
  .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
2896
  -webkit-filter: grayscale(100%);
2897
- filter: grayscale(100%); }
2898
 
2899
  .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
2900
  -webkit-filter: blur(3px);
2901
- filter: blur(3px); }
2902
 
2903
  .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
2904
  -webkit-filter: sepia(0%);
2905
- filter: sepia(0%); }
2906
 
2907
  .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
2908
  -webkit-filter: brightness(1.2);
2909
- filter: brightness(1.2); }
2910
 
2911
  .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
2912
  -webkit-transform: translateX(0px) scale(1.1);
2913
- -ms-transform: translateX(0px) scale(1.1);
2914
- transform: translateX(0px) scale(1.1); }
2915
 
2916
  .premium-blog-post-container {
2917
  overflow: hidden; }
2918
  .premium-blog-post-container .premium-blog-inner-container {
2919
- -js-display: flex;
2920
- display: -webkit-box;
2921
- display: -webkit-flex;
2922
- display: -moz-box;
2923
- display: -ms-flexbox;
2924
- display: flex; }
2925
  .premium-blog-post-container .premium-blog-post-content {
2926
- line-height: 1.5em;
2927
- color: #777;
2928
- font-size: 14px;
2929
- margin-bottom: 10px; }
2930
  .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
2931
  .premium-blog-post-container .premium-blog-post-link:hover,
2932
  .premium-blog-post-container .premium-blog-post-link:focus {
2933
- -webkit-box-shadow: none !important;
2934
- box-shadow: none !important;
2935
- outline: none !important; }
2936
  .premium-blog-post-container .premium-blog-entry-title {
2937
- font-size: 18px;
2938
- margin-bottom: 5px; }
2939
  .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
2940
- position: relative;
2941
- z-index: 3;
2942
- top: -50px; }
2943
  .premium-blog-post-container .premium-blog-content-wrapper {
2944
- background-color: #f5f5f5;
2945
- padding: 30px; }
2946
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
2947
- top: 0; }
2948
  .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 {
2949
- position: absolute;
2950
- content: "";
2951
- z-index: 1;
2952
- top: 50%;
2953
- left: 50%;
2954
- opacity: 0;
2955
- -webkit-transform: translate(-50%, -50%);
2956
- -ms-transform: translate(-50%, -50%);
2957
- transform: translate(-50%, -50%);
2958
- -webkit-transition: all 0.4s linear 0s;
2959
- transition: all 0.4s linear 0s;
2960
- height: 1px;
2961
- width: 100%;
2962
- background-color: #fff; }
2963
  .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
2964
- width: 1px;
2965
- height: 100%; }
2966
  .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 {
2967
- width: 20px;
2968
- opacity: 1; }
2969
  .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 {
2970
- height: 20px;
2971
- opacity: 1; }
2972
  .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
2973
- margin: 0px 10px 20px;
2974
- clear: both; }
2975
  .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 {
2976
- position: absolute;
2977
- top: 0;
2978
- left: 0;
2979
- width: 100%;
2980
- height: 100%;
2981
- -webkit-transition: all 0.3s ease-in-out;
2982
- transition: all 0.3s ease-in-out;
2983
- opacity: 0; }
2984
- .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 {
2985
- -js-display: flex;
2986
- display: -webkit-box;
2987
- display: -webkit-flex;
2988
- display: -moz-box;
2989
- display: -ms-flexbox;
2990
- display: flex;
2991
- -webkit-box-pack: center;
2992
- -webkit-justify-content: center;
2993
- -moz-box-pack: center;
2994
- -ms-flex-pack: center;
2995
- justify-content: center;
2996
- -webkit-box-align: center;
2997
- -webkit-align-items: center;
2998
- -moz-box-align: center;
2999
- -ms-flex-align: center;
3000
- align-items: center;
3001
- width: 100%;
3002
- height: 100%; }
3003
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3004
- .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,
3005
- .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,
3006
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3007
- -webkit-transition: all 0.3s ease-in-out;
3008
- transition: all 0.3s ease-in-out; }
3009
  .premium-blog-post-container.premium-blog-skin-side {
3010
- -js-display: flex;
3011
- display: -webkit-box;
3012
- display: -webkit-flex;
3013
- display: -moz-box;
3014
- display: -ms-flexbox;
3015
- display: flex; }
3016
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3017
- height: 100%; }
3018
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3019
- -webkit-box-flex: 1;
3020
- -webkit-flex: 1;
3021
- -moz-box-flex: 1;
3022
- -ms-flex: 1;
3023
- flex: 1; }
3024
  .premium-blog-post-container.premium-blog-skin-banner {
3025
- position: relative; }
3026
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3027
- position: absolute;
3028
- width: 100%;
3029
- bottom: 0;
3030
- -js-display: flex;
3031
- display: -webkit-box;
3032
- display: -webkit-flex;
3033
- display: -moz-box;
3034
- display: -ms-flexbox;
3035
- display: flex;
3036
- -webkit-box-orient: vertical;
3037
- -webkit-box-direction: normal;
3038
- -webkit-flex-direction: column;
3039
- -moz-box-orient: vertical;
3040
- -moz-box-direction: normal;
3041
- -ms-flex-direction: column;
3042
- flex-direction: column;
3043
- background-color: transparent;
3044
- z-index: 3; }
3045
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3046
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3047
- transition: -webkit-transform 0.3s ease-in-out;
3048
- transition: transform 0.3s ease-in-out;
3049
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3050
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3051
- -webkit-transform: translateY(-5px);
3052
- -ms-transform: translateY(-5px);
3053
- transform: translateY(-5px); }
3054
  .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3055
- margin: 0;
3056
- padding: 0;
3057
- list-style: none;
3058
- -js-display: flex;
3059
- display: -webkit-box;
3060
- display: -webkit-flex;
3061
- display: -moz-box;
3062
- display: -ms-flexbox;
3063
- display: flex; }
3064
  .premium-blog-post-container .premium-blog-cats-container a {
3065
- display: block;
3066
- font-size: 12px;
3067
- color: #fff;
3068
- background-color: #777;
3069
- margin: 0 3px 10px 0;
3070
- padding: 5px;
3071
- -webkit-transition: all 0.3s ease-in-out;
3072
- transition: all 0.3s ease-in-out; }
3073
-
3074
- /*
3075
- * Diagonal Effect
3076
  */
3077
  .premium-blog-diagonal-container {
3078
  position: absolute;
@@ -3091,16 +3091,16 @@ button.premium-modal-box-modal-close {
3091
  z-index: 1;
3092
  background: rgba(255, 255, 255, 0.2);
3093
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3094
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3095
  -webkit-transition: all 0.3s linear 0s;
3096
  transition: all 0.3s linear 0s; }
3097
 
3098
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3099
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3100
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3101
 
3102
- /*
3103
- * Framed Effect
3104
  */
3105
  .premium-blog-framed-effect {
3106
  position: absolute;
@@ -3112,19 +3112,19 @@ button.premium-modal-box-modal-close {
3112
  left: 15px;
3113
  opacity: 0;
3114
  -webkit-transform: scale(0.3);
3115
- -ms-transform: scale(0.3);
3116
- transform: scale(0.3);
3117
  -webkit-transition: all 0.3s linear 0s;
3118
  transition: all 0.3s linear 0s; }
3119
 
3120
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3121
  opacity: 0.99;
3122
  -webkit-transform: scale(1);
3123
- -ms-transform: scale(1);
3124
- transform: scale(1); }
3125
 
3126
- /*
3127
- * Bordered Effect
3128
  */
3129
  .premium-blog-bordered-effect {
3130
  position: absolute;
@@ -3137,49 +3137,49 @@ button.premium-modal-box-modal-close {
3137
  -webkit-transition: all 0.3s linear 0s;
3138
  transition: all 0.3s linear 0s; }
3139
  .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3140
- content: "";
3141
- display: block;
3142
- position: absolute;
3143
- top: 0;
3144
- left: 0;
3145
- width: 100%;
3146
- height: 100%;
3147
- -webkit-transition: all 0.5s linear 0s;
3148
- transition: all 0.5s linear 0s;
3149
- -webkit-transition-delay: 0s;
3150
- transition-delay: 0s;
3151
- border-color: rgba(255, 255, 255, 0.45); }
3152
  .premium-blog-bordered-effect .premium-blog-post-link:before {
3153
- border-right: 2px solid;
3154
- border-left: 2px solid;
3155
- -webkit-transform: scale(1, 0);
3156
- -ms-transform: scale(1, 0);
3157
- transform: scale(1, 0);
3158
- -webkit-transform-origin: 100% 0;
3159
- -ms-transform-origin: 100% 0;
3160
- transform-origin: 100% 0; }
3161
  .premium-blog-bordered-effect .premium-blog-post-link:after {
3162
- border-top: 2px solid;
3163
- border-bottom: 2px solid;
3164
- -webkit-transform: scale(0, 1);
3165
- -ms-transform: scale(0, 1);
3166
- transform: scale(0, 1);
3167
- -webkit-transform-origin: 0 0;
3168
- -ms-transform-origin: 0 0;
3169
- transform-origin: 0 0; }
3170
 
3171
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3172
  opacity: 0.99; }
3173
  .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 {
3174
- -webkit-transition-delay: 0.15s;
3175
- transition-delay: 0.15s;
3176
- opacity: 1;
3177
- -webkit-transform: scale(1);
3178
- -ms-transform: scale(1);
3179
- transform: scale(1); }
3180
-
3181
- /*
3182
- * Squares Effect
3183
  */
3184
  .premium-blog-squares-effect,
3185
  .premium-blog-squares-square-container {
@@ -3197,8 +3197,8 @@ button.premium-modal-box-modal-close {
3197
  width: 50%;
3198
  height: 50%;
3199
  -webkit-transform: translate(-100%, -100%);
3200
- -ms-transform: translate(-100%, -100%);
3201
- transform: translate(-100%, -100%);
3202
  opacity: 0.7;
3203
  -webkit-transition: all 0.3s linear 0s;
3204
  transition: all 0.3s linear 0s; }
@@ -3211,8 +3211,8 @@ button.premium-modal-box-modal-close {
3211
  width: 50%;
3212
  height: 50%;
3213
  -webkit-transform: translate(-100%, -100%);
3214
- -ms-transform: translate(-100%, -100%);
3215
- transform: translate(-100%, -100%);
3216
  opacity: 0.7;
3217
  -webkit-transition: all 0.3s linear 0s;
3218
  transition: all 0.3s linear 0s; }
@@ -3222,46 +3222,46 @@ button.premium-modal-box-modal-close {
3222
 
3223
  .premium-blog-squares-effect:after {
3224
  -webkit-transform: translate(200%, 200%);
3225
- -ms-transform: translate(200%, 200%);
3226
- transform: translate(200%, 200%); }
3227
 
3228
  .premium-blog-squares-square-container:before {
3229
  -webkit-transform: translate(-100%, 200%);
3230
- -ms-transform: translate(-100%, 200%);
3231
- transform: translate(-100%, 200%); }
3232
 
3233
  .premium-blog-squares-square-container:after {
3234
  -webkit-transform: translate(200%, -100%);
3235
- -ms-transform: translate(200%, -100%);
3236
- transform: translate(200%, -100%); }
3237
 
3238
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3239
  -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3240
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3241
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3242
 
3243
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3244
  -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3245
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3246
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3247
 
3248
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3249
  -webkit-transform: translate(0, 100%);
3250
- -ms-transform: translate(0, 100%);
3251
- transform: translate(0, 100%); }
3252
 
3253
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3254
  -webkit-transform: translate(100%, 0%);
3255
- -ms-transform: translate(100%, 0%);
3256
- transform: translate(100%, 0%); }
3257
 
3258
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3259
  opacity: 1; }
3260
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3261
- opacity: 1;
3262
- -webkit-transform: scale(1);
3263
- -ms-transform: scale(1);
3264
- transform: scale(1); }
3265
 
3266
  .premium-blog-clear-fix {
3267
  clear: both; }
@@ -3279,19 +3279,19 @@ button.premium-modal-box-modal-close {
3279
  margin-bottom: 13px;
3280
  color: #adadad; }
3281
  .premium-blog-entry-meta i {
3282
- margin-right: 3px;
3283
- -webkit-transition: all 0.3s ease-in-out;
3284
- transition: all 0.3s ease-in-out; }
3285
 
3286
  .premium-blog-meta-data {
3287
  display: inline-block; }
3288
  .premium-blog-meta-data .premium-blog-meta-separator {
3289
- margin: 0 5px; }
3290
  .premium-blog-meta-data a,
3291
  .premium-blog-meta-data span {
3292
- color: inherit;
3293
- -webkit-transition: all 0.3s ease-in-out;
3294
- transition: all 0.3s ease-in-out; }
3295
 
3296
  .premium-blog-author-thumbnail {
3297
  position: relative;
@@ -3301,13 +3301,13 @@ button.premium-modal-box-modal-close {
3301
  height: 0;
3302
  pointer-events: none; }
3303
  .premium-blog-author-thumbnail img {
3304
- -webkit-border-radius: 50%;
3305
- border-radius: 50%;
3306
- width: 60px;
3307
- pointer-events: all;
3308
- -webkit-transform: translateY(-50%);
3309
- -ms-transform: translateY(-50%);
3310
- transform: translateY(-50%); }
3311
 
3312
  .premium-blog-entry-title a,
3313
  .premium-blog-post-tags-container a,
@@ -3333,15 +3333,15 @@ button.premium-modal-box-modal-close {
3333
  display: flex;
3334
  -webkit-box-align: center;
3335
  -webkit-align-items: center;
3336
- -moz-box-align: center;
3337
- -ms-flex-align: center;
3338
- align-items: center;
3339
  -webkit-flex-wrap: wrap;
3340
- -ms-flex-wrap: wrap;
3341
- flex-wrap: wrap; }
3342
  .premium-blog-post-tags-container a {
3343
- color: inherit;
3344
- margin-left: 5px; }
3345
 
3346
  /*Tags align*/
3347
  .premium-blog-align-left .post-categories,
@@ -3349,44 +3349,44 @@ button.premium-modal-box-modal-close {
3349
  .premium-blog-align-left .premium-blog-post-tags-container {
3350
  -webkit-box-pack: start;
3351
  -webkit-justify-content: flex-start;
3352
- -moz-box-pack: start;
3353
- -ms-flex-pack: start;
3354
- justify-content: flex-start; }
3355
 
3356
  .premium-blog-align-center .post-categories,
3357
  .premium-blog-align-center .premium-blog-inner-container,
3358
  .premium-blog-align-center .premium-blog-post-tags-container {
3359
  -webkit-box-pack: center;
3360
  -webkit-justify-content: center;
3361
- -moz-box-pack: center;
3362
- -ms-flex-pack: center;
3363
- justify-content: center; }
3364
 
3365
  .premium-blog-align-right .post-categories,
3366
  .premium-blog-align-right .premium-blog-inner-container,
3367
  .premium-blog-align-right .premium-blog-post-tags-container {
3368
  -webkit-box-pack: end;
3369
  -webkit-justify-content: flex-end;
3370
- -moz-box-pack: end;
3371
- -ms-flex-pack: end;
3372
- justify-content: flex-end; }
3373
 
3374
  /* Pagination */
3375
  .premium-blog-pagination-container {
3376
  text-align: right; }
3377
  .premium-blog-pagination-container span {
3378
- cursor: default; }
3379
  .premium-blog-pagination-container .page-numbers {
3380
- display: inline-block;
3381
- color: #000;
3382
- line-height: 1;
3383
- font-size: 1em;
3384
- font-weight: 400;
3385
- text-decoration: none;
3386
- padding: 0.75em;
3387
- margin: 0 0.4em 0.4em 0;
3388
- -webkit-transition: all 0.2s ease-in-out;
3389
- transition: all 0.2s ease-in-out; }
3390
 
3391
  .premium-blog-wrap .premium-loading-feed {
3392
  display: block;
@@ -3406,9 +3406,9 @@ button.premium-modal-box-modal-close {
3406
  display: flex;
3407
  -webkit-box-align: center;
3408
  -webkit-align-items: center;
3409
- -moz-box-align: center;
3410
- -ms-flex-align: center;
3411
- align-items: center;
3412
  z-index: 99; }
3413
 
3414
  .premium-blog-wrap {
@@ -3419,19 +3419,19 @@ button.premium-modal-box-modal-close {
3419
  display: -ms-flexbox;
3420
  display: flex;
3421
  -webkit-flex-wrap: wrap;
3422
- -ms-flex-wrap: wrap;
3423
- flex-wrap: wrap; }
3424
  .premium-blog-wrap ul.slick-dots {
3425
- width: 100%; }
3426
 
3427
- /*
3428
- * List Layout
3429
  */
3430
  .premium-blog-list .premium-blog-post-outer-container {
3431
  width: 100%; }
3432
 
3433
- /**
3434
- * Even Layout
3435
  */
3436
  .premium-blog-even .premium-blog-post-container {
3437
  height: 100%; }
@@ -3447,22 +3447,22 @@ button.premium-modal-box-modal-close {
3447
  .premium-blog-even .slick-slide {
3448
  height: inherit !important; }
3449
 
3450
- /**
3451
- * Responsive Style
3452
  */
3453
  @media (max-width: 768px) {
3454
  .premium-blog-content-wrapper {
3455
- top: 0;
3456
- margin: 0;
3457
- padding: 15px; }
3458
  .premium-blog-skin-side {
3459
- -webkit-box-orient: vertical;
3460
- -webkit-box-direction: normal;
3461
- -webkit-flex-direction: column;
3462
- -moz-box-orient: vertical;
3463
- -moz-box-direction: normal;
3464
- -ms-flex-direction: column;
3465
- flex-direction: column; } }
3466
 
3467
  /************ Premium Team Members ************/
3468
  /*********************************************/
@@ -3473,68 +3473,68 @@ button.premium-modal-box-modal-close {
3473
  position: relative;
3474
  text-align: center; }
3475
  .premium-person-image-container .premium-person-image-wrap {
3476
- overflow: hidden; }
3477
 
3478
  .premium-person-zoomout-effect .premium-person-image-container img,
3479
  .premium-person-scale-effect .premium-person-image-container img {
3480
  -webkit-transform: scale(1.2);
3481
- -ms-transform: scale(1.2);
3482
- transform: scale(1.2); }
3483
 
3484
  .premium-person-sepia-effect .premium-person-image-container img {
3485
  -webkit-filter: sepia(30%);
3486
- filter: sepia(30%); }
3487
 
3488
  .premium-person-bright-effect .premium-person-image-container img {
3489
  -webkit-filter: brightness(1);
3490
- filter: brightness(1); }
3491
 
3492
  .premium-person-trans-effect .premium-person-image-container img {
3493
  -webkit-transform: translateX(-15px) scale(1.1);
3494
- -ms-transform: translateX(-15px) scale(1.1);
3495
- transform: translateX(-15px) scale(1.1); }
3496
 
3497
  .premium-person-zoomin-effect:hover .premium-person-image-container img {
3498
  -webkit-transform: scale(1.2);
3499
- -ms-transform: scale(1.2);
3500
- transform: scale(1.2); }
3501
 
3502
  .premium-person-zoomout-effect:hover .premium-person-image-container img {
3503
  -webkit-transform: scale(1.1);
3504
- -ms-transform: scale(1.1);
3505
- transform: scale(1.1); }
3506
 
3507
  .premium-person-scale-effect:hover .premium-person-image-container img {
3508
  -webkit-transform: scale(1.3) rotate(5deg);
3509
- -ms-transform: scale(1.3) rotate(5deg);
3510
- transform: scale(1.3) rotate(5deg); }
3511
 
3512
  .premium-person-grayscale-effect:hover .premium-person-image-container img {
3513
  -webkit-filter: grayscale(100%);
3514
- filter: grayscale(100%); }
3515
 
3516
  .premium-person-blur-effect:hover .premium-person-image-container img {
3517
  -webkit-filter: blur(3px);
3518
- filter: blur(3px); }
3519
 
3520
  .premium-person-sepia-effect:hover .premium-person-image-container img {
3521
  -webkit-filter: sepia(0%);
3522
- filter: sepia(0%); }
3523
 
3524
  .premium-person-bright-effect:hover .premium-person-image-container img {
3525
  -webkit-filter: brightness(1.2);
3526
- filter: brightness(1.2); }
3527
 
3528
  .premium-person-trans-effect:hover .premium-person-image-container img {
3529
  -webkit-transform: translateX(0px) scale(1.1);
3530
- -ms-transform: translateX(0px) scale(1.1);
3531
- transform: translateX(0px) scale(1.1); }
3532
 
3533
  .premium-person-container .premium-person-image-container img {
3534
  width: 100%;
3535
  height: 100%;
3536
  -o-object-fit: cover;
3537
- object-fit: cover;
3538
  -webkit-transition: all 0.5s ease-in-out;
3539
  transition: all 0.5s ease-in-out; }
3540
 
@@ -3553,16 +3553,16 @@ button.premium-modal-box-modal-close {
3553
  display: flex;
3554
  -webkit-box-pack: center;
3555
  -webkit-justify-content: center;
3556
- -moz-box-pack: center;
3557
- -ms-flex-pack: center;
3558
- justify-content: center;
3559
  -webkit-box-align: center;
3560
  -webkit-align-items: center;
3561
- -moz-box-align: center;
3562
- -ms-flex-align: center;
3563
- align-items: center;
3564
  -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3565
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3566
  -webkit-transition: all 0.5s linear 0s;
3567
  transition: all 0.5s linear 0s;
3568
  opacity: 0; }
@@ -3576,16 +3576,16 @@ button.premium-modal-box-modal-close {
3576
  .premium-person-style2 .premium-person-list-item a {
3577
  opacity: 0;
3578
  -webkit-transform: scale(0);
3579
- -ms-transform: scale(0);
3580
- transform: scale(0);
3581
  -webkit-transition: all 0.5s ease-in-out 0s;
3582
  transition: all 0.5s ease-in-out 0s; }
3583
 
3584
  .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3585
  opacity: 1;
3586
  -webkit-transform: scale(1);
3587
- -ms-transform: scale(1);
3588
- transform: scale(1); }
3589
 
3590
  .premium-person-info-container {
3591
  padding: 30px 15px; }
@@ -3616,10 +3616,10 @@ ul.premium-person-social-list {
3616
  -webkit-transition: all 0.2s ease-in-out;
3617
  transition: all 0.2s ease-in-out; }
3618
  .premium-person-social-list li i {
3619
- position: relative;
3620
- bottom: 0px;
3621
- -webkit-transition: all 0.2s ease-in-out;
3622
- transition: all 0.2s ease-in-out; }
3623
 
3624
  .premium-person-defaults-yes li.premium-person-facebook:hover a {
3625
  background-color: #3b5998 !important; }
@@ -3665,11 +3665,11 @@ ul.premium-person-social-list {
3665
 
3666
  .premium-person-social-list li:hover a {
3667
  -webkit-box-shadow: none;
3668
- box-shadow: none; }
3669
 
3670
  .premium-person-social-list li a:focus {
3671
  -webkit-box-shadow: none;
3672
- box-shadow: none;
3673
  outline: none; }
3674
 
3675
  .premium-person-social-list li i {
@@ -3684,9 +3684,9 @@ ul.premium-person-social-list {
3684
  display: flex;
3685
  -webkit-box-pack: center;
3686
  -webkit-justify-content: center;
3687
- -moz-box-pack: center;
3688
- -ms-flex-pack: center;
3689
- justify-content: center; }
3690
 
3691
  .premium-persons-container.multiple-persons {
3692
  -js-display: flex;
@@ -3696,25 +3696,25 @@ ul.premium-person-social-list {
3696
  display: -ms-flexbox;
3697
  display: flex;
3698
  -webkit-flex-wrap: wrap;
3699
- -ms-flex-wrap: wrap;
3700
- flex-wrap: wrap;
3701
  width: 100%; }
3702
 
3703
  .premium-person-style1 .premium-person-container {
3704
  overflow: hidden; }
3705
  .premium-person-style1 .premium-person-container .premium-person-info {
3706
- position: absolute;
3707
- top: auto;
3708
- right: 0;
3709
- left: 0;
3710
- -webkit-transition: all 500ms ease 0s;
3711
- transition: all 500ms ease 0s;
3712
- -webkit-transform: translate3d(0, 100%, 0);
3713
- transform: translate3d(0, 100%, 0); }
3714
  .premium-person-style1 .premium-person-container:hover .premium-person-info {
3715
- -webkit-transform: translate3d(0, 0, 0);
3716
- transform: translate3d(0, 0, 0);
3717
- bottom: -1px !important; }
3718
 
3719
  .premium-person-style1 .premium-person-social-list li:hover {
3720
  bottom: 5px; }
@@ -3722,9 +3722,9 @@ ul.premium-person-social-list {
3722
  .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
3723
  -webkit-box-align: start;
3724
  -webkit-align-items: flex-start;
3725
- -moz-box-align: start;
3726
- -ms-flex-align: start;
3727
- align-items: flex-start; }
3728
 
3729
  .premium-person-style1 .slick-track {
3730
  -js-display: flex;
@@ -3756,15 +3756,15 @@ ul.premium-person-social-list {
3756
  -webkit-box-orient: vertical;
3757
  -webkit-box-direction: normal;
3758
  -webkit-flex-direction: column;
3759
- -moz-box-orient: vertical;
3760
- -moz-box-direction: normal;
3761
- -ms-flex-direction: column;
3762
- flex-direction: column;
3763
  -webkit-box-pack: justify;
3764
  -webkit-justify-content: space-between;
3765
- -moz-box-pack: justify;
3766
- -ms-flex-pack: justify;
3767
- justify-content: space-between; }
3768
 
3769
  .premium-person-style3 .premium-person-title-desc-wrap {
3770
  -js-display: flex;
@@ -3776,20 +3776,20 @@ ul.premium-person-social-list {
3776
  -webkit-box-orient: horizontal;
3777
  -webkit-box-direction: reverse;
3778
  -webkit-flex-direction: row-reverse;
3779
- -moz-box-orient: horizontal;
3780
- -moz-box-direction: reverse;
3781
- -ms-flex-direction: row-reverse;
3782
- flex-direction: row-reverse;
3783
  -webkit-box-pack: justify;
3784
  -webkit-justify-content: space-between;
3785
- -moz-box-pack: justify;
3786
- -ms-flex-pack: justify;
3787
- justify-content: space-between;
3788
  -webkit-box-align: start;
3789
  -webkit-align-items: flex-start;
3790
- -moz-box-align: start;
3791
- -ms-flex-align: start;
3792
- align-items: flex-start; }
3793
 
3794
  .premium-person-style3 .premium-person-name-icons-wrap {
3795
  -js-display: flex;
@@ -3800,14 +3800,14 @@ ul.premium-person-social-list {
3800
  display: flex;
3801
  -webkit-box-pack: justify;
3802
  -webkit-justify-content: space-between;
3803
- -moz-box-pack: justify;
3804
- -ms-flex-pack: justify;
3805
- justify-content: space-between;
3806
  -webkit-box-align: end;
3807
  -webkit-align-items: flex-end;
3808
- -moz-box-align: end;
3809
- -ms-flex-align: end;
3810
- align-items: flex-end; }
3811
 
3812
  .premium-person-style3 .premium-person-title {
3813
  opacity: 0;
@@ -3815,7 +3815,7 @@ ul.premium-person-social-list {
3815
  transition: all 0.3s ease;
3816
  width: 0; }
3817
  .premium-person-style3 .premium-person-title span {
3818
- display: inline-block; }
3819
 
3820
  .premium-person-style3 .premium-person-name {
3821
  padding-left: 10px; }
@@ -3830,13 +3830,13 @@ ul.premium-person-social-list {
3830
  -webkit-box-orient: vertical;
3831
  -webkit-box-direction: normal;
3832
  -webkit-flex-direction: column;
3833
- -moz-box-orient: vertical;
3834
- -moz-box-direction: normal;
3835
- -ms-flex-direction: column;
3836
- flex-direction: column;
3837
  -webkit-transform: translateY(20px);
3838
- -ms-transform: translateY(20px);
3839
- transform: translateY(20px);
3840
  opacity: 0;
3841
  -webkit-transition: all 0.3s ease;
3842
  transition: all 0.3s ease; }
@@ -3844,8 +3844,8 @@ ul.premium-person-social-list {
3844
  .premium-person-style3 .premium-person-list-item {
3845
  line-height: 0; }
3846
  .premium-person-style3 .premium-person-list-item a {
3847
- padding: 5px 10px 0 0;
3848
- margin: 5px 0; }
3849
 
3850
  .premium-person-style3 .premium-person-container:hover .premium-person-title {
3851
  opacity: 1; }
@@ -3853,36 +3853,36 @@ ul.premium-person-social-list {
3853
  .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
3854
  opacity: 1;
3855
  -webkit-transform: translateY(0);
3856
- -ms-transform: translateY(0);
3857
- transform: translateY(0); }
3858
 
3859
  .premium-persons-title-cw .premium-person-title {
3860
  -webkit-transform: translateX(15px) rotate(90deg);
3861
- -ms-transform: translateX(15px) rotate(90deg);
3862
- transform: translateX(15px) rotate(90deg);
3863
  -webkit-transform-origin: top;
3864
- -ms-transform-origin: top;
3865
- transform-origin: top; }
3866
 
3867
  .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
3868
  -webkit-transform: translateX(0) rotate(90deg);
3869
- -ms-transform: translateX(0) rotate(90deg);
3870
- transform: translateX(0) rotate(90deg); }
3871
 
3872
  .premium-persons-title-ccw .premium-person-title {
3873
  width: auto;
3874
  margin-right: 20px;
3875
  -webkit-transform: translateX(15px) rotate(-90deg);
3876
- -ms-transform: translateX(15px) rotate(-90deg);
3877
- transform: translateX(15px) rotate(-90deg);
3878
  -webkit-transform-origin: center right;
3879
- -ms-transform-origin: center right;
3880
- transform-origin: center right; }
3881
 
3882
  .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
3883
  -webkit-transform: translateX(0) rotate(-90deg);
3884
- -ms-transform: translateX(0) rotate(-90deg);
3885
- transform: translateX(0) rotate(-90deg); }
3886
 
3887
  /**************** Premium Fancy Text *******************/
3888
  /*******************************************************/
@@ -3912,35 +3912,35 @@ ul.premium-person-social-list {
3912
  .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3913
  opacity: 0;
3914
  -webkit-animation: pa-zoom-out 0.8s;
3915
- animation: pa-zoom-out 0.8s; }
3916
 
3917
  .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3918
  position: relative !important;
3919
  -webkit-animation: pa-zoom-in 0.8s;
3920
- animation: pa-zoom-in 0.8s; }
3921
 
3922
  .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3923
  -webkit-perspective: 300px;
3924
- perspective: 300px; }
3925
 
3926
  .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3927
  -webkit-transform-origin: 50% 100%;
3928
- -ms-transform-origin: 50% 100%;
3929
- transform-origin: 50% 100%; }
3930
 
3931
  .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3932
  opacity: 0;
3933
  -webkit-transform: rotateX(180deg);
3934
- transform: rotateX(180deg);
3935
  -webkit-animation: pa-rotate-out 1.2s;
3936
- animation: pa-rotate-out 1.2s; }
3937
 
3938
  .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3939
  position: relative !important;
3940
  -webkit-transform: rotateX(0deg);
3941
- transform: rotateX(0deg);
3942
  -webkit-animation: pa-rotate-in 1.2s;
3943
- animation: pa-rotate-in 1.2s; }
3944
 
3945
  .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
3946
  opacity: 0; }
@@ -3950,107 +3950,107 @@ ul.premium-person-social-list {
3950
 
3951
  @-webkit-keyframes pa-zoom-in {
3952
  0% {
3953
- opacity: 0;
3954
- -webkit-transform: translateZ(100px);
3955
- transform: translateZ(100px); }
3956
  100% {
3957
- opacity: 1;
3958
- -webkit-transform: translateZ(0);
3959
- transform: translateZ(0); } }
3960
 
3961
  @keyframes pa-zoom-in {
3962
  0% {
3963
- opacity: 0;
3964
- -webkit-transform: translateZ(100px);
3965
- transform: translateZ(100px); }
3966
  100% {
3967
- opacity: 1;
3968
- -webkit-transform: translateZ(0);
3969
- transform: translateZ(0); } }
3970
 
3971
  @-webkit-keyframes pa-zoom-out {
3972
  0% {
3973
- opacity: 1;
3974
- -webkit-transform: translateZ(0);
3975
- transform: translateZ(0); }
3976
  100% {
3977
- opacity: 0;
3978
- -webkit-transform: translateZ(-100px);
3979
- transform: translateZ(-100px); } }
3980
 
3981
  @keyframes pa-zoom-out {
3982
  0% {
3983
- opacity: 1;
3984
- -webkit-transform: translateZ(0);
3985
- transform: translateZ(0); }
3986
  100% {
3987
- opacity: 0;
3988
- -webkit-transform: translateZ(-100px);
3989
- transform: translateZ(-100px); } }
3990
 
3991
  @-webkit-keyframes pa-rotate-in {
3992
  0% {
3993
- opacity: 0;
3994
- -webkit-transform: rotateX(180deg);
3995
- transform: rotateX(180deg); }
3996
  35% {
3997
- opacity: 0;
3998
- -webkit-transform: rotateX(120deg);
3999
- transform: rotateX(120deg); }
4000
  65% {
4001
- opacity: 0; }
4002
  100% {
4003
- opacity: 1;
4004
- -webkit-transform: rotateX(360deg);
4005
- transform: rotateX(360deg); } }
4006
 
4007
  @keyframes pa-rotate-in {
4008
  0% {
4009
- opacity: 0;
4010
- -webkit-transform: rotateX(180deg);
4011
- transform: rotateX(180deg); }
4012
  35% {
4013
- opacity: 0;
4014
- -webkit-transform: rotateX(120deg);
4015
- transform: rotateX(120deg); }
4016
  65% {
4017
- opacity: 0; }
4018
  100% {
4019
- opacity: 1;
4020
- -webkit-transform: rotateX(360deg);
4021
- transform: rotateX(360deg); } }
4022
 
4023
  @-webkit-keyframes pa-rotate-out {
4024
  0% {
4025
- opacity: 1;
4026
- -webkit-transform: rotateX(0deg);
4027
- transform: rotateX(0deg); }
4028
  35% {
4029
- opacity: 1;
4030
- -webkit-transform: rotateX(-40deg);
4031
- transform: rotateX(-40deg); }
4032
  65% {
4033
- opacity: 0; }
4034
  100% {
4035
- opacity: 0;
4036
- -webkit-transform: rotateX(180deg);
4037
- transform: rotateX(180deg); } }
4038
 
4039
  @keyframes pa-rotate-out {
4040
  0% {
4041
- opacity: 1;
4042
- -webkit-transform: rotateX(0deg);
4043
- transform: rotateX(0deg); }
4044
  35% {
4045
- opacity: 1;
4046
- -webkit-transform: rotateX(-40deg);
4047
- transform: rotateX(-40deg); }
4048
  65% {
4049
- opacity: 0; }
4050
  100% {
4051
- opacity: 0;
4052
- -webkit-transform: rotateX(180deg);
4053
- transform: rotateX(180deg); } }
4054
 
4055
  /**************** Premium Pricing Table ****************/
4056
  /*******************************************************/
@@ -4070,19 +4070,19 @@ ul.premium-person-social-list {
4070
  display: flex;
4071
  -webkit-box-pack: center;
4072
  -webkit-justify-content: center;
4073
- -moz-box-pack: center;
4074
- -ms-flex-pack: center;
4075
- justify-content: center;
4076
  line-height: 0; }
4077
  .premium-pricing-icon-container .premium-pricing-icon {
4078
- display: inline-block; }
4079
  .premium-pricing-icon-container .premium-pricing-image {
4080
- overflow: hidden; }
4081
- .premium-pricing-icon-container .premium-pricing-image img {
4082
- width: 25px;
4083
- height: 25px;
4084
- -o-object-fit: cover;
4085
- object-fit: cover; }
4086
 
4087
  .premium-badge-left {
4088
  position: absolute;
@@ -4116,15 +4116,15 @@ ul.premium-person-social-list {
4116
  width: 100px;
4117
  text-align: center;
4118
  -webkit-transform: rotate(-45deg);
4119
- -ms-transform: rotate(-45deg);
4120
- transform: rotate(-45deg);
4121
  display: block;
4122
  text-transform: uppercase; }
4123
 
4124
  .premium-badge-triangle.premium-badge-right span {
4125
  -webkit-transform: rotate(45deg);
4126
- -ms-transform: rotate(45deg);
4127
- transform: rotate(45deg);
4128
  right: 0; }
4129
 
4130
  .premium-badge-circle {
@@ -4133,52 +4133,52 @@ ul.premium-person-social-list {
4133
  line-height: 4em;
4134
  text-align: center;
4135
  -webkit-border-radius: 100%;
4136
- border-radius: 100%;
4137
  position: absolute;
4138
  z-index: 1; }
4139
 
4140
  .premium-badge-stripe {
4141
  position: absolute;
4142
  -webkit-transform: rotate(90deg);
4143
- -ms-transform: rotate(90deg);
4144
- transform: rotate(90deg);
4145
  width: 15em;
4146
  overflow: hidden;
4147
  height: 15em; }
4148
  .premium-badge-stripe.premium-badge-left {
4149
- -webkit-transform: rotate(0);
4150
- -ms-transform: rotate(0);
4151
- transform: rotate(0); }
4152
  .premium-badge-stripe .corner {
4153
- text-align: center;
4154
- left: 0;
4155
- width: 150%;
4156
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4157
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4158
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4159
- margin-top: 35px;
4160
- font-size: 13px;
4161
- line-height: 2;
4162
- font-weight: 800;
4163
- text-transform: uppercase; }
4164
 
4165
  .premium-badge-flag .corner {
4166
  text-align: center;
4167
  -webkit-border-radius: 4px 4px 0 4px;
4168
- border-radius: 4px 4px 0 4px;
4169
  padding: 3px 15px;
4170
  position: absolute;
4171
  top: 10%;
4172
  right: -8px; }
4173
  .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4174
- content: "";
4175
- display: block;
4176
- position: absolute;
4177
- width: 0;
4178
- height: 0;
4179
- top: 100%;
4180
- right: 0;
4181
- border-bottom: 8px solid transparent; }
4182
 
4183
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4184
  overflow: visible !important; }
@@ -4202,51 +4202,51 @@ ul.premium-person-social-list {
4202
  -webkit-box-orient: vertical;
4203
  -webkit-box-direction: normal;
4204
  -webkit-flex-direction: column;
4205
- -moz-box-orient: vertical;
4206
- -moz-box-direction: normal;
4207
- -ms-flex-direction: column;
4208
- flex-direction: column;
4209
  list-style-type: none;
4210
  margin: 0; }
4211
  .premium-pricing-list .premium-pricing-list-item {
4212
- -js-display: flex;
4213
- display: -webkit-box;
4214
- display: -webkit-flex;
4215
- display: -moz-box;
4216
- display: -ms-flexbox;
4217
- display: flex;
4218
- -webkit-box-align: center;
4219
- -webkit-align-items: center;
4220
- -moz-box-align: center;
4221
- -ms-flex-align: center;
4222
- align-items: center; }
4223
- .premium-pricing-list .premium-pricing-list-item svg {
4224
- width: 50px;
4225
- height: 50px; }
4226
- .premium-pricing-list .premium-pricing-list-item img {
4227
- width: 30px;
4228
- height: 30px;
4229
- -o-object-fit: cover;
4230
- object-fit: cover; }
4231
  .premium-pricing-list .premium-pricing-list-span {
4232
- position: relative; }
4233
  .premium-pricing-list .list-item-tooltip {
4234
- border-bottom: 1px dotted; }
4235
  .premium-pricing-list .premium-pricing-list-tooltip {
4236
- position: absolute;
4237
- top: -webkit-calc(100% + 1px);
4238
- top: calc(100% + 1px);
4239
- left: 0;
4240
- visibility: hidden;
4241
- padding: 15px 20px;
4242
- -webkit-border-radius: 5px;
4243
- border-radius: 5px;
4244
- min-width: 200px;
4245
- overflow: hidden;
4246
- text-align: left;
4247
- font-size: 0.8rem;
4248
- color: #fff;
4249
- background-color: #aaa; }
4250
 
4251
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4252
  z-index: 99;
@@ -4268,7 +4268,7 @@ ul.premium-person-social-list {
4268
 
4269
  @-moz-document url-prefix() {
4270
  .premium-pricing-description-container li {
4271
- text-indent: 0px; } }
4272
 
4273
  .premium-pricing-price-button {
4274
  display: block;
@@ -4323,8 +4323,8 @@ ul.premium-person-social-list {
4323
  display: flex; }
4324
  .premium-button .premium-lottie-animation svg,
4325
  .premium-image-button .premium-lottie-animation svg {
4326
- width: 50px;
4327
- height: 50px; }
4328
 
4329
  .premium-button-md {
4330
  padding: 14px 26px;
@@ -4366,14 +4366,14 @@ ul.premium-person-social-list {
4366
  display: inline-block;
4367
  vertical-align: middle;
4368
  -webkit-transform: perspective(1px) translateZ(0);
4369
- transform: perspective(1px) translateZ(0);
4370
  -webkit-box-shadow: 0 0 1px transparent;
4371
- box-shadow: 0 0 1px transparent;
4372
  position: relative;
4373
  -webkit-transition-property: color;
4374
  transition-property: color;
4375
  -webkit-transition-duration: 0.15s;
4376
- transition-duration: 0.15s; }
4377
 
4378
  .premium-button-style1-bottom:before,
4379
  .premium-button-style1-top:before,
@@ -4399,160 +4399,160 @@ ul.premium-person-social-list {
4399
  right: 0;
4400
  bottom: 0;
4401
  -webkit-transform: scaleY(0);
4402
- -ms-transform: scaleY(0);
4403
- transform: scaleY(0);
4404
  -webkit-transform-origin: 50% 0;
4405
- -ms-transform-origin: 50% 0;
4406
- transform-origin: 50% 0;
4407
  -webkit-transition-property: -webkit-transform;
4408
  transition-property: -webkit-transform;
4409
  transition-property: transform;
4410
  transition-property: transform, -webkit-transform;
4411
  -webkit-transition-duration: 0.15s;
4412
- transition-duration: 0.15s;
4413
  -webkit-transition-timing-function: ease-out;
4414
- transition-timing-function: ease-out; }
4415
 
4416
  .premium-button-style5-radialin:before,
4417
  .premium-button-style5-radialout:before {
4418
  -webkit-transform-origin: 50%;
4419
- -ms-transform-origin: 50%;
4420
- transform-origin: 50%;
4421
  -webkit-border-radius: 100%;
4422
- border-radius: 100%;
4423
  -webkit-transform: scale(0);
4424
- -ms-transform: scale(0);
4425
- transform: scale(0); }
4426
 
4427
  .premium-button-style5-radialin:before {
4428
  -webkit-transform: scale(2);
4429
- -ms-transform: scale(2);
4430
- transform: scale(2); }
4431
 
4432
  .premium-button-style5-rectin:before {
4433
  -webkit-transform-origin: 50%;
4434
- -ms-transform-origin: 50%;
4435
- transform-origin: 50%;
4436
  -webkit-transform: scale(1);
4437
- -ms-transform: scale(1);
4438
- transform: scale(1); }
4439
 
4440
  .premium-button-style5-rectout:before {
4441
  -webkit-transform-origin: 50%;
4442
- -ms-transform-origin: 50%;
4443
- transform-origin: 50%;
4444
  -webkit-transform: scale(0);
4445
- -ms-transform: scale(0);
4446
- transform: scale(0); }
4447
 
4448
  .premium-button-style5-rectout:hover:before {
4449
  -webkit-transform: scale(1);
4450
- -ms-transform: scale(1);
4451
- transform: scale(1); }
4452
 
4453
  .premium-button-style5-rectin:hover:before {
4454
  -webkit-transform: scale(0);
4455
- -ms-transform: scale(0);
4456
- transform: scale(0); }
4457
 
4458
  .premium-button-style5-radialout:hover:before {
4459
  -webkit-transform: scale(2);
4460
- -ms-transform: scale(2);
4461
- transform: scale(2); }
4462
 
4463
  .premium-button-style5-radialin:hover:before {
4464
  -webkit-transform: scale(0);
4465
- -ms-transform: scale(0);
4466
- transform: scale(0); }
4467
 
4468
  .premium-button-style1-top:before {
4469
  -webkit-transform-origin: 50% 100%;
4470
- -ms-transform-origin: 50% 100%;
4471
- transform-origin: 50% 100%; }
4472
 
4473
  .premium-button-style1-right:before {
4474
  -webkit-transform: scaleX(0);
4475
- -ms-transform: scaleX(0);
4476
- transform: scaleX(0);
4477
  -webkit-transform-origin: 0% 50%;
4478
- -ms-transform-origin: 0% 50%;
4479
- transform-origin: 0% 50%; }
4480
 
4481
  .premium-button-style1-left:before {
4482
  -webkit-transform: scaleX(0);
4483
- -ms-transform: scaleX(0);
4484
- transform: scaleX(0);
4485
  -webkit-transform-origin: 100% 50%;
4486
- -ms-transform-origin: 100% 50%;
4487
- transform-origin: 100% 50%; }
4488
 
4489
  .premium-button-style2-shutouthor:before,
4490
  .premium-button-style2-scshutoutver:before {
4491
  -webkit-transform: scaleY(0);
4492
- -ms-transform: scaleY(0);
4493
- transform: scaleY(0);
4494
  -webkit-transform-origin: 100% 50%;
4495
- -ms-transform-origin: 100% 50%;
4496
- transform-origin: 100% 50%; }
4497
 
4498
  .premium-button-style2-shutoutver:before,
4499
  .premium-button-style2-scshutouthor:before {
4500
  -webkit-transform: scaleX(0);
4501
- -ms-transform: scaleX(0);
4502
- transform: scaleX(0);
4503
  -webkit-transform-origin: 50% 50%;
4504
- -ms-transform-origin: 50% 50%;
4505
- transform-origin: 50% 50%; }
4506
 
4507
  .premium-button-style2-shutinhor:before {
4508
  -webkit-transform: scaleX(1);
4509
- -ms-transform: scaleX(1);
4510
- transform: scaleX(1);
4511
  -webkit-transform-origin: 50%;
4512
- -ms-transform-origin: 50%;
4513
- transform-origin: 50%; }
4514
 
4515
  .premium-button-style2-shutinver:before {
4516
  -webkit-transform: scaleY(1);
4517
- -ms-transform: scaleY(1);
4518
- transform: scaleY(1);
4519
  -webkit-transform-origin: 50%;
4520
- -ms-transform-origin: 50%;
4521
- transform-origin: 50%; }
4522
 
4523
  .premium-button-style1-bottom:hover:before,
4524
  .premium-button-style1-top:hover:before {
4525
  -webkit-transform: scaleY(1);
4526
- -ms-transform: scaleY(1);
4527
- transform: scaleY(1); }
4528
 
4529
  .premium-button-style1-left:hover:before,
4530
  .premium-button-style1-right:hover:before,
4531
  .premium-button-style2-shutouthor:hover:before,
4532
  .premium-button-style2-shutoutver:hover:before {
4533
  -webkit-transform: scaleX(1);
4534
- -ms-transform: scaleX(1);
4535
- transform: scaleX(1); }
4536
 
4537
  .premium-button-style2-shutinhor:hover:before {
4538
  -webkit-transform: scaleX(0);
4539
- -ms-transform: scaleX(0);
4540
- transform: scaleX(0); }
4541
 
4542
  .premium-button-style2-shutinver:hover:before {
4543
  -webkit-transform: scaleY(0);
4544
- -ms-transform: scaleY(0);
4545
- transform: scaleY(0); }
4546
 
4547
  .premium-button-style2-scshutouthor:hover:before {
4548
  -webkit-transform: scaleX(0.9);
4549
- -ms-transform: scaleX(0.9);
4550
- transform: scaleX(0.9); }
4551
 
4552
  .premium-button-style2-scshutoutver:hover:before {
4553
  -webkit-transform: scaleY(0.8);
4554
- -ms-transform: scaleY(0.8);
4555
- transform: scaleY(0.8); }
4556
 
4557
  /*Diagonal*/
4558
  .premium-button-style2-dshutinhor:before {
@@ -4561,11 +4561,11 @@ ul.premium-person-social-list {
4561
  width: 120%;
4562
  height: 0%;
4563
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4564
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4565
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4566
  -webkit-transform-origin: 50%;
4567
- -ms-transform-origin: 50%;
4568
- transform-origin: 50%;
4569
  -webkit-transition-property: all;
4570
  transition-property: all; }
4571
 
@@ -4575,13 +4575,13 @@ ul.premium-person-social-list {
4575
  width: 120%;
4576
  height: 0%;
4577
  -webkit-transform-origin: 50%;
4578
- -ms-transform-origin: 50%;
4579
- transform-origin: 50%;
4580
  -webkit-transition-property: all;
4581
  transition-property: all;
4582
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4583
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4584
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
4585
 
4586
  .premium-button-style2-dshutinhor:hover:before,
4587
  .premium-button-style2-dshutinver:hover:before {
@@ -4591,8 +4591,8 @@ ul.premium-person-social-list {
4591
  .premium-button-style3-before svg {
4592
  opacity: 0;
4593
  -webkit-transform: translateX(-5px);
4594
- -ms-transform: translateX(-5px);
4595
- transform: translateX(-5px);
4596
  -webkit-transition: all 0.5s ease-in-out;
4597
  transition: all 0.5s ease-in-out; }
4598
 
@@ -4600,13 +4600,13 @@ ul.premium-person-social-list {
4600
  .premium-button-style3-after svg {
4601
  opacity: 0;
4602
  -webkit-transform: translateX(-5px);
4603
- -ms-transform: translateX(-5px);
4604
- transform: translateX(-5px);
4605
  -webkit-transition: all 0.5s ease-in-out;
4606
  transition: all 0.5s ease-in-out;
4607
  -webkit-transform: translateX(5px);
4608
- -ms-transform: translateX(5px);
4609
- transform: translateX(5px); }
4610
 
4611
  .premium-button-style3-after:hover i,
4612
  .premium-button-style3-after:hover svg {
@@ -4625,20 +4625,20 @@ ul.premium-person-social-list {
4625
  display: flex;
4626
  -webkit-box-pack: center;
4627
  -webkit-justify-content: center;
4628
- -moz-box-pack: center;
4629
- -ms-flex-pack: center;
4630
- justify-content: center;
4631
  -webkit-box-align: center;
4632
  -webkit-align-items: center;
4633
- -moz-box-align: center;
4634
- -ms-flex-align: center;
4635
- align-items: center;
4636
  -webkit-transition: all 0.2s ease-in-out;
4637
  transition: all 0.2s ease-in-out; }
4638
  .premium-button-text-icon-wrapper span,
4639
  .premium-button-text-icon-wrapper i {
4640
- -webkit-transition: all 0.2s ease-in-out;
4641
- transition: all 0.2s ease-in-out; }
4642
 
4643
  .premium-button-style4-icon-wrapper {
4644
  position: absolute;
@@ -4653,30 +4653,30 @@ ul.premium-person-social-list {
4653
  display: flex;
4654
  -webkit-box-align: center;
4655
  -webkit-align-items: center;
4656
- -moz-box-align: center;
4657
- -ms-flex-align: center;
4658
- align-items: center;
4659
  -webkit-box-pack: center;
4660
  -webkit-justify-content: center;
4661
- -moz-box-pack: center;
4662
- -ms-flex-pack: center;
4663
- justify-content: center;
4664
  height: 100%;
4665
  opacity: 0;
4666
  -webkit-transition: all 0.3s ease-in-out;
4667
  transition: all 0.3s ease-in-out; }
4668
  .premium-button-style4-icon-wrapper.top {
4669
- bottom: -100%;
4670
- left: 0; }
4671
  .premium-button-style4-icon-wrapper.bottom {
4672
- top: -100%;
4673
- left: 0; }
4674
  .premium-button-style4-icon-wrapper.left {
4675
- top: 0;
4676
- left: -100%; }
4677
  .premium-button-style4-icon-wrapper.right {
4678
- top: 0;
4679
- right: -100%; }
4680
 
4681
  .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
4682
  top: 0;
@@ -4696,26 +4696,26 @@ ul.premium-person-social-list {
4696
 
4697
  .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
4698
  -webkit-transform: translateY(100%);
4699
- -ms-transform: translateY(100%);
4700
- transform: translateY(100%);
4701
  opacity: 0; }
4702
 
4703
  .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
4704
  -webkit-transform: translateY(-100%);
4705
- -ms-transform: translateY(-100%);
4706
- transform: translateY(-100%);
4707
  opacity: 0; }
4708
 
4709
  .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
4710
  -webkit-transform: translateX(100%);
4711
- -ms-transform: translateX(100%);
4712
- transform: translateX(100%);
4713
  opacity: 0; }
4714
 
4715
  .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
4716
  -webkit-transform: translateX(-100%);
4717
- -ms-transform: translateX(-100%);
4718
- transform: translateX(-100%);
4719
  opacity: 0; }
4720
 
4721
  .premium-button-style6:before {
@@ -4726,17 +4726,17 @@ ul.premium-person-social-list {
4726
  width: 100px;
4727
  height: 100px;
4728
  -webkit-border-radius: 100%;
4729
- border-radius: 100%;
4730
  -webkit-transform: translate(-50%, -50%) scale(0);
4731
- -ms-transform: translate(-50%, -50%) scale(0);
4732
- transform: translate(-50%, -50%) scale(0);
4733
  -webkit-transition: all 0.3s ease-in-out;
4734
  transition: all 0.3s ease-in-out; }
4735
 
4736
  .premium-button-style6:hover:before {
4737
  -webkit-transform: translate(-50%, -50%) scale(3);
4738
- -ms-transform: translate(-50%, -50%) scale(3);
4739
- transform: translate(-50%, -50%) scale(3); }
4740
 
4741
  .premium-button-style6 .premium-button-text-icon-wrapper {
4742
  position: relative;
@@ -4750,11 +4750,11 @@ ul.premium-person-social-list {
4750
  width: 0px;
4751
  height: 0px;
4752
  -webkit-border-radius: 50%;
4753
- border-radius: 50%;
4754
  display: block;
4755
  -webkit-transform: translate(-50%, -50%);
4756
- -ms-transform: translate(-50%, -50%);
4757
- transform: translate(-50%, -50%);
4758
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
4759
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
4760
 
@@ -4792,7 +4792,7 @@ ul.premium-person-social-list {
4792
  -webkit-transition: all 0.2s ease-in-out !important;
4793
  transition: all 0.2s ease-in-out !important; }
4794
  .premium-image-button:hover {
4795
- background-color: #54595f; }
4796
 
4797
  /*Default background for slide styles*/
4798
  .premium-image-button-style4-icon-wrapper,
@@ -4833,22 +4833,22 @@ ul.premium-person-social-list {
4833
  display: flex;
4834
  -webkit-box-pack: center;
4835
  -webkit-justify-content: center;
4836
- -moz-box-pack: center;
4837
- -ms-flex-pack: center;
4838
- justify-content: center;
4839
  -webkit-box-align: center;
4840
  -webkit-align-items: center;
4841
- -moz-box-align: center;
4842
- -ms-flex-align: center;
4843
- align-items: center;
4844
  position: relative;
4845
  z-index: 3;
4846
  -webkit-transition: all 0.2s ease-in-out;
4847
  transition: all 0.2s ease-in-out; }
4848
  .premium-image-button-text-icon-wrapper span,
4849
  .premium-image-button-text-icon-wrapper i {
4850
- -webkit-transition: all 0.2s ease-in-out;
4851
- transition: all 0.2s ease-in-out; }
4852
 
4853
  .premium-image-button-style1-bottom:before,
4854
  .premium-image-button-style1-top:before,
@@ -4915,7 +4915,7 @@ ul.premium-person-social-list {
4915
  z-index: 1;
4916
  background: rgba(255, 255, 255, 0.2);
4917
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4918
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4919
  -webkit-transition: all 0.8s ease-out;
4920
  transition: all 0.8s ease-out; }
4921
 
@@ -4929,41 +4929,41 @@ ul.premium-person-social-list {
4929
  z-index: 1;
4930
  background: rgba(255, 255, 255, 0.2);
4931
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4932
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4933
  -webkit-transition: all 0.8s ease-out;
4934
  transition: all 0.8s ease-out; }
4935
 
4936
  .premium-image-button-diagonal-effect-right:hover:before {
4937
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4938
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4939
 
4940
  .premium-image-button-diagonal-effect-left:before {
4941
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4942
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4943
 
4944
  .premium-image-button-diagonal-effect-left:hover:before {
4945
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4946
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4947
 
4948
  .premium-image-button-diagonal-effect-right:before {
4949
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4950
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4951
 
4952
  .premium-image-button-diagonal-effect-top:hover:before {
4953
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4954
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4955
 
4956
  .premium-image-button-diagonal-effect-bottom:before {
4957
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4958
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4959
 
4960
  .premium-image-button-diagonal-effect-bottom:hover:before {
4961
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4962
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4963
 
4964
  .premium-image-button-diagonal-effect-top:before {
4965
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4966
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4967
 
4968
  .premium-image-button-style4-icon-wrapper {
4969
  position: absolute;
@@ -4978,30 +4978,30 @@ ul.premium-person-social-list {
4978
  display: flex;
4979
  -webkit-box-align: center;
4980
  -webkit-align-items: center;
4981
- -moz-box-align: center;
4982
- -ms-flex-align: center;
4983
- align-items: center;
4984
  -webkit-box-pack: center;
4985
  -webkit-justify-content: center;
4986
- -moz-box-pack: center;
4987
- -ms-flex-pack: center;
4988
- justify-content: center;
4989
  height: 100%;
4990
  opacity: 0;
4991
  -webkit-transition: all 0.3s ease-in-out;
4992
  transition: all 0.3s ease-in-out; }
4993
  .premium-image-button-style4-icon-wrapper.top {
4994
- bottom: -100%;
4995
- left: 0; }
4996
  .premium-image-button-style4-icon-wrapper.bottom {
4997
- top: -100%;
4998
- left: 0; }
4999
  .premium-image-button-style4-icon-wrapper.left {
5000
- top: 0;
5001
- left: -100%; }
5002
  .premium-image-button-style4-icon-wrapper.right {
5003
- top: 0;
5004
- right: -100%; }
5005
 
5006
  .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5007
  top: 0;
@@ -5021,26 +5021,26 @@ ul.premium-person-social-list {
5021
 
5022
  .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5023
  -webkit-transform: translateY(100%);
5024
- -ms-transform: translateY(100%);
5025
- transform: translateY(100%);
5026
  opacity: 0; }
5027
 
5028
  .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5029
  -webkit-transform: translateY(-100%);
5030
- -ms-transform: translateY(-100%);
5031
- transform: translateY(-100%);
5032
  opacity: 0; }
5033
 
5034
  .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5035
  -webkit-transform: translateX(100%);
5036
- -ms-transform: translateX(100%);
5037
- transform: translateX(100%);
5038
  opacity: 0; }
5039
 
5040
  .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5041
  -webkit-transform: translateX(-100%);
5042
- -ms-transform: translateX(-100%);
5043
- transform: translateX(-100%);
5044
  opacity: 0; }
5045
 
5046
  .premium-image-button-overlap-effect-horizontal:before {
@@ -5055,9 +5055,9 @@ ul.premium-person-social-list {
5055
  transition: all 1s ease-in-out;
5056
  background: rgba(255, 255, 255, 0.2);
5057
  -webkit-animation-name: premium-overlap-effect-done;
5058
- animation-name: premium-overlap-effect-done;
5059
  -webkit-animation-duration: 1s;
5060
- animation-duration: 1s; }
5061
 
5062
  .premium-image-button-overlap-effect-vertical:before {
5063
  position: absolute;
@@ -5071,136 +5071,136 @@ ul.premium-person-social-list {
5071
  transition: all 1s ease-in-out;
5072
  background: rgba(255, 255, 255, 0.2);
5073
  -webkit-animation-name: premium-overlap-effect-done;
5074
- animation-name: premium-overlap-effect-done;
5075
  -webkit-animation-duration: 1s;
5076
- animation-duration: 1s;
5077
  -webkit-animation-name: premium-overlap-ver-effect-done;
5078
- animation-name: premium-overlap-ver-effect-done;
5079
  animation-duration: 1s; }
5080
 
5081
  .premium-image-button-overlap-effect-horizontal:hover:before {
5082
  -webkit-animation-name: premium-overlap-effect;
5083
- animation-name: premium-overlap-effect;
5084
  -webkit-animation-duration: 1s;
5085
- animation-duration: 1s; }
5086
 
5087
  .premium-image-button-overlap-effect-vertical:hover:before {
5088
  -webkit-animation-name: premium-overlap-ver-effect;
5089
- animation-name: premium-overlap-ver-effect;
5090
  -webkit-animation-duration: 1s;
5091
- animation-duration: 1s; }
5092
 
5093
  @-webkit-keyframes premium-overlap-effect {
5094
  0% {
5095
- opacity: 0;
5096
- -webkit-transform: rotateY(0deg);
5097
- transform: rotateY(0deg); }
5098
  50% {
5099
- opacity: 1;
5100
- -webkit-transform: rotateY(180deg);
5101
- transform: rotateY(180deg); }
5102
  100% {
5103
- opacity: 0;
5104
- -webkit-transform: rotateY(360deg);
5105
- transform: rotateY(360deg); } }
5106
 
5107
  @keyframes premium-overlap-effect {
5108
  0% {
5109
- opacity: 0;
5110
- -webkit-transform: rotateY(0deg);
5111
- transform: rotateY(0deg); }
5112
  50% {
5113
- opacity: 1;
5114
- -webkit-transform: rotateY(180deg);
5115
- transform: rotateY(180deg); }
5116
  100% {
5117
- opacity: 0;
5118
- -webkit-transform: rotateY(360deg);
5119
- transform: rotateY(360deg); } }
5120
 
5121
  @-webkit-keyframes premium-overlap-effect-done {
5122
  0% {
5123
- opacity: 0;
5124
- -webkit-transform: rotateY(0deg);
5125
- transform: rotateY(0deg); }
5126
  50% {
5127
- opacity: 1;
5128
- -webkit-transform: rotateY(180deg);
5129
- transform: rotateY(180deg); }
5130
  100% {
5131
- opacity: 0;
5132
- -webkit-transform: rotateY(360deg);
5133
- transform: rotateY(360deg); } }
5134
 
5135
  @keyframes premium-overlap-effect-done {
5136
  0% {
5137
- opacity: 0;
5138
- -webkit-transform: rotateY(0deg);
5139
- transform: rotateY(0deg); }
5140
  50% {
5141
- opacity: 1;
5142
- -webkit-transform: rotateY(180deg);
5143
- transform: rotateY(180deg); }
5144
  100% {
5145
- opacity: 0;
5146
- -webkit-transform: rotateY(360deg);
5147
- transform: rotateY(360deg); } }
5148
 
5149
  @-webkit-keyframes premium-overlap-ver-effect {
5150
  0% {
5151
- opacity: 0;
5152
- -webkit-transform: rotateX(0deg);
5153
- transform: rotateX(0deg); }
5154
  50% {
5155
- opacity: 1;
5156
- -webkit-transform: rotateX(180deg);
5157
- transform: rotateX(180deg); }
5158
  100% {
5159
- opacity: 0;
5160
- -webkit-transform: rotateX(360deg);
5161
- transform: rotateX(360deg); } }
5162
 
5163
  @keyframes premium-overlap-ver-effect {
5164
  0% {
5165
- opacity: 0;
5166
- -webkit-transform: rotateX(0deg);
5167
- transform: rotateX(0deg); }
5168
  50% {
5169
- opacity: 1;
5170
- -webkit-transform: rotateX(180deg);
5171
- transform: rotateX(180deg); }
5172
  100% {
5173
- opacity: 0;
5174
- -webkit-transform: rotateX(360deg);
5175
- transform: rotateX(360deg); } }
5176
 
5177
  @-webkit-keyframes premium-overlap-ver-effect-done {
5178
  0% {
5179
- opacity: 0;
5180
- -webkit-transform: rotateX(0deg);
5181
- transform: rotateX(0deg); }
5182
  50% {
5183
- opacity: 1;
5184
- -webkit-transform: rotateX(180deg);
5185
- transform: rotateX(180deg); }
5186
  100% {
5187
- opacity: 0;
5188
- -webkit-transform: rotateX(360deg);
5189
- transform: rotateX(360deg); } }
5190
 
5191
  @keyframes premium-overlap-ver-effect-done {
5192
  0% {
5193
- opacity: 0;
5194
- -webkit-transform: rotateX(0deg);
5195
- transform: rotateX(0deg); }
5196
  50% {
5197
- opacity: 1;
5198
- -webkit-transform: rotateX(180deg);
5199
- transform: rotateX(180deg); }
5200
  100% {
5201
- opacity: 0;
5202
- -webkit-transform: rotateX(360deg);
5203
- transform: rotateX(360deg); } }
5204
 
5205
  /**************** Premium Grid *******************/
5206
  /*************************************************/
@@ -5214,14 +5214,14 @@ ul.premium-person-social-list {
5214
  display: flex;
5215
  -webkit-box-align: center;
5216
  -webkit-align-items: center;
5217
- -moz-box-align: center;
5218
- -ms-flex-align: center;
5219
- align-items: center;
5220
  -webkit-box-pack: center;
5221
  -webkit-justify-content: center;
5222
- -moz-box-pack: center;
5223
- -ms-flex-pack: center;
5224
- justify-content: center; }
5225
 
5226
  .premium-img-gallery {
5227
  clear: both;
@@ -5242,7 +5242,7 @@ ul.premium-person-social-list {
5242
  outline: none;
5243
  text-decoration: none;
5244
  -webkit-border-radius: 75px;
5245
- border-radius: 75px;
5246
  margin: 15px 5px 20px;
5247
  padding: 7px 20px;
5248
  -webkit-transition: all 0.3s ease-in-out;
@@ -5255,48 +5255,48 @@ ul.premium-person-social-list {
5255
  .pa-gallery-img {
5256
  position: relative; }
5257
  .pa-gallery-img .pa-gallery-whole-link {
5258
- position: absolute;
5259
- top: 0;
5260
- left: 0;
5261
- width: 100%;
5262
- height: 100%; }
5263
  .pa-gallery-img.style2 .pa-gallery-whole-link {
5264
- z-index: 99; }
5265
 
5266
  .pa-gallery-img-container {
5267
  overflow: hidden;
5268
  -webkit-backface-visibility: hidden;
5269
- backface-visibility: hidden;
5270
  -webkit-transform: translate3d(0, 0, 0);
5271
- transform: translate3d(0, 0, 0); }
5272
  .pa-gallery-img-container img {
5273
- display: block;
5274
- width: 100%;
5275
- -webkit-transition: all 0.3s ease-in-out;
5276
- transition: all 0.3s ease-in-out; }
5277
 
5278
  .premium-img-gallery.gray img {
5279
  -webkit-filter: grayscale(100%);
5280
- filter: grayscale(100%); }
5281
 
5282
  .premium-img-gallery.zoomout img,
5283
  .premium-img-gallery.scale img {
5284
  -webkit-transform: scale(1.2);
5285
- -ms-transform: scale(1.2);
5286
- transform: scale(1.2); }
5287
 
5288
  .premium-img-gallery.sepia img {
5289
  -webkit-filter: sepia(30%);
5290
- filter: sepia(30%); }
5291
 
5292
  .premium-img-gallery.bright img {
5293
  -webkit-filter: brightness(1);
5294
- filter: brightness(1); }
5295
 
5296
  .premium-img-gallery.trans img {
5297
  -webkit-transform: translateX(-15px) scale(1.1);
5298
- -ms-transform: translateX(-15px) scale(1.1);
5299
- transform: translateX(-15px) scale(1.1); }
5300
 
5301
  .pa-gallery-img .pa-gallery-magnific-image,
5302
  .pa-gallery-img .pa-gallery-img-link {
@@ -5310,7 +5310,7 @@ ul.premium-person-social-list {
5310
  margin: 0 5px;
5311
  padding: 15px;
5312
  -webkit-border-radius: 50%;
5313
- border-radius: 50%; }
5314
 
5315
  .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5316
  .pa-gallery-img.style2 .pa-gallery-img-link span {
@@ -5349,44 +5349,44 @@ ul.premium-person-social-list {
5349
 
5350
  .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5351
  -webkit-transform: scale(1.1);
5352
- -ms-transform: scale(1.1);
5353
- transform: scale(1.1); }
5354
 
5355
  .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5356
  -webkit-transform: scale(1);
5357
- -ms-transform: scale(1);
5358
- transform: scale(1); }
5359
 
5360
  .premium-img-gallery.scale .pa-gallery-img:hover img {
5361
  -webkit-transform: scale(1.3) rotate(5deg);
5362
- -ms-transform: scale(1.3) rotate(5deg);
5363
- transform: scale(1.3) rotate(5deg); }
5364
 
5365
  .premium-img-gallery.gray .pa-gallery-img:hover img {
5366
  -webkit-filter: grayscale(0%);
5367
- filter: grayscale(0%); }
5368
 
5369
  .premium-img-gallery.blur .pa-gallery-img:hover img {
5370
  -webkit-filter: blur(3px);
5371
- filter: blur(3px); }
5372
 
5373
  .premium-img-gallery.sepia .pa-gallery-img:hover img {
5374
  -webkit-filter: sepia(0%);
5375
- filter: sepia(0%); }
5376
 
5377
  .premium-img-gallery.trans .pa-gallery-img:hover img {
5378
  -webkit-transform: translateX(0px) scale(1.1);
5379
- -ms-transform: translateX(0px) scale(1.1);
5380
- transform: translateX(0px) scale(1.1); }
5381
 
5382
  .premium-img-gallery.bright .pa-gallery-img:hover img {
5383
  -webkit-filter: brightness(1.2);
5384
- filter: brightness(1.2); }
5385
 
5386
  .pa-gallery-img .premium-gallery-caption {
5387
  padding: 10px; }
5388
  .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5389
- margin-bottom: 0; }
5390
 
5391
  .pa-gallery-img.style1 {
5392
  overflow: hidden; }
@@ -5406,8 +5406,8 @@ ul.premium-person-social-list {
5406
  width: 100%;
5407
  text-align: center;
5408
  -webkit-transform: translateY(-50%);
5409
- -ms-transform: translateY(-50%);
5410
- transform: translateY(-50%);
5411
  z-index: 999; }
5412
 
5413
  .pa-gallery-img.style1 .premium-gallery-caption {
@@ -5420,11 +5420,11 @@ ul.premium-person-social-list {
5420
  -webkit-transition: all 500ms ease 0s;
5421
  transition: all 500ms ease 0s;
5422
  -webkit-transform: translate3d(0, 100%, 0);
5423
- transform: translate3d(0, 100%, 0); }
5424
 
5425
  .pa-gallery-img.style1:hover .premium-gallery-caption {
5426
  -webkit-transform: translate3d(0, 0, 0);
5427
- transform: translate3d(0, 0, 0);
5428
  bottom: -1px !important; }
5429
 
5430
  .pa-gallery-img.default .premium-gallery-caption {
@@ -5443,7 +5443,7 @@ ul.premium-person-social-list {
5443
  height: 100%;
5444
  opacity: 0;
5445
  -webkit-backface-visibility: hidden;
5446
- backface-visibility: hidden;
5447
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5448
  transition: opacity 0.3s, -webkit-transform 0.3s;
5449
  transition: transform 0.3s, opacity 0.3s;
@@ -5459,9 +5459,9 @@ ul.premium-person-social-list {
5459
  text-align: center;
5460
  -webkit-box-align: center;
5461
  -webkit-align-items: center;
5462
- -moz-box-align: center;
5463
- -ms-flex-align: center;
5464
- align-items: center; }
5465
 
5466
  .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5467
  width: 100%; }
@@ -5469,8 +5469,8 @@ ul.premium-person-social-list {
5469
  .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5470
  opacity: 1;
5471
  -webkit-transform: translate(15px, 15px);
5472
- -ms-transform: translate(15px, 15px);
5473
- transform: translate(15px, 15px); }
5474
 
5475
  .premium-clearfix {
5476
  clear: both; }
@@ -5498,15 +5498,15 @@ ul.premium-person-social-list {
5498
 
5499
  .premium-gallery-load-more .premium-gallery-load-more-btn {
5500
  -webkit-box-shadow: none;
5501
- box-shadow: none;
5502
  text-shadow: none;
5503
  border: none;
5504
  outline: none;
5505
  -webkit-box-align: center;
5506
  -webkit-align-items: center;
5507
- -moz-box-align: center;
5508
- -ms-flex-align: center;
5509
- align-items: center;
5510
  vertical-align: bottom;
5511
  cursor: pointer;
5512
  line-height: 1;
@@ -5526,9 +5526,9 @@ ul.premium-person-social-list {
5526
  display: inline-flex;
5527
  -webkit-box-align: center;
5528
  -webkit-align-items: center;
5529
- -moz-box-align: center;
5530
- -ms-flex-align: center;
5531
- align-items: center; }
5532
 
5533
  .premium-loader {
5534
  border: 3px solid #f3f3f3;
@@ -5536,13 +5536,13 @@ ul.premium-person-social-list {
5536
  border-top-style: solid;
5537
  border-top-color: #f3f3f3;
5538
  -webkit-border-radius: 50%;
5539
- border-radius: 50%;
5540
  border-top: 3px solid;
5541
  border-top-color: #bbb;
5542
  width: 30px;
5543
  height: 30px;
5544
  -webkit-animation: spin 2s linear infinite;
5545
- animation: spin 2s linear infinite;
5546
  margin: 0 auto; }
5547
 
5548
  .premium-gallery-load-more-btn div {
@@ -5593,32 +5593,32 @@ ul.premium-person-social-list {
5593
 
5594
  @-webkit-keyframes spin {
5595
  0% {
5596
- -webkit-transform: rotate(0deg); }
5597
  100% {
5598
- -webkit-transform: rotate(360deg); } }
5599
 
5600
  @keyframes spin {
5601
  0% {
5602
- -webkit-transform: rotate(0deg);
5603
- transform: rotate(0deg); }
5604
  100% {
5605
- -webkit-transform: rotate(360deg);
5606
- transform: rotate(360deg); } }
5607
 
5608
  /************ Premium Vertical Scroll ************/
5609
  /*************************************************/
5610
  .premium-vscroll-inner {
5611
  position: relative;
5612
- /* overflow: hidden;
5613
- */
5614
  min-height: 100%; }
5615
  .premium-vscroll-inner .premium-vscroll-dots {
5616
- position: fixed;
5617
- z-index: 100;
5618
- opacity: 1;
5619
- margin-top: -32px;
5620
- -webkit-transition: all 0.3s ease-in-out;
5621
- transition: all 0.3s ease-in-out; }
5622
 
5623
  .premium-vscroll-wrap .premium-vscroll-nav-menu {
5624
  opacity: 1;
@@ -5667,14 +5667,14 @@ ul.premium-person-social-list {
5667
  display: flex;
5668
  -webkit-box-pack: center;
5669
  -webkit-justify-content: center;
5670
- -moz-box-pack: center;
5671
- -ms-flex-pack: center;
5672
- justify-content: center;
5673
  -webkit-box-align: center;
5674
  -webkit-align-items: center;
5675
- -moz-box-align: center;
5676
- -ms-flex-align: center;
5677
- align-items: center;
5678
  overflow: visible; }
5679
 
5680
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
@@ -5686,22 +5686,22 @@ ul.premium-person-social-list {
5686
  cursor: pointer;
5687
  text-decoration: none; }
5688
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
5689
- top: 2px;
5690
- left: 2.5px;
5691
- width: 8px;
5692
- height: 8px;
5693
- border: 1px solid #000;
5694
- -webkit-border-radius: 50%;
5695
- border-radius: 50%;
5696
- position: absolute;
5697
- z-index: 1;
5698
- -webkit-transition: all 0.3s ease-in-out;
5699
- transition: all 0.3s ease-in-out; }
5700
 
5701
  .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
5702
  -webkit-transform: scale(1.6);
5703
- -ms-transform: scale(1.6);
5704
- transform: scale(1.6); }
5705
 
5706
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
5707
  position: absolute;
@@ -5720,14 +5720,14 @@ ul.premium-person-social-list {
5720
  width: 4px;
5721
  height: 30px; }
5722
  .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
5723
- width: 100%;
5724
- height: 100%;
5725
- -webkit-border-radius: 0;
5726
- border-radius: 0; }
5727
  .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
5728
- -webkit-transform: scale(1);
5729
- -ms-transform: scale(1);
5730
- transform: scale(1); }
5731
 
5732
  .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
5733
  position: absolute;
@@ -5741,32 +5741,32 @@ ul.premium-person-social-list {
5741
  border-bottom: 6px solid transparent;
5742
  border-left: 6px solid;
5743
  -webkit-transform: translateY(-50%);
5744
- -ms-transform: translateY(-50%);
5745
- transform: translateY(-50%); }
5746
 
5747
  .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
5748
  left: 27px; }
5749
  .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
5750
- position: absolute;
5751
- top: 50%;
5752
- content: "";
5753
- right: -webkit-calc(100% - 1px);
5754
- right: calc(100% - 1px);
5755
- width: 10px;
5756
- height: 0;
5757
- border-top: 6px solid transparent;
5758
- border-bottom: 6px solid transparent;
5759
- border-right: 6px solid;
5760
- -webkit-transform: translateY(-50%);
5761
- -ms-transform: translateY(-50%);
5762
- transform: translateY(-50%); }
5763
 
5764
  /* * Lines */
5765
  @media (max-width: 768px) {
5766
  .premium-vscroll-dots.right {
5767
- right: 7px; }
5768
  .premium-vscroll-dots.left {
5769
- left: 7px; } }
5770
 
5771
  .premium-vscroll-nav-menu {
5772
  position: fixed;
@@ -5776,24 +5776,24 @@ ul.premium-person-social-list {
5776
  padding: 0;
5777
  margin: 0; }
5778
  .premium-vscroll-nav-menu.left {
5779
- left: 0; }
5780
  .premium-vscroll-nav-menu.right {
5781
- right: 0; }
5782
  .premium-vscroll-nav-menu .premium-vscroll-nav-item {
5783
- display: inline-block;
5784
- margin: 10px;
5785
- color: #000;
5786
- background: #fff;
5787
- background: rgba(255, 255, 255, 0.3); }
5788
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
5789
- padding: 9px 18px;
5790
- display: block;
5791
- cursor: pointer;
5792
- color: #000; }
5793
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
5794
- color: #000; }
5795
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
5796
- outline: none; }
5797
 
5798
  .multiscroll-nav li a:focus {
5799
  outline: none; }
@@ -5816,10 +5816,10 @@ ul.premium-person-social-list {
5816
  .premium-image-scroll-container {
5817
  width: 100%; }
5818
  .premium-image-scroll-container .premium-image-scroll-mask-media {
5819
- -webkit-mask-repeat: no-repeat;
5820
- mask-repeat: no-repeat;
5821
- -webkit-mask-position: center;
5822
- mask-position: center; }
5823
 
5824
  .premium-container-scroll {
5825
  overflow: auto; }
@@ -5829,8 +5829,8 @@ ul.premium-person-social-list {
5829
  width: 100%;
5830
  height: 100%; }
5831
  .premium-image-scroll-container .premium-image-scroll-horizontal img {
5832
- max-width: none;
5833
- height: 100%; }
5834
 
5835
  .premium-image-scroll-container .premium-image-scroll-vertical img {
5836
  width: 100%;
@@ -5861,8 +5861,8 @@ ul.premium-person-social-list {
5861
  text-align: center;
5862
  z-index: 5;
5863
  -webkit-transform: translate(-50%, -50%);
5864
- -ms-transform: translate(-50%, -50%);
5865
- transform: translate(-50%, -50%); }
5866
 
5867
  .premium-container-scroll-instant .premium-image-scroll-image {
5868
  -webkit-transition: all 0s ease-in-out !important;
@@ -5899,13 +5899,13 @@ ul.premium-person-social-list {
5899
  -webkit-font-smoothing: antialiased;
5900
  -moz-osx-font-smoothing: grayscale;
5901
  -webkit-animation-duration: 0.5s;
5902
- animation-duration: 0.5s;
5903
  -webkit-animation-iteration-count: infinite;
5904
- animation-iteration-count: infinite;
5905
  -webkit-animation-direction: alternate;
5906
- animation-direction: alternate;
5907
  -webkit-animation-timing-function: ease-in-out;
5908
- animation-timing-function: ease-in-out; }
5909
 
5910
  .pa-horizontal-mouse-scroll:before {
5911
  content: "\e917"; }
@@ -5915,43 +5915,43 @@ ul.premium-person-social-list {
5915
 
5916
  .pa-horizontal-mouse-scroll {
5917
  -webkit-animation-name: pa-scroll-horizontal;
5918
- animation-name: pa-scroll-horizontal; }
5919
 
5920
  .pa-vertical-mouse-scroll {
5921
  -webkit-animation-name: pa-scroll-vertical;
5922
- animation-name: pa-scroll-vertical; }
5923
 
5924
  @-webkit-keyframes pa-scroll-vertical {
5925
  0% {
5926
- -webkit-transform: translateY(0px);
5927
- transform: translateY(0px); }
5928
  100% {
5929
- -webkit-transform: translateY(5px);
5930
- transform: translateY(5px); } }
5931
 
5932
  @keyframes pa-scroll-vertical {
5933
  0% {
5934
- -webkit-transform: translateY(0px);
5935
- transform: translateY(0px); }
5936
  100% {
5937
- -webkit-transform: translateY(5px);
5938
- transform: translateY(5px); } }
5939
 
5940
  @-webkit-keyframes pa-scroll-horizontal {
5941
  0% {
5942
- -webkit-transform: translateX(0px);
5943
- transform: translateX(0px); }
5944
  100% {
5945
- -webkit-transform: translateX(5px);
5946
- transform: translateX(5px); } }
5947
 
5948
  @keyframes pa-scroll-horizontal {
5949
  0% {
5950
- -webkit-transform: translateX(0px);
5951
- transform: translateX(0px); }
5952
  100% {
5953
- -webkit-transform: translateX(5px);
5954
- transform: translateX(5px); } }
5955
 
5956
  /********* Premium Lottie Animations **********/
5957
  /**********************************************/
@@ -5966,11 +5966,11 @@ ul.premium-person-social-list {
5966
  -webkit-transition: all 0.3s ease-in-out;
5967
  transition: all 0.3s ease-in-out; }
5968
  .premium-lottie-wrap .premium-lottie-animation a {
5969
- position: absolute;
5970
- left: 0;
5971
- top: 0;
5972
- width: 100%;
5973
- height: 100%; }
5974
 
5975
  /**************** Premium Bullet List ***************/
5976
  /****************************************************/
@@ -5982,27 +5982,27 @@ ul.premium-person-social-list {
5982
  display: -ms-flexbox;
5983
  display: flex;
5984
  -webkit-flex-wrap: wrap;
5985
- -ms-flex-wrap: wrap;
5986
- flex-wrap: wrap;
5987
  -webkit-box-orient: vertical;
5988
  -webkit-box-direction: normal;
5989
  -webkit-flex-direction: column;
5990
- -moz-box-orient: vertical;
5991
- -moz-box-direction: normal;
5992
- -ms-flex-direction: column;
5993
- flex-direction: column; }
5994
  .premium-icon-list-box .premium-icon-list-content-grow-lc {
5995
- -webkit-transform-origin: left center;
5996
- -ms-transform-origin: left center;
5997
- transform-origin: left center; }
5998
  .premium-icon-list-box .premium-icon-list-content-grow-rc {
5999
- -webkit-transform-origin: right center;
6000
- -ms-transform-origin: right center;
6001
- transform-origin: right center; }
6002
  .premium-icon-list-box .premium-icon-list-content-grow-cc {
6003
- -webkit-transform-origin: center center;
6004
- -ms-transform-origin: center center;
6005
- transform-origin: center center; }
6006
 
6007
  .premium-icon-list-content {
6008
  -js-display: flex;
@@ -6017,47 +6017,47 @@ ul.premium-person-social-list {
6017
  position: relative; }
6018
  .premium-icon-list-content .premium-icon-list-text span,
6019
  .premium-icon-list-content .premium-icon-list-wrapper {
6020
- display: inline-block;
6021
- -webkit-align-self: center;
6022
- -ms-flex-item-align: center;
6023
- align-self: center;
6024
- -webkit-transition: all 0.3s ease-in-out;
6025
- transition: all 0.3s ease-in-out; }
6026
  .premium-icon-list-content .premium-icon-list-text span {
6027
- margin: 0 5px; }
6028
  .premium-icon-list-content .premium-icon-list-icon-text p {
6029
- font-size: 18px;
6030
- background-color: #eee;
6031
- padding: 1px 5px;
6032
- -webkit-border-radius: 2px;
6033
- border-radius: 2px; }
6034
  .premium-icon-list-content .premium-icon-list-text span,
6035
  .premium-icon-list-content .premium-icon-list-icon-text p,
6036
  .premium-icon-list-content .premium-icon-list-wrapper img,
6037
  .premium-icon-list-content .premium-icon-list-wrapper svg,
6038
  .premium-icon-list-content .premium-icon-list-wrapper i {
6039
- -webkit-transition: all 0.3s ease-in-out;
6040
- transition: all 0.3s ease-in-out; }
6041
  .premium-icon-list-content .premium-icon-list-wrapper {
6042
- position: relative;
6043
- line-height: 0; }
6044
  .premium-icon-list-content .premium-icon-list-wrapper img,
6045
  .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6046
- width: 30px !important;
6047
- height: 30px !important;
6048
- position: relative;
6049
- z-index: 500; }
6050
  .premium-icon-list-content .premium-icon-list-wrapper i,
6051
  .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6052
- position: relative;
6053
- z-index: 500; }
6054
  .premium-icon-list-content .premium-icon-list-link {
6055
- position: absolute;
6056
- top: 0;
6057
- left: 0;
6058
- width: 100%;
6059
- height: 100%;
6060
- z-index: 1000; }
6061
 
6062
  .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6063
  width: 100%;
@@ -6073,21 +6073,21 @@ ul.premium-person-social-list {
6073
  display: flex;
6074
  -webkit-box-pack: center;
6075
  -webkit-justify-content: center;
6076
- -moz-box-pack: center;
6077
- -ms-flex-pack: center;
6078
- justify-content: center; }
6079
  .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6080
- content: "";
6081
- border-right-width: 1px;
6082
- border-right-style: solid;
6083
- border-color: #333333;
6084
- display: block;
6085
- height: 100%; }
6086
 
6087
  li.premium-icon-list-content.premium-icon-list-content-inline {
6088
  -webkit-align-self: center;
6089
- -ms-flex-item-align: center;
6090
- align-self: center;
6091
  z-index: 2; }
6092
 
6093
  li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
@@ -6100,9 +6100,9 @@ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6100
  width: 100%;
6101
  -webkit-box-flex: 0;
6102
  -webkit-flex: 0 0 100%;
6103
- -moz-box-flex: 0;
6104
- -ms-flex: 0 0 100%;
6105
- flex: 0 0 100%;
6106
  overflow: hidden; }
6107
 
6108
  .premium-icon-list-divider:not(:last-child):after {
@@ -6118,8 +6118,8 @@ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6118
  height: 100%;
6119
  overflow: hidden;
6120
  -webkit-align-self: center;
6121
- -ms-flex-item-align: center;
6122
- align-self: center;
6123
  margin: 0 3px; }
6124
 
6125
  .premium-icon-list-divider-inline:not(:last-child):after {
@@ -6148,7 +6148,7 @@ li.premium-icon-list-content {
6148
  .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6149
  .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6150
  -webkit-filter: blur(3px);
6151
- filter: blur(3px); }
6152
 
6153
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6154
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
@@ -6161,7 +6161,7 @@ li.premium-icon-list-content {
6161
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6162
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6163
  -webkit-filter: none;
6164
- filter: none; }
6165
 
6166
  .premium-icon-list-content .premium-icon-list-badge {
6167
  font-size: 11px;
@@ -6187,9 +6187,9 @@ li.premium-icon-list-content {
6187
  z-index: 1;
6188
  overflow: hidden;
6189
  -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6190
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6191
  -webkit-background-clip: text;
6192
- background-clip: text;
6193
  -webkit-text-fill-color: transparent;
6194
  -webkit-transition: all 0.4s ease;
6195
  transition: all 0.4s ease; }
@@ -6197,7 +6197,7 @@ li.premium-icon-list-content {
6197
  .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6198
  .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6199
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6200
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6201
 
6202
  ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6203
  ul[data-list-animation*="animated-"] .premium-icon-list-content,
@@ -6206,5 +6206,5 @@ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6206
 
6207
  .premium-icon-list-content-grow-effect:hover {
6208
  -webkit-transform: scale(1.07);
6209
- -ms-transform: scale(1.07);
6210
- transform: scale(1.07); }
14
  display: block;
15
  position: relative; }
16
  .premium-banner-ib img {
17
+ display: block;
18
+ position: relative; }
19
 
20
  .premium-banner-img-wrap {
21
  -js-display: flex;
26
  display: flex;
27
  height: 100%; }
28
  .premium-banner-img-wrap .premium-banner-ib-img {
29
+ -webkit-flex-shrink: 0;
30
+ -ms-flex-negative: 0;
31
+ flex-shrink: 0; }
32
 
33
  .premium-banner-ib {
34
  z-index: 1;
36
  margin: 0 0 35px;
37
  text-align: center;
38
  -webkit-box-sizing: border-box;
39
+ -moz-box-sizing: border-box;
40
+ box-sizing: border-box; }
41
 
42
  .premium-banner-ib-desc .premium-banner-read-more {
43
  z-index: 100; }
52
  .premium-banner-ib *,
53
  .premium-banner-ib .premium-banner-ib-desc {
54
  -webkit-box-sizing: border-box;
55
+ -moz-box-sizing: border-box;
56
+ box-sizing: border-box; }
57
 
58
  .premium-banner-ib img {
59
  min-width: 100%;
64
  .premium-banner-ib .premium-banner-ib-desc {
65
  padding: 15px;
66
  -webkit-backface-visibility: hidden;
67
+ backface-visibility: hidden;
68
  -webkit-box-sizing: border-box;
69
+ -moz-box-sizing: border-box;
70
+ box-sizing: border-box;
71
  position: absolute;
72
  top: 0;
73
  left: 0;
100
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
101
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
102
  -webkit-transform: translate3d(-40px, 0, 0);
103
+ transform: translate3d(-40px, 0, 0); }
104
 
105
  .premium-banner-animation2 .premium-banner-ib-title {
106
  padding: 15px; }
117
  .premium-banner-animation1 .premium-banner-ib-title,
118
  .premium-banner-animation1 .premium-banner-read-more {
119
  -webkit-transform: translate3d(0, 40px, 0);
120
+ transform: translate3d(0, 40px, 0);
121
  -webkit-transition-delay: 0.05s;
122
+ transition-delay: 0.05s;
123
  -webkit-transition-duration: 0.35s;
124
+ transition-duration: 0.35s; }
125
 
126
  .premium-banner-animation1 .premium-banner-ib-title {
127
  -webkit-transition: -webkit-transform 0.35s;
144
  .premium-banner-animation1.active .premium-banner-read-more {
145
  opacity: 1;
146
  -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
  -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s; }
150
 
151
  .premium-banner-animation1:hover .premium-banner-ib-content,
152
  .premium-banner-animation1.active .premium-banner-ib-content,
157
  .premium-banner-animation1:hover img,
158
  .premium-banner-animation1.active img {
159
  -webkit-transform: translate3d(0, 0, 0);
160
+ transform: translate3d(0, 0, 0);
161
  -webkit-transition-delay: 0.05s;
162
+ transition-delay: 0.05s;
163
  -webkit-transition-duration: 0.35s;
164
+ transition-duration: 0.35s; }
165
 
166
  .premium-banner-animation1.zoomout img,
167
  .premium-banner-animation1.scale img {
168
  -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
169
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
170
 
171
  .premium-banner-ib.sepia img {
172
  -webkit-filter: sepia(30%);
173
+ filter: sepia(30%); }
174
 
175
  .premium-banner-ib.bright img {
176
  -webkit-filter: brightness(1);
177
+ filter: brightness(1); }
178
 
179
  .premium-banner-ib.sepia:hover img {
180
  -webkit-filter: sepia(0%);
181
+ filter: sepia(0%); }
182
 
183
  .premium-banner-ib.bright:hover img {
184
  -webkit-filter: brightness(1.2);
185
+ filter: brightness(1.2); }
186
 
187
  .premium-banner-animation1.premium-banner-min-height img,
188
  .premium-banner-animation2.premium-banner-min-height img,
204
  height: 100%;
205
  opacity: 0;
206
  -webkit-transform: translate3d(0, 50%, 0);
207
+ transform: translate3d(0, 50%, 0); }
208
 
209
  .premium-banner-animation2 .premium-banner-ib-title {
210
  position: absolute;
216
  transition: transform 0.35s, color 0.35s;
217
  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
218
  -webkit-transform: translate3d(0, -50%, 0);
219
+ transform: translate3d(0, -50%, 0); }
220
 
221
  .premium-banner-animation2 .premium-banner-ib-content,
222
  .premium-banner-animation2 .premium-banner-read-more,
236
  max-height: 50%;
237
  opacity: 0;
238
  -webkit-transform: translate3d(0, 10px, 0);
239
+ transform: translate3d(0, 10px, 0); }
240
 
241
  .premium-banner-animation2:hover .premium-banner-ib-title,
242
  .premium-banner-animation2.active .premium-banner-ib-title {
243
  -webkit-transform: translate3d(0, -40px, 0);
244
+ transform: translate3d(0, -40px, 0); }
245
 
246
  .premium-banner-animation2:hover .premium-banner-read-more,
247
  .premium-banner-animation2.active .premium-banner-read-more,
249
  .premium-banner-animation2.active .premium-banner-ib-desc::before {
250
  opacity: 1;
251
  -webkit-transform: translate3d(0, 0, 0);
252
+ transform: translate3d(0, 0, 0); }
253
 
254
  .premium-banner-animation2:hover .premium-banner-ib-content,
255
  .premium-banner-animation2.active .premium-banner-ib-content {
256
  opacity: 1;
257
  -webkit-transform: translate3d(0, -30px, 0);
258
+ transform: translate3d(0, -30px, 0); }
259
 
260
  .premium-banner-animation3 .premium-banner-ib-title {
261
  position: absolute;
265
  width: 100%;
266
  text-align: left;
267
  -webkit-transform: translate3d(0, -30px, 0);
268
+ transform: translate3d(0, -30px, 0); }
269
 
270
  .premium-banner-animation3 .premium-banner-ib-desc::before,
271
  .premium-banner-animation3 .premium-banner-ib-title {
280
  .premium-banner-animation3.active .premium-banner-ib-title {
281
  opacity: 1;
282
  -webkit-transform: translate3d(0, 0, 0);
283
+ transform: translate3d(0, 0, 0); }
284
 
285
  .premium-banner-animation3 .premium-banner-ib-content {
286
  max-height: -webkit-calc(100% - 60px - 1.5em);
296
  .premium-banner-animation4 .premium-banner-ib-desc {
297
  padding: 30px; }
298
  .premium-banner-animation4 .premium-banner-ib-desc::after {
299
+ position: absolute;
300
+ content: "";
301
+ opacity: 0; }
302
  .premium-banner-animation4 .premium-banner-ib-desc::before {
303
+ position: absolute;
304
+ content: "";
305
+ opacity: 0;
306
+ top: 50px;
307
+ right: 30px;
308
+ bottom: 50px;
309
+ left: 30px;
310
+ border-top: 1px solid #fff;
311
+ border-bottom: 1px solid #fff;
312
+ -webkit-transform: scale(0, 1);
313
+ -ms-transform: scale(0, 1);
314
+ transform: scale(0, 1);
315
+ -webkit-transform-origin: 0 0;
316
+ -ms-transform-origin: 0 0;
317
+ transform-origin: 0 0; }
318
  .premium-banner-animation4 .premium-banner-ib-desc::after {
319
+ top: 30px;
320
+ right: 50px;
321
+ bottom: 30px;
322
+ left: 50px;
323
+ border-right: 1px solid #fff;
324
+ border-left: 1px solid #fff;
325
+ -webkit-transform: scale(1, 0);
326
+ -ms-transform: scale(1, 0);
327
+ transform: scale(1, 0);
328
+ -webkit-transform-origin: 100% 0;
329
+ -ms-transform-origin: 100% 0;
330
+ transform-origin: 100% 0; }
331
 
332
  .premium-banner-animation4 .premium-banner-ib-title {
333
  padding: 50px 30px 0 30px;
342
  opacity: 0;
343
  overflow: hidden;
344
  -webkit-transform: translate3d(0, -10px, 0);
345
+ transform: translate3d(0, -10px, 0); }
346
 
347
  .premium-banner-animation4 .premium-banner-ib-title,
348
  .premium-banner-animation4 img {
349
  -webkit-transform: translate3d(-30px, 0, 0);
350
+ transform: translate3d(-30px, 0, 0); }
351
 
352
  .premium-banner-animation4.zoomout img,
353
  .premium-banner-animation4.scale img {
354
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
355
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
356
 
357
  .premium-banner-animation4 .premium-banner-ib-content,
358
  .premium-banner-animation4 .premium-banner-read-more {
379
  .premium-banner-animation4.active .premium-banner-ib-desc::before {
380
  opacity: 1;
381
  -webkit-transform: scale(1);
382
+ -ms-transform: scale(1);
383
+ transform: scale(1); }
384
 
385
  .premium-banner-animation4:hover .premium-banner-ib-content,
386
  .premium-banner-animation4.active .premium-banner-ib-content,
390
  .premium-banner-animation4.active .premium-banner-ib-title {
391
  opacity: 1;
392
  -webkit-transform: translate3d(0, 0, 0);
393
+ transform: translate3d(0, 0, 0); }
394
 
395
  .premium-banner-animation4:hover .premium-banner-ib-content,
396
  .premium-banner-animation4:hover .premium-banner-ib-desc::after,
397
  .premium-banner-animation4:hover .premium-banner-ib-title,
398
  .premium-banner-animation4:hover img {
399
  -webkit-transition-delay: 0.15s;
400
+ transition-delay: 0.15s; }
401
 
402
  .premium-banner-animation5 .premium-banner-ib-desc {
403
  top: auto;
411
  transition: transform 0.35s;
412
  transition: transform 0.35s, -webkit-transform 0.35s;
413
  -webkit-transform: translate3d(0, 100%, 0);
414
+ transform: translate3d(0, 100%, 0); }
415
 
416
  .premium-banner-animation5 .premium-banner-ib-content {
417
  position: absolute;
431
  transition: transform 0.35s;
432
  transition: transform 0.35s, -webkit-transform 0.35s;
433
  -webkit-transform: translate3d(0, 200%, 0);
434
+ transform: translate3d(0, 200%, 0);
435
  text-align: center; }
436
 
437
  .premium-banner-animation5 .premium-banner-ib-title {
444
  opacity: 1 !important;
445
  z-index: 99 !important;
446
  -webkit-backface-visibility: hidden !important;
447
+ backface-visibility: hidden !important; }
448
 
449
  .premium-banner-animation5:hover .premium-banner-ib-desc,
450
  .premium-banner-animation5.active .premium-banner-ib-desc,
453
  .premium-banner-animation5:hover .premium-banner-read-more,
454
  .premium-banner-animation5.active .premium-banner-read-more {
455
  -webkit-transform: translateY(0);
456
+ -ms-transform: translateY(0);
457
+ transform: translateY(0); }
458
 
459
  .premium-banner-animation5:hover .premium-banner-ib-title {
460
  -webkit-transition-delay: 0.05s;
461
+ transition-delay: 0.05s; }
462
 
463
  .premium-banner-animation5 img {
464
  -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
477
  .premium-banner-animation5.zoomout img,
478
  .premium-banner-animation5.scale img {
479
  -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
 
483
  .premium-banner-animation2.zoomout img,
484
  .premium-banner-animation2.scale img {
485
  -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
 
489
  .premium-banner-animation6.zoomout img,
490
  .premium-banner-animation6.scale img {
491
  -webkit-transform: scale(1.1);
492
+ -ms-transform: scale(1.1);
493
+ transform: scale(1.1); }
494
 
495
  .premium-banner-animation5.zoomin:hover img,
496
  .premium-banner-animation2.zoomin:hover img,
497
  .premium-banner-animation6.zoomin:hover img {
498
  -webkit-transform: scale(1.1);
499
+ -ms-transform: scale(1.1);
500
+ transform: scale(1.1); }
501
 
502
  .premium-banner-animation5.zoomout:hover img,
503
  .premium-banner-animation2.zoomout:hover img,
504
  .premium-banner-animation6.zoomout:hover img {
505
  -webkit-transform: scale(1);
506
+ -ms-transform: scale(1);
507
+ transform: scale(1); }
508
 
509
  .premium-banner-animation5.scale:hover img,
510
  .premium-banner-animation2.scale:hover img,
511
  .premium-banner-animation6.scale:hover img {
512
  -webkit-transform: scale(1.2) rotate(5deg);
513
+ -ms-transform: scale(1.2) rotate(5deg);
514
+ transform: scale(1.2) rotate(5deg); }
515
 
516
  .premium-banner-animation5.grayscale:hover img,
517
  .premium-banner-animation2.grayscale:hover img,
518
  .premium-banner-animation6.grayscale:hover img {
519
  -webkit-filter: grayscale(100%);
520
+ filter: grayscale(100%); }
521
 
522
  .premium-banner-animation5.blur:hover img,
523
  .premium-banner-animation2.blur:hover img {
524
  -webkit-filter: blur(3px);
525
+ filter: blur(3px); }
526
 
527
  .premium-banner-animation6.blur:hover img {
528
  -webkit-filter: blur(3px);
529
+ filter: blur(3px); }
530
 
531
  .premium-banner-animation6 .premium-banner-ib-desc {
532
  padding: 45px; }
533
  .premium-banner-animation6 .premium-banner-ib-desc::before {
534
+ position: absolute;
535
+ content: "";
536
+ top: 30px;
537
+ right: 30px;
538
+ bottom: 30px;
539
+ left: 30px;
540
+ border: 1px solid #fff; }
541
 
542
  .premium-banner-animation6 .premium-banner-ib-title {
543
  margin: 20px 0 10px;
546
  transition: transform 0.35s;
547
  transition: transform 0.35s, -webkit-transform 0.35s;
548
  -webkit-transform: translate3d(0, 100%, 0);
549
+ transform: translate3d(0, 100%, 0); }
550
 
551
  .premium-banner-animation6 .premium-banner-ib-content,
552
  .premium-banner-animation6 .premium-banner-read-more,
557
  transition: opacity 0.35s, transform 0.35s;
558
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
559
  -webkit-transform: scale(0);
560
+ -ms-transform: scale(0);
561
+ transform: scale(0); }
562
 
563
  .premium-banner-animation6 .premium-banner-read-more {
564
  margin-top: 10px; }
566
  .premium-banner-animation6:hover .premium-banner-ib-title,
567
  .premium-banner-animation6.active .premium-banner-ib-title {
568
  -webkit-transform: translate3d(0, 0, 0);
569
+ transform: translate3d(0, 0, 0); }
570
 
571
  .premium-banner-animation6:hover .premium-banner-ib-content,
572
  .premium-banner-animation6.active .premium-banner-ib-content,
576
  .premium-banner-animation6.active .premium-banner-ib-desc::before {
577
  opacity: 1;
578
  -webkit-transform: scale(1);
579
+ -ms-transform: scale(1);
580
+ transform: scale(1); }
581
 
582
  .premium-banner-animation12 .premium-banner-ib-desc::after {
583
  position: absolute;
593
  transition: transform 0.35s;
594
  transition: transform 0.35s, -webkit-transform 0.35s;
595
  -webkit-transform: translate3d(0, -100%, 0);
596
+ transform: translate3d(0, -100%, 0); }
597
 
598
  .premium-banner-animation12:hover .premium-banner-ib-desc::after,
599
  .premium-banner-animation12.active .premium-banner-ib-desc::after {
600
  -webkit-transform: translate3d(0, 0, 0);
601
+ transform: translate3d(0, 0, 0); }
602
 
603
  .premium-banner-animation12 .premium-banner-ib-desc {
604
  padding: 45px;
615
  transition: opacity 0.35s, transform 0.35s;
616
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
617
  -webkit-transform: translate3d(0, -100px, 0);
618
+ transform: translate3d(0, -100px, 0); }
619
 
620
  .premium-banner-animation12:hover .premium-banner-ib-content,
621
  .premium-banner-animation12.active .premium-banner-ib-content {
622
  opacity: 1;
623
  -webkit-transform: translate3d(0, 0, 0);
624
+ transform: translate3d(0, 0, 0); }
625
 
626
  .premium-banner-animation13 img {
627
  width: -webkit-calc(100% + 20px) !important;
633
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
634
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
635
  -webkit-transform: translate3d(-10px, 0, 0);
636
+ transform: translate3d(-10px, 0, 0);
637
  -webkit-backface-visibility: hidden;
638
+ backface-visibility: hidden; }
639
 
640
  .premium-banner-animation13.zoomout img,
641
  .premium-banner-animation13.scale img {
642
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
643
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
644
 
645
  .premium-banner-animation13.none:hover img {
646
  -webkit-transform: translate3d(0, 0, 0);
647
+ transform: translate3d(0, 0, 0); }
648
 
649
  .premium-banner-animation1.none:hover img,
650
  .premium-banner-animation4.none:hover img {
651
  -webkit-transform: translate3d(0, 0, 0);
652
+ transform: translate3d(0, 0, 0); }
653
 
654
  .premium-banner-animation13.zoomin:hover img,
655
  .premium-banner-animation1.zoomin:hover img,
659
  .premium-banner-animation9.zoomin:hover img,
660
  .premium-banner-animation10.zoomin:hover img {
661
  -webkit-transform: translate3d(0, 0, 0) scale(1.1);
662
+ transform: translate3d(0, 0, 0) scale(1.1); }
663
 
664
  .premium-banner-animation13.zoomout:hover img,
665
  .premium-banner-animation1.zoomout:hover img,
669
  .premium-banner-animation9.zoomout:hover img,
670
  .premium-banner-animation10.zoomout:hover img {
671
  -webkit-transform: translate3d(0, 0, 0) scale(1);
672
+ transform: translate3d(0, 0, 0) scale(1); }
673
 
674
  .premium-banner-animation13.scale:hover img,
675
  .premium-banner-animation1.scale:hover img,
679
  .premium-banner-animation9.scale:hover img,
680
  .premium-banner-animation10.scale:hover img {
681
  -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
682
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
683
 
684
  .premium-banner-animation13.grayscale:hover img,
685
  .premium-banner-animation1.grayscale:hover img,
689
  .premium-banner-animation9.grayscale:hover img,
690
  .premium-banner-animation10.grayscale:hover img {
691
  -webkit-transform: translate3d(0, 0, 0);
692
+ transform: translate3d(0, 0, 0);
693
  -webkit-filter: grayscale(100%);
694
+ filter: grayscale(100%); }
695
 
696
  .premium-banner-animation13.blur:hover img,
697
  .premium-banner-animation1.blur:hover img,
701
  .premium-banner-animation9.blur:hover img,
702
  .premium-banner-animation10.blur:hover img {
703
  -webkit-transform: translate3d(0, 0, 0);
704
+ transform: translate3d(0, 0, 0);
705
  -webkit-filter: blur(3px);
706
+ filter: blur(3px); }
707
 
708
  .premium-banner-animation13 .premium-banner-ib-desc {
709
  text-align: left; }
713
  overflow: hidden;
714
  padding: 5px 0 10px; }
715
  .premium-banner-animation13 .premium-banner-ib-title::after {
716
+ position: absolute;
717
+ content: "";
718
+ bottom: 0;
719
+ left: 0;
720
+ width: 100%;
721
+ height: 2px;
722
+ background: #fff;
723
+ -webkit-transition: -webkit-transform 0.35s;
724
+ transition: -webkit-transform 0.35s;
725
+ transition: transform 0.35s;
726
+ transition: transform 0.35s, -webkit-transform 0.35s;
727
+ -webkit-transform: translate3d(-101%, 0, 0);
728
+ transform: translate3d(-101%, 0, 0); }
729
 
730
  .premium-banner-animation13:hover .premium-banner-ib-title::after,
731
  .premium-banner-animation13.active .premium-banner-ib-title::after {
732
  -webkit-transform: translate3d(0, 0, 0);
733
+ transform: translate3d(0, 0, 0); }
734
 
735
  .premium-banner-animation13 .premium-banner-ib-content,
736
  .premium-banner-animation13 .premium-banner-read-more {
741
  transition: opacity 0.35s, transform 0.35s;
742
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
743
  -webkit-transform: translate3d(100%, 0, 0);
744
+ transform: translate3d(100%, 0, 0); }
745
 
746
  .premium-banner-animation13:hover .premium-banner-ib-content,
747
  .premium-banner-animation13.active .premium-banner-ib-content,
749
  .premium-banner-animation13.active .premium-banner-read-more {
750
  opacity: 1;
751
  -webkit-transform: translate3d(0, 0, 0);
752
+ transform: translate3d(0, 0, 0); }
753
 
754
  .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
755
  left: 50%;
757
  height: 100%;
758
  max-width: none;
759
  -webkit-transform: translateX(-50%);
760
+ -ms-transform: translateX(-50%);
761
+ transform: translateX(-50%); }
762
 
763
  .premium-banner-ib img {
764
  border: none;
788
  -webkit-transition: all 0.3s ease-in-out;
789
  transition: all 0.3s ease-in-out;
790
  -webkit-transition-delay: 0.2s;
791
+ transition-delay: 0.2s; }
792
 
793
  .premium-banner-animation7 .premium-banner-bleft {
794
  left: 30px;
818
  padding: 70px;
819
  display: table; }
820
  .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
821
+ display: table-cell;
822
+ vertical-align: middle; }
823
 
824
  .premium-banner-animation7 .premium-banner-ib-title {
825
  margin-top: 0; }
827
  .premium-banner-animation7 .premium-banner-ib-title,
828
  .premium-banner-animation7 img {
829
  -webkit-transform: translate3d(-30px, 0, 0);
830
+ transform: translate3d(-30px, 0, 0); }
831
 
832
  .premium-banner-animation7.zoomout img,
833
  .premium-banner-animation7.scale img {
834
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
835
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
836
 
837
  .premium-banner-animation7 .premium-banner-ib-content,
838
  .premium-banner-animation7 .premium-banner-read-more {
861
  .premium-banner-animation7.active .premium-banner-ib-title {
862
  opacity: 1;
863
  -webkit-transform: translate3d(0, 0, 0);
864
+ transform: translate3d(0, 0, 0); }
865
 
866
  .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
867
  top: 30px;
884
  .premium-banner-animation7:hover .premium-banner-ib-title,
885
  .premium-banner-animation7:hover img {
886
  -webkit-transition-delay: 0.15s;
887
+ transition-delay: 0.15s; }
888
 
889
  .premium-banner-animation8 img {
890
  width: -webkit-calc(100% + 40px) !important;
909
  -webkit-transition: all 0.3s ease-in-out;
910
  transition: all 0.3s ease-in-out;
911
  -webkit-transition-delay: 0.2s;
912
+ transition-delay: 0.2s; }
913
 
914
  .premium-banner-animation8 .premium-banner-bleft {
915
  left: 30px;
916
  top: 50%;
917
  -webkit-transform: translateY(-50%);
918
  -ms-transform: translateY(-50%);
919
+ transform: translateY(-50%);
920
  height: 0; }
921
 
922
  .premium-banner-animation8 .premium-banner-bright {
924
  top: 50%;
925
  -webkit-transform: translateY(-50%);
926
  -ms-transform: translateY(-50%);
927
+ transform: translateY(-50%);
928
  height: 0; }
929
 
930
  .premium-banner-animation8 .premium-banner-bottom {
931
  left: 50%;
932
  -webkit-transform: translateX(-50%);
933
  -ms-transform: translateX(-50%);
934
+ transform: translateX(-50%);
935
  bottom: 30px;
936
  width: 0; }
937
 
939
  left: 50%;
940
  -webkit-transform: translateX(-50%);
941
  -ms-transform: translateX(-50%);
942
+ transform: translateX(-50%);
943
  top: 30px;
944
  width: 0; }
945
 
947
  padding: 70px;
948
  display: table; }
949
  .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
950
+ display: table-cell;
951
+ vertical-align: middle; }
952
 
953
  .premium-banner-animation8 .premium-banner-ib-title {
954
  margin-top: 0; }
956
  .premium-banner-animation8 .premium-banner-ib-title,
957
  .premium-banner-animation8 img {
958
  -webkit-transform: translate3d(-30px, 0, 0);
959
+ transform: translate3d(-30px, 0, 0); }
960
 
961
  .premium-banner-animation8.zoomout img,
962
  .premium-banner-animation8.scale img {
963
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
964
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
965
 
966
  .premium-banner-animation8 .premium-banner-ib-content,
967
  .premium-banner-animation8 .premium-banner-read-more {
990
  .premium-banner-animation8.active .premium-banner-ib-title {
991
  opacity: 1;
992
  -webkit-transform: translate3d(0, 0, 0);
993
+ transform: translate3d(0, 0, 0); }
994
 
995
  .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
996
  height: -webkit-calc(100% - 61px);
1013
  .premium-banner-animation8:hover .premium-banner-read-more,
1014
  .premium-banner-animation8:hover img {
1015
  -webkit-transition-delay: 0.15s;
1016
+ transition-delay: 0.15s; }
1017
 
1018
  .premium-banner-animation9 img {
1019
  width: -webkit-calc(100% + 20px) !important;
1025
  transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1026
  transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1027
  -webkit-transform: scale(1.2);
1028
+ -ms-transform: scale(1.2);
1029
+ transform: scale(1.2); }
1030
 
1031
  .premium-banner-animation9 .premium-banner-ib-desc {
1032
  width: 100%;
1033
  height: 100%; }
1034
  .premium-banner-animation9 .premium-banner-ib-desc::before {
1035
+ position: absolute;
1036
+ top: 50%;
1037
+ left: 50%;
1038
+ width: 80%;
1039
+ height: 1px;
1040
+ background: #fff;
1041
+ content: "";
1042
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s;
1045
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1046
+ -webkit-transform: translate3d(-50%, -50%, 0);
1047
+ transform: translate3d(-50%, -50%, 0); }
1048
  .premium-banner-animation9 .premium-banner-ib-desc::after {
1049
+ position: absolute;
1050
+ top: 50%;
1051
+ left: 50%;
1052
+ width: 80%;
1053
+ height: 1px;
1054
+ background: #fff;
1055
+ content: "";
1056
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s;
1059
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1060
+ -webkit-transform: translate3d(-50%, -50%, 0);
1061
+ transform: translate3d(-50%, -50%, 0); }
1062
 
1063
  .premium-banner-animation9 .premium-banner-ib-title {
1064
  position: absolute;
1070
  transition: transform 0.35s;
1071
  transition: transform 0.35s, -webkit-transform 0.35s;
1072
  -webkit-transform: translate3d(0, -70px, 0);
1073
+ transform: translate3d(0, -70px, 0);
1074
  margin-top: 0;
1075
  padding: 0 10%; }
1076
 
1077
  .premium-banner-animation9:hover .premium-banner-ib-title,
1078
  .premium-banner-animation9.active .premium-banner-ib-title {
1079
  -webkit-transform: translate3d(0, -80px, 0);
1080
+ transform: translate3d(0, -80px, 0); }
1081
 
1082
  .premium-banner-animation9 .premium-banner-ib-content,
1083
  .premium-banner-animation9 .premium-banner-read-more {
1091
  transition: transform 0.35s, -webkit-transform 0.35s;
1092
  padding: 0 10%;
1093
  -webkit-transform: translate3d(0, 35px, 0);
1094
+ transform: translate3d(0, 35px, 0); }
1095
 
1096
  .premium-banner-animation9 .premium-banner-read-more {
1097
  top: 75%; }
1101
  .premium-banner-animation9:hover .premium-banner-read-more,
1102
  .premium-banner-animation9.active .premium-banner-read-more {
1103
  -webkit-transform: translate3d(0, 45px, 0);
1104
+ transform: translate3d(0, 45px, 0); }
1105
 
1106
  .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1107
  .premium-banner-animation9.active .premium-banner-ib-desc::before {
1108
  opacity: 0.5;
1109
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1110
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1111
 
1112
  .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1113
  .premium-banner-animation9.active .premium-banner-ib-desc::after {
1114
  opacity: 0.5;
1115
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1116
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1117
 
1118
  .premium-banner-animation9:hover img {
1119
  -webkit-transform: scale(1);
1120
+ -ms-transform: scale(1);
1121
+ transform: scale(1); }
1122
 
1123
  .premium-banner-animation10 img {
1124
  width: -webkit-calc(100% + 20px) !important;
1139
  transition: transform 0.35s;
1140
  transition: transform 0.35s, -webkit-transform 0.35s;
1141
  -webkit-transform: translate3d(0, 20px, 0);
1142
+ transform: translate3d(0, 20px, 0);
1143
  margin-bottom: 0; }
1144
  .premium-banner-animation10 .premium-banner-ib-title::after {
1145
+ position: absolute;
1146
+ content: "";
1147
+ bottom: 0;
1148
+ left: 0;
1149
+ width: 100%;
1150
+ height: 3px;
1151
+ background: #fff;
1152
+ opacity: 0;
1153
+ -webkit-transform: translate3d(0, 100%, 0);
1154
+ transform: translate3d(0, 100%, 0);
1155
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s;
1158
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1159
 
1160
  .premium-banner-animation10:hover .premium-banner-ib-title,
1161
  .premium-banner-animation10.active .premium-banner-ib-title {
1162
  -webkit-transform: translate3d(0, 0, 0);
1163
+ transform: translate3d(0, 0, 0); }
1164
 
1165
  .premium-banner-animation10:hover .premium-banner-ib-title::after,
1166
  .premium-banner-animation10.active .premium-banner-ib-title::after {
1167
  opacity: 1;
1168
  -webkit-transform: translate3d(0, 0, 0);
1169
+ transform: translate3d(0, 0, 0); }
1170
 
1171
  .premium-banner-animation10.zoomout img,
1172
  .premium-banner-animation10.scale img {
1173
  -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1174
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1175
 
1176
  .premium-banner-animation10 .premium-banner-ib-content,
1177
  .premium-banner-animation10 .premium-banner-read-more {
1182
  transition: opacity 0.35s, transform 0.35s;
1183
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1184
  -webkit-transform: translate3d(0, 100%, 0);
1185
+ transform: translate3d(0, 100%, 0); }
1186
 
1187
  .premium-banner-animation10 .premium-banner-read-more {
1188
  padding: 0; }
1193
  .premium-banner-animation10.active .premium-banner-read-more {
1194
  opacity: 1;
1195
  -webkit-transform: translate3d(0, 0, 0);
1196
+ transform: translate3d(0, 0, 0); }
1197
 
1198
  /**************** Premium CountDown *************/
1199
  /************************************************/
1221
  display: inline-flex;
1222
  -webkit-box-align: center;
1223
  -webkit-align-items: center;
1224
+ -moz-box-align: center;
1225
+ -ms-flex-align: center;
1226
+ align-items: center; }
1227
  .countdown .pre_countdown-section:last-child {
1228
+ margin-right: 0; }
1229
 
1230
  .countdown span.pre_countdown-amount {
1231
  font-size: 70px;
1272
  display: flex;
1273
  -webkit-box-align: center;
1274
  -webkit-align-items: center;
1275
+ -moz-box-align: center;
1276
+ -ms-flex-align: center;
1277
+ align-items: center;
1278
  -webkit-box-pack: center;
1279
  -webkit-justify-content: center;
1280
+ -moz-box-pack: center;
1281
+ -ms-flex-pack: center;
1282
+ justify-content: center;
1283
  width: 2em;
1284
  height: 2em;
1285
  line-height: 0;
1292
  -webkit-appearance: inherit;
1293
  border: none;
1294
  -webkit-box-shadow: none;
1295
+ box-shadow: none; }
1296
 
1297
  .premium-fb-rev-container a.carousel-arrow,
1298
  .premium-blog-wrap a.carousel-arrow,
1309
  display: flex;
1310
  -webkit-box-align: center;
1311
  -webkit-align-items: center;
1312
+ -moz-box-align: center;
1313
+ -ms-flex-align: center;
1314
+ align-items: center;
1315
  -webkit-box-pack: center;
1316
  -webkit-justify-content: center;
1317
+ -moz-box-pack: center;
1318
+ -ms-flex-pack: center;
1319
+ justify-content: center;
1320
  width: 2em;
1321
  height: 2em;
1322
  line-height: 0;
1329
  -webkit-appearance: inherit;
1330
  border: none;
1331
  -webkit-box-shadow: none;
1332
+ box-shadow: none; }
1333
 
1334
  div[class^="premium-"] .slick-arrow i {
1335
  display: block; }
1339
 
1340
  .premium-carousel-wrapper a.slick-arrow:hover {
1341
  -webkit-box-shadow: none !important;
1342
+ box-shadow: none !important; }
1343
 
1344
  .premium-carousel-wrapper .premium-carousel-content-hidden {
1345
  visibility: hidden; }
1356
  .premium-persons-container a.carousel-arrow {
1357
  top: 50%;
1358
  -webkit-transform: translateY(-50%);
1359
+ -ms-transform: translateY(-50%);
1360
+ transform: translateY(-50%); }
1361
 
1362
  .premium-carousel-wrapper a.ver-carousel-arrow {
1363
  left: 50%;
1364
  -webkit-transform: translateX(-50%);
1365
+ -ms-transform: translateX(-50%);
1366
+ transform: translateX(-50%); }
1367
 
1368
  a.carousel-arrow.carousel-next {
1369
  right: -20px; }
1379
 
1380
  a.circle-bg {
1381
  -webkit-border-radius: 100%;
1382
+ border-radius: 100%; }
1383
 
1384
  a.circle-border {
1385
  -webkit-border-radius: 100%;
1386
+ border-radius: 100%;
1387
  border: solid black; }
1388
 
1389
  a.square-border {
1411
  top: 50%;
1412
  bottom: auto;
1413
  -webkit-transform: translateY(-50%);
1414
+ -ms-transform: translateY(-50%);
1415
+ transform: translateY(-50%);
1416
  -webkit-box-orient: vertical;
1417
  -webkit-box-direction: normal;
1418
  -webkit-flex-direction: column;
1419
+ -moz-box-orient: vertical;
1420
+ -moz-box-direction: normal;
1421
+ -ms-flex-direction: column;
1422
+ flex-direction: column; }
1423
 
1424
  ul.slick-dots li {
1425
  font-size: 10px;
1431
  display: inline-flex;
1432
  -webkit-box-pack: center;
1433
  -webkit-justify-content: center;
1434
+ -moz-box-pack: center;
1435
+ -ms-flex-pack: center;
1436
+ justify-content: center;
1437
  -webkit-box-align: center;
1438
  -webkit-align-items: center;
1439
+ -moz-box-align: center;
1440
+ -ms-flex-align: center;
1441
+ align-items: center;
1442
  margin: 5px;
1443
  width: 20px;
1444
  height: 20px;
1445
  cursor: pointer; }
1446
 
1447
+ /*
1448
+ * Custom Navigation Dot
1449
  */
1450
  .premium-carousel-wrapper .premium-carousel-nav-dot,
1451
  .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1459
  /* Ripple Out */
1460
  @-webkit-keyframes hvr-ripple-out {
1461
  0% {
1462
+ -webkit-transform: scale(1);
1463
+ transform: scale(1);
1464
+ opacity: 1; }
1465
  100% {
1466
+ -webkit-transform: scale(1.5);
1467
+ transform: scale(1.5);
1468
+ opacity: 0; } }
1469
 
1470
  @keyframes hvr-ripple-out {
1471
  0% {
1472
+ -webkit-transform: scale(1);
1473
+ transform: scale(1);
1474
+ opacity: 1; }
1475
  100% {
1476
+ -webkit-transform: scale(1.5);
1477
+ transform: scale(1.5);
1478
+ opacity: 0; } }
1479
 
1480
  .premium-carousel-ripple-yes .premium-carousel-wrapper {
1481
  padding-bottom: 1px; }
1483
  .premium-carousel-ripple-yes ul.slick-dots li {
1484
  position: relative; }
1485
  .premium-carousel-ripple-yes ul.slick-dots li i {
1486
+ position: relative;
1487
+ z-index: 1; }
1488
  .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1489
+ content: "";
1490
+ position: absolute;
1491
+ -webkit-transform: scale(1);
1492
+ -ms-transform: scale(1);
1493
+ transform: scale(1);
1494
+ top: 0;
1495
+ right: 0;
1496
+ bottom: 0;
1497
+ left: 0;
1498
+ -webkit-border-radius: 50%;
1499
+ border-radius: 50%;
1500
+ pointer-events: none;
1501
+ background-color: rgba(0, 0, 0, 0.15); }
1502
  .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1503
+ background-color: rgba(0, 0, 0, 0.3); }
1504
  .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1505
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1506
+ animation: hvr-ripple-out 1.3s infinite; }
1507
 
1508
  .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1509
  -webkit-transform: scale(1.25, 1.25);
1510
+ -ms-transform: scale(1.25, 1.25);
1511
+ transform: scale(1.25, 1.25);
1512
  -webkit-transition: all 0.3s ease-in-out !important;
1513
  transition: all 0.3s ease-in-out !important; }
1514
 
1515
  .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1516
  -webkit-transform: scale(1, 1);
1517
+ -ms-transform: scale(1, 1);
1518
+ transform: scale(1, 1); }
1519
 
1520
  [dir="rtl"] .premium-carousel-inner .slick-slide {
1521
  float: right; }
1532
  display: flex;
1533
  -webkit-box-pack: center;
1534
  -webkit-justify-content: center;
1535
+ -moz-box-pack: center;
1536
+ -ms-flex-pack: center;
1537
+ justify-content: center;
1538
  -webkit-box-align: center;
1539
  -webkit-align-items: center;
1540
+ -moz-box-align: center;
1541
+ -ms-flex-align: center;
1542
+ align-items: center; }
1543
  .premium-counter-area.top {
1544
+ -webkit-box-orient: vertical;
1545
+ -webkit-box-direction: normal;
1546
+ -webkit-flex-direction: column;
1547
+ -moz-box-orient: vertical;
1548
+ -moz-box-direction: normal;
1549
+ -ms-flex-direction: column;
1550
+ flex-direction: column; }
1551
  .premium-counter-area.right {
1552
+ -webkit-box-orient: horizontal;
1553
+ -webkit-box-direction: reverse;
1554
+ -webkit-flex-direction: row-reverse;
1555
+ -moz-box-orient: horizontal;
1556
+ -moz-box-direction: reverse;
1557
+ -ms-flex-direction: row-reverse;
1558
+ flex-direction: row-reverse; }
1559
+ .premium-counter-area.right .premium-counter-icon {
1560
+ padding-left: 20px; }
1561
  .premium-counter-area.left .premium-counter-icon {
1562
+ padding-right: 20px; }
1563
  .premium-counter-area .premium-counter-icon .icon i.fa:before {
1564
+ vertical-align: text-top; }
1565
  .premium-counter-area .premium-counter-icon span.icon {
1566
+ text-align: center;
1567
+ display: inline-block;
1568
+ vertical-align: middle; }
1569
  .premium-counter-area .premium-counter-icon .circle {
1570
+ -webkit-border-radius: 100%;
1571
+ border-radius: 100%; }
1572
  .premium-counter-area .premium-counter-icon img,
1573
  .premium-counter-area .premium-counter-icon svg {
1574
+ width: 80px; }
1575
  .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1576
+ height: 80px; }
1577
  .premium-counter-area .premium-counter-title {
1578
+ padding: 0;
1579
+ margin: 0; }
1580
  .premium-counter-area .premium-counter-value-wrap {
1581
+ -js-display: flex;
1582
+ display: -webkit-box;
1583
+ display: -webkit-flex;
1584
+ display: -moz-box;
1585
+ display: -ms-flexbox;
1586
+ display: flex;
1587
+ -webkit-box-align: center;
1588
+ -webkit-align-items: center;
1589
+ -moz-box-align: center;
1590
+ -ms-flex-align: center;
1591
+ align-items: center; }
1592
 
1593
  .premium-init-wrapper.right {
1594
  text-align: right; }
1612
  transition: all 0.3s ease-in-out; }
1613
  .premium-image-separator-container svg,
1614
  .premium-image-separator-container img {
1615
+ display: inline-block !important; }
1616
  .premium-image-separator-container .premium-image-separator-link {
1617
+ position: absolute;
1618
+ z-index: 9999;
1619
+ top: 0;
1620
+ left: 0;
1621
+ width: 100%;
1622
+ height: 100%;
1623
+ text-decoration: none; }
1624
+ .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 {
1625
+ -webkit-box-shadow: none !important;
1626
+ box-shadow: none !important;
1627
+ outline: none !important;
1628
+ border: none !important;
1629
+ text-decoration: none !important; }
1630
  .premium-image-separator-container i {
1631
+ padding: 0.1em;
1632
+ -webkit-transition: all 0.3s ease-in-out;
1633
+ transition: all 0.3s ease-in-out; }
1634
 
1635
  /**************** Premium Modal Box ****************/
1636
  /***************************************************/
1646
  white-space: nowrap;
1647
  vertical-align: middle;
1648
  -ms-touch-action: manipulation;
1649
+ touch-action: manipulation;
1650
  cursor: pointer;
1651
  -webkit-user-select: none;
1652
+ -moz-user-select: none;
1653
+ -ms-user-select: none;
1654
+ user-select: none;
1655
  background-image: none;
1656
  border: 1px solid transparent; }
1657
 
1680
  line-height: 1;
1681
  color: #000; }
1682
  .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1683
+ color: #000;
1684
+ text-decoration: none;
1685
+ cursor: pointer; }
1686
 
1687
  button.premium-modal-box-modal-close {
1688
  -webkit-appearance: none;
1705
  background: rgba(0, 0, 0, 0.5);
1706
  -webkit-box-align: center;
1707
  -webkit-align-items: center;
1708
+ -moz-box-align: center;
1709
+ -ms-flex-align: center;
1710
+ align-items: center;
1711
  -webkit-box-pack: center;
1712
  -webkit-justify-content: center;
1713
+ -moz-box-pack: center;
1714
+ -ms-flex-pack: center;
1715
+ justify-content: center; }
1716
  .premium-modal-box-modal .premium-modal-box-modal-dialog {
1717
+ position: absolute;
1718
+ max-height: -webkit-calc(100vh - 150px);
1719
+ max-height: calc(100vh - 150px);
1720
+ -js-display: flex;
1721
+ display: -webkit-box;
1722
+ display: -webkit-flex;
1723
+ display: -moz-box;
1724
+ display: -ms-flexbox;
1725
+ display: flex;
1726
+ -webkit-box-orient: vertical;
1727
+ -webkit-box-direction: normal;
1728
+ -webkit-flex-direction: column;
1729
+ -moz-box-orient: vertical;
1730
+ -moz-box-direction: normal;
1731
+ -ms-flex-direction: column;
1732
+ flex-direction: column;
1733
+ opacity: 0; }
1734
 
1735
  .premium-modal-box-modal-content {
1736
  background-color: #fff;
1774
  display: flex;
1775
  -webkit-box-pack: justify;
1776
  -webkit-justify-content: space-between;
1777
+ -moz-box-pack: justify;
1778
+ -ms-flex-pack: justify;
1779
+ justify-content: space-between;
1780
  -webkit-box-align: center;
1781
  -webkit-align-items: center;
1782
+ -moz-box-align: center;
1783
+ -ms-flex-align: center;
1784
+ align-items: center;
1785
  padding: 5px 15px;
1786
  border-bottom: 1px solid #e5e5e5; }
1787
  .premium-modal-box-modal-header .premium-modal-box-modal-close {
1788
+ margin-top: -2px; }
1789
  .premium-modal-box-modal-header .premium-modal-box-modal-title {
1790
+ -js-display: flex;
1791
+ display: -webkit-box;
1792
+ display: -webkit-flex;
1793
+ display: -moz-box;
1794
+ display: -ms-flexbox;
1795
+ display: flex;
1796
+ -webkit-box-align: center;
1797
+ -webkit-align-items: center;
1798
+ -moz-box-align: center;
1799
+ -ms-flex-align: center;
1800
+ align-items: center;
1801
+ margin: 0;
1802
+ padding: 0; }
1803
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
1804
+ width: 50px;
1805
+ height: 60px; }
1806
 
1807
  .premium-modal-box-modal-body {
1808
  position: relative;
1868
 
1869
  @media (min-width: 768px) {
1870
  .premium-modal-box-modal-dialog {
1871
+ width: 700px;
1872
+ max-height: 600px;
1873
+ overflow: auto; } }
1874
 
1875
  @media (max-width: 767px) {
1876
  .premium-modal-box-modal-dialog {
1877
+ width: 100%;
1878
+ max-height: 500px;
1879
+ overflow: auto; } }
1880
 
1881
  .premium-modal-box-container[data-modal-animation*="animated-"] {
1882
  opacity: 0; }
1894
  margin-bottom: 50px;
1895
  background-color: #f5f5f5;
1896
  -webkit-border-radius: 4px;
1897
+ border-radius: 4px;
1898
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1899
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
1900
  .premium-progressbar-bar-wrap.premium-progressbar-dots {
1901
+ background-color: transparent;
1902
+ width: 100%;
1903
+ -js-display: flex;
1904
+ display: -webkit-box;
1905
+ display: -webkit-flex;
1906
+ display: -moz-box;
1907
+ display: -ms-flexbox;
1908
+ display: flex;
1909
+ height: auto;
1910
+ -webkit-box-shadow: none;
1911
+ box-shadow: none; }
1912
  .premium-progressbar-bar-wrap .progress-segment {
1913
+ position: relative;
1914
+ width: 25px;
1915
+ height: 25px;
1916
+ -webkit-border-radius: 50%;
1917
+ border-radius: 50%;
1918
+ overflow: hidden;
1919
+ background-color: #f5f5f5; }
1920
+ .premium-progressbar-bar-wrap .progress-segment.filled {
1921
+ background: #6ec1e4; }
1922
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
1923
+ margin: 0 4px; }
1924
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
1925
+ margin-right: 4px; }
1926
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
1927
+ margin-left: 4px; }
1928
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
1929
+ position: absolute;
1930
+ top: 0;
1931
+ left: 0;
1932
+ height: 100%;
1933
+ background-color: #6ec1e4; }
1934
 
1935
  .premium-progressbar-bar {
1936
  float: left;
1941
  background: #6ec1e4;
1942
  text-align: center;
1943
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1944
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
1945
 
1946
  .premium-progressbar-striped .premium-progressbar-bar {
1947
  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);
1948
  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);
1949
  -webkit-background-size: 40px 40px;
1950
+ background-size: 40px 40px; }
1951
 
1952
  .premium-progressbar-active .premium-progressbar-bar {
1953
  -webkit-animation: progress-bar-stripes 2s linear infinite;
1954
+ animation: progress-bar-stripes 2s linear infinite; }
1955
 
1956
  .premium-progressbar-gradient .premium-progressbar-bar {
1957
  -webkit-background-size: 400% 400% !important;
1958
+ background-size: 400% 400% !important;
1959
  -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
1960
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
1961
 
1962
  .premium-progressbar-bar {
1963
  position: absolute;
1984
  top: 0;
1985
  right: 0;
1986
  -webkit-transform: translateX(-12.5px);
1987
+ -ms-transform: translateX(-12.5px);
1988
+ transform: translateX(-12.5px);
1989
  z-index: 1; }
1990
 
1991
  .premium-progressbar-multiple-label {
2005
  border-right: 7px solid transparent;
2006
  border-top: 11px solid;
2007
  -webkit-transform: translateX(-50%);
2008
+ -ms-transform: translateX(-50%);
2009
+ transform: translateX(-50%); }
2010
 
2011
  .premium-progressbar-pin {
2012
  border-left: 1px solid;
2014
  left: 50%;
2015
  display: inline-block; }
2016
 
2017
+ /**
2018
+ * Circle Progress Bar
2019
  */
2020
  .premium-progressbar-circle-wrap {
2021
  width: 200px;
2023
  position: relative;
2024
  margin: 0 auto; }
2025
  .premium-progressbar-circle-wrap .premium-progressbar-circle {
2026
+ position: absolute;
2027
+ top: 0;
2028
+ left: 0;
2029
+ width: 100%;
2030
+ height: 100%;
2031
+ -webkit-clip-path: inset(0 0 0 50%);
2032
+ clip-path: inset(0 0 0 50%); }
2033
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2034
+ position: absolute;
2035
+ left: 0;
2036
+ top: 0;
2037
+ height: 100%;
2038
+ width: 100%;
2039
+ border-width: 6px;
2040
+ border-style: solid;
2041
+ border-color: #54595f;
2042
+ -webkit-border-radius: 50%;
2043
+ border-radius: 50%;
2044
+ -webkit-clip-path: inset(0 50% 0 0);
2045
+ clip-path: inset(0 50% 0 0); }
2046
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2047
+ -webkit-transform: rotate(0);
2048
+ -ms-transform: rotate(0);
2049
+ transform: rotate(0); }
2050
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2051
+ -webkit-transform: rotate(180deg);
2052
+ -ms-transform: rotate(180deg);
2053
+ transform: rotate(180deg);
2054
+ visibility: hidden; }
2055
  .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2056
+ width: 100%;
2057
+ height: 100%;
2058
+ border: 6px solid #eee;
2059
+ -webkit-border-radius: 50%;
2060
+ border-radius: 50%; }
2061
  .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2062
+ position: absolute;
2063
+ top: 0;
2064
+ left: 0;
2065
+ width: 100%;
2066
+ height: 100%;
2067
+ -js-display: flex;
2068
+ display: -webkit-box;
2069
+ display: -webkit-flex;
2070
+ display: -moz-box;
2071
+ display: -ms-flexbox;
2072
+ display: flex;
2073
+ -webkit-box-orient: vertical;
2074
+ -webkit-box-direction: normal;
2075
+ -webkit-flex-direction: column;
2076
+ -moz-box-orient: vertical;
2077
+ -moz-box-direction: normal;
2078
+ -ms-flex-direction: column;
2079
+ flex-direction: column;
2080
+ -webkit-box-pack: center;
2081
+ -webkit-justify-content: center;
2082
+ -moz-box-pack: center;
2083
+ -ms-flex-pack: center;
2084
+ justify-content: center;
2085
+ -webkit-box-align: center;
2086
+ -webkit-align-items: center;
2087
+ -moz-box-align: center;
2088
+ -ms-flex-align: center;
2089
+ align-items: center; }
2090
  .premium-progressbar-circle-wrap .premium-lottie-animation {
2091
+ line-height: 1; }
2092
 
2093
  @-webkit-keyframes progress-bar-stripes {
2094
  from {
2095
+ background-position: 0 0; }
2096
  to {
2097
+ background-position: 40px 0; } }
2098
 
2099
  @keyframes progress-bar-stripes {
2100
  from {
2101
+ background-position: 0 0; }
2102
  to {
2103
+ background-position: 40px 0; } }
2104
 
2105
  @-webkit-keyframes progress-bar-gradient {
2106
  0% {
2107
+ background-position: 0% 50%; }
2108
  50% {
2109
+ background-position: 100% 50%; }
2110
  100% {
2111
+ background-position: 0% 50%; } }
2112
 
2113
  @keyframes progress-bar-gradient {
2114
  0% {
2115
+ background-position: 0% 50%; }
2116
  50% {
2117
+ background-position: 100% 50%; }
2118
  100% {
2119
+ background-position: 0% 50%; } }
2120
 
2121
  /**************** Premium Testimonials ****************/
2122
  /******************************************************/
2126
  -webkit-transition: all 0.3s ease-in-out;
2127
  transition: all 0.3s ease-in-out; }
2128
  .premium-testimonial-box .premium-testimonial-author-info {
2129
+ -js-display: flex;
2130
+ display: -webkit-box;
2131
+ display: -webkit-flex;
2132
+ display: -moz-box;
2133
+ display: -ms-flexbox;
2134
+ display: flex;
2135
+ -webkit-box-pack: center;
2136
+ -webkit-justify-content: center;
2137
+ -moz-box-pack: center;
2138
+ -ms-flex-pack: center;
2139
+ justify-content: center;
2140
+ -webkit-box-align: center;
2141
+ -webkit-align-items: center;
2142
+ -moz-box-align: center;
2143
+ -ms-flex-align: center;
2144
+ align-items: center; }
2145
  .premium-testimonial-box .premium-testimonial-person-name,
2146
  .premium-testimonial-box .premium-testimonial-company-name {
2147
+ font-weight: 600;
2148
+ margin: 0; }
2149
 
2150
  .premium-testimonial-container {
2151
  position: relative; }
2156
  overflow: hidden;
2157
  border-style: solid !important; }
2158
  .premium-testimonial-img-wrapper.circle {
2159
+ -webkit-border-radius: 50%;
2160
+ border-radius: 50%; }
2161
  .premium-testimonial-img-wrapper.rounded {
2162
+ -webkit-border-radius: 15px;
2163
+ border-radius: 15px; }
2164
  .premium-testimonial-img-wrapper img {
2165
+ -o-object-fit: cover;
2166
+ object-fit: cover;
2167
+ width: 100%;
2168
+ height: 100% !important; }
2169
 
2170
  .premium-testimonial-content-wrapper {
2171
  position: relative;
2178
  -webkit-box-orient: vertical;
2179
  -webkit-box-direction: normal;
2180
  -webkit-flex-direction: column;
2181
+ -moz-box-orient: vertical;
2182
+ -moz-box-direction: normal;
2183
+ -ms-flex-direction: column;
2184
+ flex-direction: column;
2185
  z-index: 2;
2186
  width: 100%;
2187
  padding: 20px;
2204
  margin: 0;
2205
  display: inline-block;
2206
  -webkit-transform: translate(0, 0);
2207
+ -ms-transform: translate(0, 0);
2208
+ transform: translate(0, 0); }
2209
 
2210
  .premium-dual-header-first-clip .premium-dual-header-first-span,
2211
  .premium-dual-header-second-clip {
2222
  @media (max-width: 500px) {
2223
  .premium-dual-header-container .premium-dual-header-first-header,
2224
  .premium-dual-header-container .premium-dual-header-second-header {
2225
+ display: block;
2226
+ word-wrap: break-word; }
2227
  .premium-dual-header-first-container,
2228
  .premium-dual-header-second-container {
2229
+ margin: 0; } }
2230
 
2231
  @media (min-width: 501px) {
2232
  .premium-dual-header-first-container {
2233
+ margin-right: 5px; } }
2234
 
2235
  .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2236
  .premium-dual-header-second-header.gradient {
2237
  -webkit-background-size: 300% 300% !important;
2238
+ background-size: 300% 300% !important;
2239
  -webkit-animation: Gradient 10s ease-in-out infinite;
2240
+ animation: Gradient 10s ease-in-out infinite; }
2241
 
2242
  @-webkit-keyframes Gradient {
2243
  0% {
2244
+ background-position: 0% 50%; }
2245
  50% {
2246
+ background-position: 100% 50%; }
2247
  100% {
2248
+ background-position: 0% 50%; } }
2249
 
2250
  @keyframes Gradient {
2251
  0% {
2252
+ background-position: 0% 50%; }
2253
  50% {
2254
+ background-position: 100% 50%; }
2255
  100% {
2256
+ background-position: 0% 50%; } }
2257
 
2258
  /**************** Premium Title ****************/
2259
  /***********************************************/
2262
  width: 100%;
2263
  clear: both; }
2264
  .premium-title-container .premium-title-header {
2265
+ position: relative;
2266
+ margin: 0;
2267
+ padding: 10px; }
2268
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2269
+ -webkit-box-align: center;
2270
+ -webkit-align-items: center;
2271
+ -moz-box-align: center;
2272
+ -ms-flex-align: center;
2273
+ align-items: center; }
2274
+ .premium-title-container .premium-title-header svg {
2275
+ width: 40px;
2276
+ height: 40px; }
2277
+ .premium-title-container .premium-title-header img {
2278
+ width: 40px;
2279
+ height: 40px;
2280
+ -o-object-fit: cover;
2281
+ object-fit: cover; }
2282
+ .premium-title-container .premium-title-header a {
2283
+ position: absolute;
2284
+ top: 0;
2285
+ left: 0;
2286
+ width: 100%;
2287
+ height: 100%; }
2288
  .premium-title-container .premium-lottie-animation {
2289
+ -js-display: flex;
2290
+ display: -webkit-box;
2291
+ display: -webkit-flex;
2292
+ display: -moz-box;
2293
+ display: -ms-flexbox;
2294
+ display: flex; }
2295
 
2296
  .premium-title-icon-row .premium-title-icon {
2297
  margin-right: 10px; }
2331
  -webkit-box-orient: vertical;
2332
  -webkit-box-direction: normal;
2333
  -webkit-flex-direction: column;
2334
+ -moz-box-orient: vertical;
2335
+ -moz-box-direction: normal;
2336
+ -ms-flex-direction: column;
2337
+ flex-direction: column; }
2338
  .premium-title-style7 .premium-title-style7-inner {
2339
+ -js-display: flex;
2340
+ display: -webkit-box;
2341
+ display: -webkit-flex;
2342
+ display: -moz-box;
2343
+ display: -ms-flexbox;
2344
+ display: flex;
2345
+ -webkit-box-align: center;
2346
+ -webkit-align-items: center;
2347
+ -moz-box-align: center;
2348
+ -ms-flex-align: center;
2349
+ align-items: center; }
2350
 
2351
  .premium-title-style1 {
2352
  border-left: 3px solid #6ec1e4; }
2377
 
2378
  .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2379
  -webkit-background-size: 125px 125px !important;
2380
+ background-size: 125px !important;
2381
  color: rgba(255, 255, 255, 0);
2382
  -webkit-background-clip: text !important;
2383
+ background-clip: text !important;
2384
  -webkit-animation-name: shining_title !important;
2385
+ animation-name: shining_title !important;
2386
  -webkit-animation-duration: var(--animation-speed) !important;
2387
+ animation-duration: var(--animation-speed) !important;
2388
  -webkit-animation-iteration-count: infinite !important;
2389
+ animation-iteration-count: infinite !important;
2390
  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; }
2391
 
2392
  @-webkit-keyframes shining_title {
2393
  0% {
2394
+ background-position: 0%; }
2395
  100% {
2396
+ background-position: 200%; } }
2397
 
2398
  @keyframes shining_title {
2399
  0% {
2400
+ background-position: 0%; }
2401
  100% {
2402
+ background-position: 200%; } }
2403
 
2404
  .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2405
  -webkit-animation: premium_blurshadow 2s 1 alternate;
2406
+ animation: premium_blurshadow 2s 1 alternate; }
2407
 
2408
  @-webkit-keyframes premium_blurshadow {
2409
  from {
2410
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2411
+ color: transparent; }
2412
  to {
2413
+ text-shadow: 0; } }
2414
 
2415
  @keyframes premium_blurshadow {
2416
  from {
2417
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2418
+ color: transparent; }
2419
  to {
2420
+ text-shadow: 0; } }
2421
 
2422
+ /*
2423
+ * Common Title/Dual Heading
2424
  */
2425
  .premium-title-bg-text:before {
2426
  position: absolute;
2433
  /***********************************************/
2434
  .premium-video-box-transform {
2435
  -webkit-transform: none !important;
2436
+ -ms-transform: none !important;
2437
+ transform: none !important; }
2438
 
2439
  .premium-video-box-container > div {
2440
  position: relative; }
2478
  z-index: 2;
2479
  cursor: pointer;
2480
  -webkit-transform: translate(-50%, -50%);
2481
+ -ms-transform: translate(-50%, -50%);
2482
+ transform: translate(-50%, -50%);
2483
  background: rgba(252, 252, 252, 0.35); }
2484
 
2485
  .premium-video-box-description-container {
2489
  text-align: center;
2490
  cursor: pointer;
2491
  -webkit-transform: translate(-50%, -50%);
2492
+ -ms-transform: translate(-50%, -50%);
2493
+ transform: translate(-50%, -50%); }
2494
 
2495
  .premium-video-box-text {
2496
  margin-bottom: 0 !important;
2500
  .premium-video-box-play-icon {
2501
  padding: 15px;
2502
  -webkit-transform: translateX(4%);
2503
+ -ms-transform: translateX(4%);
2504
+ transform: translateX(4%);
2505
  -webkit-transition: all 0.3s ease-in-out;
2506
  transition: all 0.3s ease-in-out; }
2507
 
2538
  border: none;
2539
  background-color: #000;
2540
  -o-object-fit: contain;
2541
+ object-fit: contain; }
2542
 
2543
  .premium-video-box-container .premium-video-box-vimeo-wrap {
2544
  -js-display: flex;
2564
  margin-right: 1px;
2565
  -webkit-box-flex: 1;
2566
  -webkit-flex: 1 0 auto;
2567
+ -moz-box-flex: 1;
2568
+ -ms-flex: 1 0 auto;
2569
+ flex: 1 0 auto;
2570
  padding: 0; }
2571
 
2572
  .premium-video-box-vimeo-portrait img {
2576
  padding: 0;
2577
  border: 0;
2578
  -webkit-border-radius: 50%;
2579
+ border-radius: 50%; }
2580
 
2581
  .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2582
  font-size: 10px; }
2612
  display: -ms-flexbox;
2613
  display: flex;
2614
  -webkit-flex-wrap: wrap;
2615
+ -ms-flex-wrap: wrap;
2616
+ flex-wrap: wrap; }
2617
  .premium-video-box-playlist-container .premium-video-box-container {
2618
+ height: 100%;
2619
+ overflow: hidden; }
2620
 
2621
  .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2622
  -webkit-transform: scale(1.1);
2623
+ -ms-transform: scale(1.1);
2624
+ transform: scale(1.1); }
2625
 
2626
  .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2627
  -webkit-transform: scale(1);
2628
+ -ms-transform: scale(1);
2629
+ transform: scale(1); }
2630
 
2631
  .premium-video-box-container:hover .premium-video-box-image-container.scale {
2632
  -webkit-transform: scale(1.3) rotate(5deg);
2633
+ -ms-transform: scale(1.3) rotate(5deg);
2634
+ transform: scale(1.3) rotate(5deg); }
2635
 
2636
  .premium-video-box-container:hover .premium-video-box-image-container.gray {
2637
  -webkit-filter: grayscale(0%);
2638
+ filter: grayscale(0%); }
2639
 
2640
  .premium-video-box-container:hover .premium-video-box-image-container.blur {
2641
  -webkit-filter: blur(3px);
2642
+ filter: blur(3px); }
2643
 
2644
  .premium-video-box-container:hover .premium-video-box-image-container.sepia {
2645
  -webkit-filter: sepia(0%);
2646
+ filter: sepia(0%); }
2647
 
2648
  .premium-video-box-container:hover .premium-video-box-image-container.trans {
2649
  -webkit-transform: translateX(0px) scale(1.1);
2650
+ -ms-transform: translateX(0px) scale(1.1);
2651
+ transform: translateX(0px) scale(1.1); }
2652
 
2653
  .premium-video-box-container:hover .premium-video-box-image-container.bright {
2654
  -webkit-filter: brightness(1.2);
2655
+ filter: brightness(1.2); }
2656
 
2657
  .premium-video-box-image-container.gray {
2658
  -webkit-filter: grayscale(100%);
2659
+ filter: grayscale(100%); }
2660
 
2661
  .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
2662
  -webkit-transform: scale(1.2);
2663
+ -ms-transform: scale(1.2);
2664
+ transform: scale(1.2); }
2665
 
2666
  .premium-video-box-image-container.sepia {
2667
  -webkit-filter: sepia(30%);
2668
+ filter: sepia(30%); }
2669
 
2670
  .premium-video-box-image-container.bright {
2671
  -webkit-filter: brightness(1);
2672
+ filter: brightness(1); }
2673
 
2674
  .premium-video-box-image-container.trans {
2675
  -webkit-transform: translateX(-15px) scale(1.1);
2676
+ -ms-transform: translateX(-15px) scale(1.1);
2677
+ transform: translateX(-15px) scale(1.1); }
2678
 
2679
  .premium-video-box-mask-media {
2680
  -webkit-mask-repeat: no-repeat;
2681
+ mask-repeat: no-repeat; }
2682
 
2683
  /* Sticky Video Option */
2684
  .premium-video-box-container.premium-video-box-sticky-apply {
2685
  z-index: 99;
2686
  overflow: unset; }
2687
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
2688
+ position: fixed !important;
2689
+ z-index: 99999;
2690
+ height: 225px;
2691
+ width: 400px;
2692
+ background: #fff; }
2693
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
2694
  .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
2695
+ visibility: hidden; }
2696
  .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 {
2697
+ -webkit-box-shadow: unset;
2698
+ box-shadow: unset; }
2699
 
2700
  .premium-video-box-sticky-close,
2701
  .premium-video-box-sticky-infobar {
2709
  height: 14px;
2710
  width: 14px;
2711
  -webkit-box-sizing: content-box;
2712
+ -moz-box-sizing: content-box;
2713
+ box-sizing: content-box;
2714
  -webkit-border-radius: 100%;
2715
+ border-radius: 100%;
2716
  -js-display: flex;
2717
  display: -webkit-box;
2718
  display: -webkit-flex;
2721
  display: flex;
2722
  -webkit-box-pack: center;
2723
  -webkit-justify-content: center;
2724
+ -moz-box-pack: center;
2725
+ -ms-flex-pack: center;
2726
+ justify-content: center;
2727
  -webkit-box-align: center;
2728
  -webkit-align-items: center;
2729
+ -moz-box-align: center;
2730
+ -ms-flex-align: center;
2731
+ align-items: center; }
2732
 
2733
  .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
2734
  -js-display: flex;
2790
  left: 20px;
2791
  top: 50%;
2792
  -webkit-transform: translateY(-50%);
2793
+ -ms-transform: translateY(-50%);
2794
+ transform: translateY(-50%); }
2795
 
2796
  .premium-video-sticky-center-right
2797
  .premium-video-box-container.premium-video-box-sticky-apply
2800
  right: 20px;
2801
  top: 50%;
2802
  -webkit-transform: translateY(-50%);
2803
+ -ms-transform: translateY(-50%);
2804
+ transform: translateY(-50%); }
2805
 
2806
  .premium-video-sticky-bottom-right
2807
  .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
2825
 
2826
  .premium-video-box-filter-sticky {
2827
  -webkit-filter: none !important;
2828
+ filter: none !important; }
2829
 
2830
  /**************** Premium Blog *****************/
2831
  /***********************************************/
2852
  overflow: hidden; }
2853
  .premium-blog-thumbnail-container img,
2854
  .premium-blog-thumbnail-container .below-entry-meta {
2855
+ width: 100%;
2856
+ height: 100%;
2857
+ margin: 0 !important;
2858
+ -webkit-transition: all 0.4s ease-in-out;
2859
+ transition: all 0.4s ease-in-out; }
2860
 
2861
  .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
2862
  .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
2863
  -webkit-transform: scale(1.2);
2864
+ -ms-transform: scale(1.2);
2865
+ transform: scale(1.2); }
2866
 
2867
  .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
2868
  -webkit-filter: sepia(30%);
2869
+ filter: sepia(30%); }
2870
 
2871
  .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
2872
  -webkit-filter: brightness(1);
2873
+ filter: brightness(1); }
2874
 
2875
  .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
2876
  -webkit-transform: translateX(-15px) scale(1.1);
2877
+ -ms-transform: translateX(-15px) scale(1.1);
2878
+ transform: translateX(-15px) scale(1.1); }
2879
 
2880
  .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
2881
  -webkit-transform: scale(1.2);
2882
+ -ms-transform: scale(1.2);
2883
+ transform: scale(1.2); }
2884
 
2885
  .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
2886
  -webkit-transform: scale(1.1);
2887
+ -ms-transform: scale(1.1);
2888
+ transform: scale(1.1); }
2889
 
2890
  .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
2891
  -webkit-transform: scale(1.3) rotate(5deg);
2892
+ -ms-transform: scale(1.3) rotate(5deg);
2893
+ transform: scale(1.3) rotate(5deg); }
2894
 
2895
  .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
2896
  -webkit-filter: grayscale(100%);
2897
+ filter: grayscale(100%); }
2898
 
2899
  .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
2900
  -webkit-filter: blur(3px);
2901
+ filter: blur(3px); }
2902
 
2903
  .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
2904
  -webkit-filter: sepia(0%);
2905
+ filter: sepia(0%); }
2906
 
2907
  .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
2908
  -webkit-filter: brightness(1.2);
2909
+ filter: brightness(1.2); }
2910
 
2911
  .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
2912
  -webkit-transform: translateX(0px) scale(1.1);
2913
+ -ms-transform: translateX(0px) scale(1.1);
2914
+ transform: translateX(0px) scale(1.1); }
2915
 
2916
  .premium-blog-post-container {
2917
  overflow: hidden; }
2918
  .premium-blog-post-container .premium-blog-inner-container {
2919
+ -js-display: flex;
2920
+ display: -webkit-box;
2921
+ display: -webkit-flex;
2922
+ display: -moz-box;
2923
+ display: -ms-flexbox;
2924
+ display: flex; }
2925
  .premium-blog-post-container .premium-blog-post-content {
2926
+ line-height: 1.5em;
2927
+ color: #777;
2928
+ font-size: 14px;
2929
+ margin-bottom: 10px; }
2930
  .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
2931
  .premium-blog-post-container .premium-blog-post-link:hover,
2932
  .premium-blog-post-container .premium-blog-post-link:focus {
2933
+ -webkit-box-shadow: none !important;
2934
+ box-shadow: none !important;
2935
+ outline: none !important; }
2936
  .premium-blog-post-container .premium-blog-entry-title {
2937
+ font-size: 18px;
2938
+ margin-bottom: 5px; }
2939
  .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
2940
+ position: relative;
2941
+ z-index: 3;
2942
+ top: -50px; }
2943
  .premium-blog-post-container .premium-blog-content-wrapper {
2944
+ background-color: #f5f5f5;
2945
+ padding: 30px; }
2946
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
2947
+ top: 0; }
2948
  .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 {
2949
+ position: absolute;
2950
+ content: "";
2951
+ z-index: 1;
2952
+ top: 50%;
2953
+ left: 50%;
2954
+ opacity: 0;
2955
+ -webkit-transform: translate(-50%, -50%);
2956
+ -ms-transform: translate(-50%, -50%);
2957
+ transform: translate(-50%, -50%);
2958
+ -webkit-transition: all 0.4s linear 0s;
2959
+ transition: all 0.4s linear 0s;
2960
+ height: 1px;
2961
+ width: 100%;
2962
+ background-color: #fff; }
2963
  .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
2964
+ width: 1px;
2965
+ height: 100%; }
2966
  .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 {
2967
+ width: 20px;
2968
+ opacity: 1; }
2969
  .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 {
2970
+ height: 20px;
2971
+ opacity: 1; }
2972
  .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
2973
+ margin: 0px 10px 20px;
2974
+ clear: both; }
2975
  .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 {
2976
+ position: absolute;
2977
+ top: 0;
2978
+ left: 0;
2979
+ width: 100%;
2980
+ height: 100%;
2981
+ -webkit-transition: all 0.3s ease-in-out;
2982
+ transition: all 0.3s ease-in-out;
2983
+ opacity: 0; }
2984
+ .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 {
2985
+ -js-display: flex;
2986
+ display: -webkit-box;
2987
+ display: -webkit-flex;
2988
+ display: -moz-box;
2989
+ display: -ms-flexbox;
2990
+ display: flex;
2991
+ -webkit-box-pack: center;
2992
+ -webkit-justify-content: center;
2993
+ -moz-box-pack: center;
2994
+ -ms-flex-pack: center;
2995
+ justify-content: center;
2996
+ -webkit-box-align: center;
2997
+ -webkit-align-items: center;
2998
+ -moz-box-align: center;
2999
+ -ms-flex-align: center;
3000
+ align-items: center;
3001
+ width: 100%;
3002
+ height: 100%; }
3003
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3004
+ .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,
3005
+ .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,
3006
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3007
+ -webkit-transition: all 0.3s ease-in-out;
3008
+ transition: all 0.3s ease-in-out; }
3009
  .premium-blog-post-container.premium-blog-skin-side {
3010
+ -js-display: flex;
3011
+ display: -webkit-box;
3012
+ display: -webkit-flex;
3013
+ display: -moz-box;
3014
+ display: -ms-flexbox;
3015
+ display: flex; }
3016
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3017
+ height: 100%; }
3018
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3019
+ -webkit-box-flex: 1;
3020
+ -webkit-flex: 1;
3021
+ -moz-box-flex: 1;
3022
+ -ms-flex: 1;
3023
+ flex: 1; }
3024
  .premium-blog-post-container.premium-blog-skin-banner {
3025
+ position: relative; }
3026
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3027
+ position: absolute;
3028
+ width: 100%;
3029
+ bottom: 0;
3030
+ -js-display: flex;
3031
+ display: -webkit-box;
3032
+ display: -webkit-flex;
3033
+ display: -moz-box;
3034
+ display: -ms-flexbox;
3035
+ display: flex;
3036
+ -webkit-box-orient: vertical;
3037
+ -webkit-box-direction: normal;
3038
+ -webkit-flex-direction: column;
3039
+ -moz-box-orient: vertical;
3040
+ -moz-box-direction: normal;
3041
+ -ms-flex-direction: column;
3042
+ flex-direction: column;
3043
+ background-color: transparent;
3044
+ z-index: 3; }
3045
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3046
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3047
+ transition: -webkit-transform 0.3s ease-in-out;
3048
+ transition: transform 0.3s ease-in-out;
3049
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3050
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3051
+ -webkit-transform: translateY(-5px);
3052
+ -ms-transform: translateY(-5px);
3053
+ transform: translateY(-5px); }
3054
  .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3055
+ margin: 0;
3056
+ padding: 0;
3057
+ list-style: none;
3058
+ -js-display: flex;
3059
+ display: -webkit-box;
3060
+ display: -webkit-flex;
3061
+ display: -moz-box;
3062
+ display: -ms-flexbox;
3063
+ display: flex; }
3064
  .premium-blog-post-container .premium-blog-cats-container a {
3065
+ display: block;
3066
+ font-size: 12px;
3067
+ color: #fff;
3068
+ background-color: #777;
3069
+ margin: 0 3px 10px 0;
3070
+ padding: 5px;
3071
+ -webkit-transition: all 0.3s ease-in-out;
3072
+ transition: all 0.3s ease-in-out; }
3073
+
3074
+ /*
3075
+ * Diagonal Effect
3076
  */
3077
  .premium-blog-diagonal-container {
3078
  position: absolute;
3091
  z-index: 1;
3092
  background: rgba(255, 255, 255, 0.2);
3093
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3094
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3095
  -webkit-transition: all 0.3s linear 0s;
3096
  transition: all 0.3s linear 0s; }
3097
 
3098
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3099
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3100
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3101
 
3102
+ /*
3103
+ * Framed Effect
3104
  */
3105
  .premium-blog-framed-effect {
3106
  position: absolute;
3112
  left: 15px;
3113
  opacity: 0;
3114
  -webkit-transform: scale(0.3);
3115
+ -ms-transform: scale(0.3);
3116
+ transform: scale(0.3);
3117
  -webkit-transition: all 0.3s linear 0s;
3118
  transition: all 0.3s linear 0s; }
3119
 
3120
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3121
  opacity: 0.99;
3122
  -webkit-transform: scale(1);
3123
+ -ms-transform: scale(1);
3124
+ transform: scale(1); }
3125
 
3126
+ /*
3127
+ * Bordered Effect
3128
  */
3129
  .premium-blog-bordered-effect {
3130
  position: absolute;
3137
  -webkit-transition: all 0.3s linear 0s;
3138
  transition: all 0.3s linear 0s; }
3139
  .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3140
+ content: "";
3141
+ display: block;
3142
+ position: absolute;
3143
+ top: 0;
3144
+ left: 0;
3145
+ width: 100%;
3146
+ height: 100%;
3147
+ -webkit-transition: all 0.5s linear 0s;
3148
+ transition: all 0.5s linear 0s;
3149
+ -webkit-transition-delay: 0s;
3150
+ transition-delay: 0s;
3151
+ border-color: rgba(255, 255, 255, 0.45); }
3152
  .premium-blog-bordered-effect .premium-blog-post-link:before {
3153
+ border-right: 2px solid;
3154
+ border-left: 2px solid;
3155
+ -webkit-transform: scale(1, 0);
3156
+ -ms-transform: scale(1, 0);
3157
+ transform: scale(1, 0);
3158
+ -webkit-transform-origin: 100% 0;
3159
+ -ms-transform-origin: 100% 0;
3160
+ transform-origin: 100% 0; }
3161
  .premium-blog-bordered-effect .premium-blog-post-link:after {
3162
+ border-top: 2px solid;
3163
+ border-bottom: 2px solid;
3164
+ -webkit-transform: scale(0, 1);
3165
+ -ms-transform: scale(0, 1);
3166
+ transform: scale(0, 1);
3167
+ -webkit-transform-origin: 0 0;
3168
+ -ms-transform-origin: 0 0;
3169
+ transform-origin: 0 0; }
3170
 
3171
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3172
  opacity: 0.99; }
3173
  .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 {
3174
+ -webkit-transition-delay: 0.15s;
3175
+ transition-delay: 0.15s;
3176
+ opacity: 1;
3177
+ -webkit-transform: scale(1);
3178
+ -ms-transform: scale(1);
3179
+ transform: scale(1); }
3180
+
3181
+ /*
3182
+ * Squares Effect
3183
  */
3184
  .premium-blog-squares-effect,
3185
  .premium-blog-squares-square-container {
3197
  width: 50%;
3198
  height: 50%;
3199
  -webkit-transform: translate(-100%, -100%);
3200
+ -ms-transform: translate(-100%, -100%);
3201
+ transform: translate(-100%, -100%);
3202
  opacity: 0.7;
3203
  -webkit-transition: all 0.3s linear 0s;
3204
  transition: all 0.3s linear 0s; }
3211
  width: 50%;
3212
  height: 50%;
3213
  -webkit-transform: translate(-100%, -100%);
3214
+ -ms-transform: translate(-100%, -100%);
3215
+ transform: translate(-100%, -100%);
3216
  opacity: 0.7;
3217
  -webkit-transition: all 0.3s linear 0s;
3218
  transition: all 0.3s linear 0s; }
3222
 
3223
  .premium-blog-squares-effect:after {
3224
  -webkit-transform: translate(200%, 200%);
3225
+ -ms-transform: translate(200%, 200%);
3226
+ transform: translate(200%, 200%); }
3227
 
3228
  .premium-blog-squares-square-container:before {
3229
  -webkit-transform: translate(-100%, 200%);
3230
+ -ms-transform: translate(-100%, 200%);
3231
+ transform: translate(-100%, 200%); }
3232
 
3233
  .premium-blog-squares-square-container:after {
3234
  -webkit-transform: translate(200%, -100%);
3235
+ -ms-transform: translate(200%, -100%);
3236
+ transform: translate(200%, -100%); }
3237
 
3238
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3239
  -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3240
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3241
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3242
 
3243
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3244
  -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3245
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3246
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3247
 
3248
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3249
  -webkit-transform: translate(0, 100%);
3250
+ -ms-transform: translate(0, 100%);
3251
+ transform: translate(0, 100%); }
3252
 
3253
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3254
  -webkit-transform: translate(100%, 0%);
3255
+ -ms-transform: translate(100%, 0%);
3256
+ transform: translate(100%, 0%); }
3257
 
3258
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3259
  opacity: 1; }
3260
  .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3261
+ opacity: 1;
3262
+ -webkit-transform: scale(1);
3263
+ -ms-transform: scale(1);
3264
+ transform: scale(1); }
3265
 
3266
  .premium-blog-clear-fix {
3267
  clear: both; }
3279
  margin-bottom: 13px;
3280
  color: #adadad; }
3281
  .premium-blog-entry-meta i {
3282
+ margin-right: 3px;
3283
+ -webkit-transition: all 0.3s ease-in-out;
3284
+ transition: all 0.3s ease-in-out; }
3285
 
3286
  .premium-blog-meta-data {
3287
  display: inline-block; }
3288
  .premium-blog-meta-data .premium-blog-meta-separator {
3289
+ margin: 0 5px; }
3290
  .premium-blog-meta-data a,
3291
  .premium-blog-meta-data span {
3292
+ color: inherit;
3293
+ -webkit-transition: all 0.3s ease-in-out;
3294
+ transition: all 0.3s ease-in-out; }
3295
 
3296
  .premium-blog-author-thumbnail {
3297
  position: relative;
3301
  height: 0;
3302
  pointer-events: none; }
3303
  .premium-blog-author-thumbnail img {
3304
+ -webkit-border-radius: 50%;
3305
+ border-radius: 50%;
3306
+ width: 60px;
3307
+ pointer-events: all;
3308
+ -webkit-transform: translateY(-50%);
3309
+ -ms-transform: translateY(-50%);
3310
+ transform: translateY(-50%); }
3311
 
3312
  .premium-blog-entry-title a,
3313
  .premium-blog-post-tags-container a,
3333
  display: flex;
3334
  -webkit-box-align: center;
3335
  -webkit-align-items: center;
3336
+ -moz-box-align: center;
3337
+ -ms-flex-align: center;
3338
+ align-items: center;
3339
  -webkit-flex-wrap: wrap;
3340
+ -ms-flex-wrap: wrap;
3341
+ flex-wrap: wrap; }
3342
  .premium-blog-post-tags-container a {
3343
+ color: inherit;
3344
+ margin-left: 5px; }
3345
 
3346
  /*Tags align*/
3347
  .premium-blog-align-left .post-categories,
3349
  .premium-blog-align-left .premium-blog-post-tags-container {
3350
  -webkit-box-pack: start;
3351
  -webkit-justify-content: flex-start;
3352
+ -moz-box-pack: start;
3353
+ -ms-flex-pack: start;
3354
+ justify-content: flex-start; }
3355
 
3356
  .premium-blog-align-center .post-categories,
3357
  .premium-blog-align-center .premium-blog-inner-container,
3358
  .premium-blog-align-center .premium-blog-post-tags-container {
3359
  -webkit-box-pack: center;
3360
  -webkit-justify-content: center;
3361
+ -moz-box-pack: center;
3362
+ -ms-flex-pack: center;
3363
+ justify-content: center; }
3364
 
3365
  .premium-blog-align-right .post-categories,
3366
  .premium-blog-align-right .premium-blog-inner-container,
3367
  .premium-blog-align-right .premium-blog-post-tags-container {
3368
  -webkit-box-pack: end;
3369
  -webkit-justify-content: flex-end;
3370
+ -moz-box-pack: end;
3371
+ -ms-flex-pack: end;
3372
+ justify-content: flex-end; }
3373
 
3374
  /* Pagination */
3375
  .premium-blog-pagination-container {
3376
  text-align: right; }
3377
  .premium-blog-pagination-container span {
3378
+ cursor: default; }
3379
  .premium-blog-pagination-container .page-numbers {
3380
+ display: inline-block;
3381
+ color: #000;
3382
+ line-height: 1;
3383
+ font-size: 1em;
3384
+ font-weight: 400;
3385
+ text-decoration: none;
3386
+ padding: 0.75em;
3387
+ margin: 0 0.4em 0.4em 0;
3388
+ -webkit-transition: all 0.2s ease-in-out;
3389
+ transition: all 0.2s ease-in-out; }
3390
 
3391
  .premium-blog-wrap .premium-loading-feed {
3392
  display: block;
3406
  display: flex;
3407
  -webkit-box-align: center;
3408
  -webkit-align-items: center;
3409
+ -moz-box-align: center;
3410
+ -ms-flex-align: center;
3411
+ align-items: center;
3412
  z-index: 99; }
3413
 
3414
  .premium-blog-wrap {
3419
  display: -ms-flexbox;
3420
  display: flex;
3421
  -webkit-flex-wrap: wrap;
3422
+ -ms-flex-wrap: wrap;
3423
+ flex-wrap: wrap; }
3424
  .premium-blog-wrap ul.slick-dots {
3425
+ width: 100%; }
3426
 
3427
+ /*
3428
+ * List Layout
3429
  */
3430
  .premium-blog-list .premium-blog-post-outer-container {
3431
  width: 100%; }
3432
 
3433
+ /**
3434
+ * Even Layout
3435
  */
3436
  .premium-blog-even .premium-blog-post-container {
3437
  height: 100%; }
3447
  .premium-blog-even .slick-slide {
3448
  height: inherit !important; }
3449
 
3450
+ /**
3451
+ * Responsive Style
3452
  */
3453
  @media (max-width: 768px) {
3454
  .premium-blog-content-wrapper {
3455
+ top: 0;
3456
+ margin: 0;
3457
+ padding: 15px; }
3458
  .premium-blog-skin-side {
3459
+ -webkit-box-orient: vertical;
3460
+ -webkit-box-direction: normal;
3461
+ -webkit-flex-direction: column;
3462
+ -moz-box-orient: vertical;
3463
+ -moz-box-direction: normal;
3464
+ -ms-flex-direction: column;
3465
+ flex-direction: column; } }
3466
 
3467
  /************ Premium Team Members ************/
3468
  /*********************************************/
3473
  position: relative;
3474
  text-align: center; }
3475
  .premium-person-image-container .premium-person-image-wrap {
3476
+ overflow: hidden; }
3477
 
3478
  .premium-person-zoomout-effect .premium-person-image-container img,
3479
  .premium-person-scale-effect .premium-person-image-container img {
3480
  -webkit-transform: scale(1.2);
3481
+ -ms-transform: scale(1.2);
3482
+ transform: scale(1.2); }
3483
 
3484
  .premium-person-sepia-effect .premium-person-image-container img {
3485
  -webkit-filter: sepia(30%);
3486
+ filter: sepia(30%); }
3487
 
3488
  .premium-person-bright-effect .premium-person-image-container img {
3489
  -webkit-filter: brightness(1);
3490
+ filter: brightness(1); }
3491
 
3492
  .premium-person-trans-effect .premium-person-image-container img {
3493
  -webkit-transform: translateX(-15px) scale(1.1);
3494
+ -ms-transform: translateX(-15px) scale(1.1);
3495
+ transform: translateX(-15px) scale(1.1); }
3496
 
3497
  .premium-person-zoomin-effect:hover .premium-person-image-container img {
3498
  -webkit-transform: scale(1.2);
3499
+ -ms-transform: scale(1.2);
3500
+ transform: scale(1.2); }
3501
 
3502
  .premium-person-zoomout-effect:hover .premium-person-image-container img {
3503
  -webkit-transform: scale(1.1);
3504
+ -ms-transform: scale(1.1);
3505
+ transform: scale(1.1); }
3506
 
3507
  .premium-person-scale-effect:hover .premium-person-image-container img {
3508
  -webkit-transform: scale(1.3) rotate(5deg);
3509
+ -ms-transform: scale(1.3) rotate(5deg);
3510
+ transform: scale(1.3) rotate(5deg); }
3511
 
3512
  .premium-person-grayscale-effect:hover .premium-person-image-container img {
3513
  -webkit-filter: grayscale(100%);
3514
+ filter: grayscale(100%); }
3515
 
3516
  .premium-person-blur-effect:hover .premium-person-image-container img {
3517
  -webkit-filter: blur(3px);
3518
+ filter: blur(3px); }
3519
 
3520
  .premium-person-sepia-effect:hover .premium-person-image-container img {
3521
  -webkit-filter: sepia(0%);
3522
+ filter: sepia(0%); }
3523
 
3524
  .premium-person-bright-effect:hover .premium-person-image-container img {
3525
  -webkit-filter: brightness(1.2);
3526
+ filter: brightness(1.2); }
3527
 
3528
  .premium-person-trans-effect:hover .premium-person-image-container img {
3529
  -webkit-transform: translateX(0px) scale(1.1);
3530
+ -ms-transform: translateX(0px) scale(1.1);
3531
+ transform: translateX(0px) scale(1.1); }
3532
 
3533
  .premium-person-container .premium-person-image-container img {
3534
  width: 100%;
3535
  height: 100%;
3536
  -o-object-fit: cover;
3537
+ object-fit: cover;
3538
  -webkit-transition: all 0.5s ease-in-out;
3539
  transition: all 0.5s ease-in-out; }
3540
 
3553
  display: flex;
3554
  -webkit-box-pack: center;
3555
  -webkit-justify-content: center;
3556
+ -moz-box-pack: center;
3557
+ -ms-flex-pack: center;
3558
+ justify-content: center;
3559
  -webkit-box-align: center;
3560
  -webkit-align-items: center;
3561
+ -moz-box-align: center;
3562
+ -ms-flex-align: center;
3563
+ align-items: center;
3564
  -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3565
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3566
  -webkit-transition: all 0.5s linear 0s;
3567
  transition: all 0.5s linear 0s;
3568
  opacity: 0; }
3576
  .premium-person-style2 .premium-person-list-item a {
3577
  opacity: 0;
3578
  -webkit-transform: scale(0);
3579
+ -ms-transform: scale(0);
3580
+ transform: scale(0);
3581
  -webkit-transition: all 0.5s ease-in-out 0s;
3582
  transition: all 0.5s ease-in-out 0s; }
3583
 
3584
  .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3585
  opacity: 1;
3586
  -webkit-transform: scale(1);
3587
+ -ms-transform: scale(1);
3588
+ transform: scale(1); }
3589
 
3590
  .premium-person-info-container {
3591
  padding: 30px 15px; }
3616
  -webkit-transition: all 0.2s ease-in-out;
3617
  transition: all 0.2s ease-in-out; }
3618
  .premium-person-social-list li i {
3619
+ position: relative;
3620
+ bottom: 0px;
3621
+ -webkit-transition: all 0.2s ease-in-out;
3622
+ transition: all 0.2s ease-in-out; }
3623
 
3624
  .premium-person-defaults-yes li.premium-person-facebook:hover a {
3625
  background-color: #3b5998 !important; }
3665
 
3666
  .premium-person-social-list li:hover a {
3667
  -webkit-box-shadow: none;
3668
+ box-shadow: none; }
3669
 
3670
  .premium-person-social-list li a:focus {
3671
  -webkit-box-shadow: none;
3672
+ box-shadow: none;
3673
  outline: none; }
3674
 
3675
  .premium-person-social-list li i {
3684
  display: flex;
3685
  -webkit-box-pack: center;
3686
  -webkit-justify-content: center;
3687
+ -moz-box-pack: center;
3688
+ -ms-flex-pack: center;
3689
+ justify-content: center; }
3690
 
3691
  .premium-persons-container.multiple-persons {
3692
  -js-display: flex;
3696
  display: -ms-flexbox;
3697
  display: flex;
3698
  -webkit-flex-wrap: wrap;
3699
+ -ms-flex-wrap: wrap;
3700
+ flex-wrap: wrap;
3701
  width: 100%; }
3702
 
3703
  .premium-person-style1 .premium-person-container {
3704
  overflow: hidden; }
3705
  .premium-person-style1 .premium-person-container .premium-person-info {
3706
+ position: absolute;
3707
+ top: auto;
3708
+ right: 0;
3709
+ left: 0;
3710
+ -webkit-transition: all 500ms ease 0s;
3711
+ transition: all 500ms ease 0s;
3712
+ -webkit-transform: translate3d(0, 100%, 0);
3713
+ transform: translate3d(0, 100%, 0); }
3714
  .premium-person-style1 .premium-person-container:hover .premium-person-info {
3715
+ -webkit-transform: translate3d(0, 0, 0);
3716
+ transform: translate3d(0, 0, 0);
3717
+ bottom: -1px !important; }
3718
 
3719
  .premium-person-style1 .premium-person-social-list li:hover {
3720
  bottom: 5px; }
3722
  .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
3723
  -webkit-box-align: start;
3724
  -webkit-align-items: flex-start;
3725
+ -moz-box-align: start;
3726
+ -ms-flex-align: start;
3727
+ align-items: flex-start; }
3728
 
3729
  .premium-person-style1 .slick-track {
3730
  -js-display: flex;
3756
  -webkit-box-orient: vertical;
3757
  -webkit-box-direction: normal;
3758
  -webkit-flex-direction: column;
3759
+ -moz-box-orient: vertical;
3760
+ -moz-box-direction: normal;
3761
+ -ms-flex-direction: column;
3762
+ flex-direction: column;
3763
  -webkit-box-pack: justify;
3764
  -webkit-justify-content: space-between;
3765
+ -moz-box-pack: justify;
3766
+ -ms-flex-pack: justify;
3767
+ justify-content: space-between; }
3768
 
3769
  .premium-person-style3 .premium-person-title-desc-wrap {
3770
  -js-display: flex;
3776
  -webkit-box-orient: horizontal;
3777
  -webkit-box-direction: reverse;
3778
  -webkit-flex-direction: row-reverse;
3779
+ -moz-box-orient: horizontal;
3780
+ -moz-box-direction: reverse;
3781
+ -ms-flex-direction: row-reverse;
3782
+ flex-direction: row-reverse;
3783
  -webkit-box-pack: justify;
3784
  -webkit-justify-content: space-between;
3785
+ -moz-box-pack: justify;
3786
+ -ms-flex-pack: justify;
3787
+ justify-content: space-between;
3788
  -webkit-box-align: start;
3789
  -webkit-align-items: flex-start;
3790
+ -moz-box-align: start;
3791
+ -ms-flex-align: start;
3792
+ align-items: flex-start; }
3793
 
3794
  .premium-person-style3 .premium-person-name-icons-wrap {
3795
  -js-display: flex;
3800
  display: flex;
3801
  -webkit-box-pack: justify;
3802
  -webkit-justify-content: space-between;
3803
+ -moz-box-pack: justify;
3804
+ -ms-flex-pack: justify;
3805
+ justify-content: space-between;
3806
  -webkit-box-align: end;
3807
  -webkit-align-items: flex-end;
3808
+ -moz-box-align: end;
3809
+ -ms-flex-align: end;
3810
+ align-items: flex-end; }
3811
 
3812
  .premium-person-style3 .premium-person-title {
3813
  opacity: 0;
3815
  transition: all 0.3s ease;
3816
  width: 0; }
3817
  .premium-person-style3 .premium-person-title span {
3818
+ display: inline-block; }
3819
 
3820
  .premium-person-style3 .premium-person-name {
3821
  padding-left: 10px; }
3830
  -webkit-box-orient: vertical;
3831
  -webkit-box-direction: normal;
3832
  -webkit-flex-direction: column;
3833
+ -moz-box-orient: vertical;
3834
+ -moz-box-direction: normal;
3835
+ -ms-flex-direction: column;
3836
+ flex-direction: column;
3837
  -webkit-transform: translateY(20px);
3838
+ -ms-transform: translateY(20px);
3839
+ transform: translateY(20px);
3840
  opacity: 0;
3841
  -webkit-transition: all 0.3s ease;
3842
  transition: all 0.3s ease; }
3844
  .premium-person-style3 .premium-person-list-item {
3845
  line-height: 0; }
3846
  .premium-person-style3 .premium-person-list-item a {
3847
+ padding: 5px 10px 0 0;
3848
+ margin: 5px 0; }
3849
 
3850
  .premium-person-style3 .premium-person-container:hover .premium-person-title {
3851
  opacity: 1; }
3853
  .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
3854
  opacity: 1;
3855
  -webkit-transform: translateY(0);
3856
+ -ms-transform: translateY(0);
3857
+ transform: translateY(0); }
3858
 
3859
  .premium-persons-title-cw .premium-person-title {
3860
  -webkit-transform: translateX(15px) rotate(90deg);
3861
+ -ms-transform: translateX(15px) rotate(90deg);
3862
+ transform: translateX(15px) rotate(90deg);
3863
  -webkit-transform-origin: top;
3864
+ -ms-transform-origin: top;
3865
+ transform-origin: top; }
3866
 
3867
  .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
3868
  -webkit-transform: translateX(0) rotate(90deg);
3869
+ -ms-transform: translateX(0) rotate(90deg);
3870
+ transform: translateX(0) rotate(90deg); }
3871
 
3872
  .premium-persons-title-ccw .premium-person-title {
3873
  width: auto;
3874
  margin-right: 20px;
3875
  -webkit-transform: translateX(15px) rotate(-90deg);
3876
+ -ms-transform: translateX(15px) rotate(-90deg);
3877
+ transform: translateX(15px) rotate(-90deg);
3878
  -webkit-transform-origin: center right;
3879
+ -ms-transform-origin: center right;
3880
+ transform-origin: center right; }
3881
 
3882
  .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
3883
  -webkit-transform: translateX(0) rotate(-90deg);
3884
+ -ms-transform: translateX(0) rotate(-90deg);
3885
+ transform: translateX(0) rotate(-90deg); }
3886
 
3887
  /**************** Premium Fancy Text *******************/
3888
  /*******************************************************/
3912
  .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
3913
  opacity: 0;
3914
  -webkit-animation: pa-zoom-out 0.8s;
3915
+ animation: pa-zoom-out 0.8s; }
3916
 
3917
  .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
3918
  position: relative !important;
3919
  -webkit-animation: pa-zoom-in 0.8s;
3920
+ animation: pa-zoom-in 0.8s; }
3921
 
3922
  .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
3923
  -webkit-perspective: 300px;
3924
+ perspective: 300px; }
3925
 
3926
  .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
3927
  -webkit-transform-origin: 50% 100%;
3928
+ -ms-transform-origin: 50% 100%;
3929
+ transform-origin: 50% 100%; }
3930
 
3931
  .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
3932
  opacity: 0;
3933
  -webkit-transform: rotateX(180deg);
3934
+ transform: rotateX(180deg);
3935
  -webkit-animation: pa-rotate-out 1.2s;
3936
+ animation: pa-rotate-out 1.2s; }
3937
 
3938
  .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
3939
  position: relative !important;
3940
  -webkit-transform: rotateX(0deg);
3941
+ transform: rotateX(0deg);
3942
  -webkit-animation: pa-rotate-in 1.2s;
3943
+ animation: pa-rotate-in 1.2s; }
3944
 
3945
  .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
3946
  opacity: 0; }
3950
 
3951
  @-webkit-keyframes pa-zoom-in {
3952
  0% {
3953
+ opacity: 0;
3954
+ -webkit-transform: translateZ(100px);
3955
+ transform: translateZ(100px); }
3956
  100% {
3957
+ opacity: 1;
3958
+ -webkit-transform: translateZ(0);
3959
+ transform: translateZ(0); } }
3960
 
3961
  @keyframes pa-zoom-in {
3962
  0% {
3963
+ opacity: 0;
3964
+ -webkit-transform: translateZ(100px);
3965
+ transform: translateZ(100px); }
3966
  100% {
3967
+ opacity: 1;
3968
+ -webkit-transform: translateZ(0);
3969
+ transform: translateZ(0); } }
3970
 
3971
  @-webkit-keyframes pa-zoom-out {
3972
  0% {
3973
+ opacity: 1;
3974
+ -webkit-transform: translateZ(0);
3975
+ transform: translateZ(0); }
3976
  100% {
3977
+ opacity: 0;
3978
+ -webkit-transform: translateZ(-100px);
3979
+ transform: translateZ(-100px); } }
3980
 
3981
  @keyframes pa-zoom-out {
3982
  0% {
3983
+ opacity: 1;
3984
+ -webkit-transform: translateZ(0);
3985
+ transform: translateZ(0); }
3986
  100% {
3987
+ opacity: 0;
3988
+ -webkit-transform: translateZ(-100px);
3989
+ transform: translateZ(-100px); } }
3990
 
3991
  @-webkit-keyframes pa-rotate-in {
3992
  0% {
3993
+ opacity: 0;
3994
+ -webkit-transform: rotateX(180deg);
3995
+ transform: rotateX(180deg); }
3996
  35% {
3997
+ opacity: 0;
3998
+ -webkit-transform: rotateX(120deg);
3999
+ transform: rotateX(120deg); }
4000
  65% {
4001
+ opacity: 0; }
4002
  100% {
4003
+ opacity: 1;
4004
+ -webkit-transform: rotateX(360deg);
4005
+ transform: rotateX(360deg); } }
4006
 
4007
  @keyframes pa-rotate-in {
4008
  0% {
4009
+ opacity: 0;
4010
+ -webkit-transform: rotateX(180deg);
4011
+ transform: rotateX(180deg); }
4012
  35% {
4013
+ opacity: 0;
4014
+ -webkit-transform: rotateX(120deg);
4015
+ transform: rotateX(120deg); }
4016
  65% {
4017
+ opacity: 0; }
4018
  100% {
4019
+ opacity: 1;
4020
+ -webkit-transform: rotateX(360deg);
4021
+ transform: rotateX(360deg); } }
4022
 
4023
  @-webkit-keyframes pa-rotate-out {
4024
  0% {
4025
+ opacity: 1;
4026
+ -webkit-transform: rotateX(0deg);
4027
+ transform: rotateX(0deg); }
4028
  35% {
4029
+ opacity: 1;
4030
+ -webkit-transform: rotateX(-40deg);
4031
+ transform: rotateX(-40deg); }
4032
  65% {
4033
+ opacity: 0; }
4034
  100% {
4035
+ opacity: 0;
4036
+ -webkit-transform: rotateX(180deg);
4037
+ transform: rotateX(180deg); } }
4038
 
4039
  @keyframes pa-rotate-out {
4040
  0% {
4041
+ opacity: 1;
4042
+ -webkit-transform: rotateX(0deg);
4043
+ transform: rotateX(0deg); }
4044
  35% {
4045
+ opacity: 1;
4046
+ -webkit-transform: rotateX(-40deg);
4047
+ transform: rotateX(-40deg); }
4048
  65% {
4049
+ opacity: 0; }
4050
  100% {
4051
+ opacity: 0;
4052
+ -webkit-transform: rotateX(180deg);
4053
+ transform: rotateX(180deg); } }
4054
 
4055
  /**************** Premium Pricing Table ****************/
4056
  /*******************************************************/
4070
  display: flex;
4071
  -webkit-box-pack: center;
4072
  -webkit-justify-content: center;
4073
+ -moz-box-pack: center;
4074
+ -ms-flex-pack: center;
4075
+ justify-content: center;
4076
  line-height: 0; }
4077
  .premium-pricing-icon-container .premium-pricing-icon {
4078
+ display: inline-block; }
4079
  .premium-pricing-icon-container .premium-pricing-image {
4080
+ overflow: hidden; }
4081
+ .premium-pricing-icon-container .premium-pricing-image img {
4082
+ width: 25px;
4083
+ height: 25px;
4084
+ -o-object-fit: cover;
4085
+ object-fit: cover; }
4086
 
4087
  .premium-badge-left {
4088
  position: absolute;
4116
  width: 100px;
4117
  text-align: center;
4118
  -webkit-transform: rotate(-45deg);
4119
+ -ms-transform: rotate(-45deg);
4120
+ transform: rotate(-45deg);
4121
  display: block;
4122
  text-transform: uppercase; }
4123
 
4124
  .premium-badge-triangle.premium-badge-right span {
4125
  -webkit-transform: rotate(45deg);
4126
+ -ms-transform: rotate(45deg);
4127
+ transform: rotate(45deg);
4128
  right: 0; }
4129
 
4130
  .premium-badge-circle {
4133
  line-height: 4em;
4134
  text-align: center;
4135
  -webkit-border-radius: 100%;
4136
+ border-radius: 100%;
4137
  position: absolute;
4138
  z-index: 1; }
4139
 
4140
  .premium-badge-stripe {
4141
  position: absolute;
4142
  -webkit-transform: rotate(90deg);
4143
+ -ms-transform: rotate(90deg);
4144
+ transform: rotate(90deg);
4145
  width: 15em;
4146
  overflow: hidden;
4147
  height: 15em; }
4148
  .premium-badge-stripe.premium-badge-left {
4149
+ -webkit-transform: rotate(0);
4150
+ -ms-transform: rotate(0);
4151
+ transform: rotate(0); }
4152
  .premium-badge-stripe .corner {
4153
+ text-align: center;
4154
+ left: 0;
4155
+ width: 150%;
4156
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4157
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4158
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4159
+ margin-top: 35px;
4160
+ font-size: 13px;
4161
+ line-height: 2;
4162
+ font-weight: 800;
4163
+ text-transform: uppercase; }
4164
 
4165
  .premium-badge-flag .corner {
4166
  text-align: center;
4167
  -webkit-border-radius: 4px 4px 0 4px;
4168
+ border-radius: 4px 4px 0 4px;
4169
  padding: 3px 15px;
4170
  position: absolute;
4171
  top: 10%;
4172
  right: -8px; }
4173
  .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4174
+ content: "";
4175
+ display: block;
4176
+ position: absolute;
4177
+ width: 0;
4178
+ height: 0;
4179
+ top: 100%;
4180
+ right: 0;
4181
+ border-bottom: 8px solid transparent; }
4182
 
4183
  .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4184
  overflow: visible !important; }
4202
  -webkit-box-orient: vertical;
4203
  -webkit-box-direction: normal;
4204
  -webkit-flex-direction: column;
4205
+ -moz-box-orient: vertical;
4206
+ -moz-box-direction: normal;
4207
+ -ms-flex-direction: column;
4208
+ flex-direction: column;
4209
  list-style-type: none;
4210
  margin: 0; }
4211
  .premium-pricing-list .premium-pricing-list-item {
4212
+ -js-display: flex;
4213
+ display: -webkit-box;
4214
+ display: -webkit-flex;
4215
+ display: -moz-box;
4216
+ display: -ms-flexbox;
4217
+ display: flex;
4218
+ -webkit-box-align: center;
4219
+ -webkit-align-items: center;
4220
+ -moz-box-align: center;
4221
+ -ms-flex-align: center;
4222
+ align-items: center; }
4223
+ .premium-pricing-list .premium-pricing-list-item svg {
4224
+ width: 50px;
4225
+ height: 50px; }
4226
+ .premium-pricing-list .premium-pricing-list-item img {
4227
+ width: 30px;
4228
+ height: 30px;
4229
+ -o-object-fit: cover;
4230
+ object-fit: cover; }
4231
  .premium-pricing-list .premium-pricing-list-span {
4232
+ position: relative; }
4233
  .premium-pricing-list .list-item-tooltip {
4234
+ border-bottom: 1px dotted; }
4235
  .premium-pricing-list .premium-pricing-list-tooltip {
4236
+ position: absolute;
4237
+ top: -webkit-calc(100% + 1px);
4238
+ top: calc(100% + 1px);
4239
+ left: 0;
4240
+ visibility: hidden;
4241
+ padding: 15px 20px;
4242
+ -webkit-border-radius: 5px;
4243
+ border-radius: 5px;
4244
+ min-width: 200px;
4245
+ overflow: hidden;
4246
+ text-align: left;
4247
+ font-size: 0.8rem;
4248
+ color: #fff;
4249
+ background-color: #aaa; }
4250
 
4251
  .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4252
  z-index: 99;
4268
 
4269
  @-moz-document url-prefix() {
4270
  .premium-pricing-description-container li {
4271
+ text-indent: 0px; } }
4272
 
4273
  .premium-pricing-price-button {
4274
  display: block;
4323
  display: flex; }
4324
  .premium-button .premium-lottie-animation svg,
4325
  .premium-image-button .premium-lottie-animation svg {
4326
+ width: 50px;
4327
+ height: 50px; }
4328
 
4329
  .premium-button-md {
4330
  padding: 14px 26px;
4366
  display: inline-block;
4367
  vertical-align: middle;
4368
  -webkit-transform: perspective(1px) translateZ(0);
4369
+ transform: perspective(1px) translateZ(0);
4370
  -webkit-box-shadow: 0 0 1px transparent;
4371
+ box-shadow: 0 0 1px transparent;
4372
  position: relative;
4373
  -webkit-transition-property: color;
4374
  transition-property: color;
4375
  -webkit-transition-duration: 0.15s;
4376
+ transition-duration: 0.15s; }
4377
 
4378
  .premium-button-style1-bottom:before,
4379
  .premium-button-style1-top:before,
4399
  right: 0;
4400
  bottom: 0;
4401
  -webkit-transform: scaleY(0);
4402
+ -ms-transform: scaleY(0);
4403
+ transform: scaleY(0);
4404
  -webkit-transform-origin: 50% 0;
4405
+ -ms-transform-origin: 50% 0;
4406
+ transform-origin: 50% 0;
4407
  -webkit-transition-property: -webkit-transform;
4408
  transition-property: -webkit-transform;
4409
  transition-property: transform;
4410
  transition-property: transform, -webkit-transform;
4411
  -webkit-transition-duration: 0.15s;
4412
+ transition-duration: 0.15s;
4413
  -webkit-transition-timing-function: ease-out;
4414
+ transition-timing-function: ease-out; }
4415
 
4416
  .premium-button-style5-radialin:before,
4417
  .premium-button-style5-radialout:before {
4418
  -webkit-transform-origin: 50%;
4419
+ -ms-transform-origin: 50%;
4420
+ transform-origin: 50%;
4421
  -webkit-border-radius: 100%;
4422
+ border-radius: 100%;
4423
  -webkit-transform: scale(0);
4424
+ -ms-transform: scale(0);
4425
+ transform: scale(0); }
4426
 
4427
  .premium-button-style5-radialin:before {
4428
  -webkit-transform: scale(2);
4429
+ -ms-transform: scale(2);
4430
+ transform: scale(2); }
4431
 
4432
  .premium-button-style5-rectin:before {
4433
  -webkit-transform-origin: 50%;
4434
+ -ms-transform-origin: 50%;
4435
+ transform-origin: 50%;
4436
  -webkit-transform: scale(1);
4437
+ -ms-transform: scale(1);
4438
+ transform: scale(1); }
4439
 
4440
  .premium-button-style5-rectout:before {
4441
  -webkit-transform-origin: 50%;
4442
+ -ms-transform-origin: 50%;
4443
+ transform-origin: 50%;
4444
  -webkit-transform: scale(0);
4445
+ -ms-transform: scale(0);
4446
+ transform: scale(0); }
4447
 
4448
  .premium-button-style5-rectout:hover:before {
4449
  -webkit-transform: scale(1);
4450
+ -ms-transform: scale(1);
4451
+ transform: scale(1); }
4452
 
4453
  .premium-button-style5-rectin:hover:before {
4454
  -webkit-transform: scale(0);
4455
+ -ms-transform: scale(0);
4456
+ transform: scale(0); }
4457
 
4458
  .premium-button-style5-radialout:hover:before {
4459
  -webkit-transform: scale(2);
4460
+ -ms-transform: scale(2);
4461
+ transform: scale(2); }
4462
 
4463
  .premium-button-style5-radialin:hover:before {
4464
  -webkit-transform: scale(0);
4465
+ -ms-transform: scale(0);
4466
+ transform: scale(0); }
4467
 
4468
  .premium-button-style1-top:before {
4469
  -webkit-transform-origin: 50% 100%;
4470
+ -ms-transform-origin: 50% 100%;
4471
+ transform-origin: 50% 100%; }
4472
 
4473
  .premium-button-style1-right:before {
4474
  -webkit-transform: scaleX(0);
4475
+ -ms-transform: scaleX(0);
4476
+ transform: scaleX(0);
4477
  -webkit-transform-origin: 0% 50%;
4478
+ -ms-transform-origin: 0% 50%;
4479
+ transform-origin: 0% 50%; }
4480
 
4481
  .premium-button-style1-left:before {
4482
  -webkit-transform: scaleX(0);
4483
+ -ms-transform: scaleX(0);
4484
+ transform: scaleX(0);
4485
  -webkit-transform-origin: 100% 50%;
4486
+ -ms-transform-origin: 100% 50%;
4487
+ transform-origin: 100% 50%; }
4488
 
4489
  .premium-button-style2-shutouthor:before,
4490
  .premium-button-style2-scshutoutver:before {
4491
  -webkit-transform: scaleY(0);
4492
+ -ms-transform: scaleY(0);
4493
+ transform: scaleY(0);
4494
  -webkit-transform-origin: 100% 50%;
4495
+ -ms-transform-origin: 100% 50%;
4496
+ transform-origin: 100% 50%; }
4497
 
4498
  .premium-button-style2-shutoutver:before,
4499
  .premium-button-style2-scshutouthor:before {
4500
  -webkit-transform: scaleX(0);
4501
+ -ms-transform: scaleX(0);
4502
+ transform: scaleX(0);
4503
  -webkit-transform-origin: 50% 50%;
4504
+ -ms-transform-origin: 50% 50%;
4505
+ transform-origin: 50% 50%; }
4506
 
4507
  .premium-button-style2-shutinhor:before {
4508
  -webkit-transform: scaleX(1);
4509
+ -ms-transform: scaleX(1);
4510
+ transform: scaleX(1);
4511
  -webkit-transform-origin: 50%;
4512
+ -ms-transform-origin: 50%;
4513
+ transform-origin: 50%; }
4514
 
4515
  .premium-button-style2-shutinver:before {
4516
  -webkit-transform: scaleY(1);
4517
+ -ms-transform: scaleY(1);
4518
+ transform: scaleY(1);
4519
  -webkit-transform-origin: 50%;
4520
+ -ms-transform-origin: 50%;
4521
+ transform-origin: 50%; }
4522
 
4523
  .premium-button-style1-bottom:hover:before,
4524
  .premium-button-style1-top:hover:before {
4525
  -webkit-transform: scaleY(1);
4526
+ -ms-transform: scaleY(1);
4527
+ transform: scaleY(1); }
4528
 
4529
  .premium-button-style1-left:hover:before,
4530
  .premium-button-style1-right:hover:before,
4531
  .premium-button-style2-shutouthor:hover:before,
4532
  .premium-button-style2-shutoutver:hover:before {
4533
  -webkit-transform: scaleX(1);
4534
+ -ms-transform: scaleX(1);
4535
+ transform: scaleX(1); }
4536
 
4537
  .premium-button-style2-shutinhor:hover:before {
4538
  -webkit-transform: scaleX(0);
4539
+ -ms-transform: scaleX(0);
4540
+ transform: scaleX(0); }
4541
 
4542
  .premium-button-style2-shutinver:hover:before {
4543
  -webkit-transform: scaleY(0);
4544
+ -ms-transform: scaleY(0);
4545
+ transform: scaleY(0); }
4546
 
4547
  .premium-button-style2-scshutouthor:hover:before {
4548
  -webkit-transform: scaleX(0.9);
4549
+ -ms-transform: scaleX(0.9);
4550
+ transform: scaleX(0.9); }
4551
 
4552
  .premium-button-style2-scshutoutver:hover:before {
4553
  -webkit-transform: scaleY(0.8);
4554
+ -ms-transform: scaleY(0.8);
4555
+ transform: scaleY(0.8); }
4556
 
4557
  /*Diagonal*/
4558
  .premium-button-style2-dshutinhor:before {
4561
  width: 120%;
4562
  height: 0%;
4563
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4564
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4565
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
4566
  -webkit-transform-origin: 50%;
4567
+ -ms-transform-origin: 50%;
4568
+ transform-origin: 50%;
4569
  -webkit-transition-property: all;
4570
  transition-property: all; }
4571
 
4575
  width: 120%;
4576
  height: 0%;
4577
  -webkit-transform-origin: 50%;
4578
+ -ms-transform-origin: 50%;
4579
+ transform-origin: 50%;
4580
  -webkit-transition-property: all;
4581
  transition-property: all;
4582
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4583
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4584
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
4585
 
4586
  .premium-button-style2-dshutinhor:hover:before,
4587
  .premium-button-style2-dshutinver:hover:before {
4591
  .premium-button-style3-before svg {
4592
  opacity: 0;
4593
  -webkit-transform: translateX(-5px);
4594
+ -ms-transform: translateX(-5px);
4595
+ transform: translateX(-5px);
4596
  -webkit-transition: all 0.5s ease-in-out;
4597
  transition: all 0.5s ease-in-out; }
4598
 
4600
  .premium-button-style3-after svg {
4601
  opacity: 0;
4602
  -webkit-transform: translateX(-5px);
4603
+ -ms-transform: translateX(-5px);
4604
+ transform: translateX(-5px);
4605
  -webkit-transition: all 0.5s ease-in-out;
4606
  transition: all 0.5s ease-in-out;
4607
  -webkit-transform: translateX(5px);
4608
+ -ms-transform: translateX(5px);
4609
+ transform: translateX(5px); }
4610
 
4611
  .premium-button-style3-after:hover i,
4612
  .premium-button-style3-after:hover svg {
4625
  display: flex;
4626
  -webkit-box-pack: center;
4627
  -webkit-justify-content: center;
4628
+ -moz-box-pack: center;
4629
+ -ms-flex-pack: center;
4630
+ justify-content: center;
4631
  -webkit-box-align: center;
4632
  -webkit-align-items: center;
4633
+ -moz-box-align: center;
4634
+ -ms-flex-align: center;
4635
+ align-items: center;
4636
  -webkit-transition: all 0.2s ease-in-out;
4637
  transition: all 0.2s ease-in-out; }
4638
  .premium-button-text-icon-wrapper span,
4639
  .premium-button-text-icon-wrapper i {
4640
+ -webkit-transition: all 0.2s ease-in-out;
4641
+ transition: all 0.2s ease-in-out; }
4642
 
4643
  .premium-button-style4-icon-wrapper {
4644
  position: absolute;
4653
  display: flex;
4654
  -webkit-box-align: center;
4655
  -webkit-align-items: center;
4656
+ -moz-box-align: center;
4657
+ -ms-flex-align: center;
4658
+ align-items: center;
4659
  -webkit-box-pack: center;
4660
  -webkit-justify-content: center;
4661
+ -moz-box-pack: center;
4662
+ -ms-flex-pack: center;
4663
+ justify-content: center;
4664
  height: 100%;
4665
  opacity: 0;
4666
  -webkit-transition: all 0.3s ease-in-out;
4667
  transition: all 0.3s ease-in-out; }
4668
  .premium-button-style4-icon-wrapper.top {
4669
+ bottom: -100%;
4670
+ left: 0; }
4671
  .premium-button-style4-icon-wrapper.bottom {
4672
+ top: -100%;
4673
+ left: 0; }
4674
  .premium-button-style4-icon-wrapper.left {
4675
+ top: 0;
4676
+ left: -100%; }
4677
  .premium-button-style4-icon-wrapper.right {
4678
+ top: 0;
4679
+ right: -100%; }
4680
 
4681
  .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
4682
  top: 0;
4696
 
4697
  .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
4698
  -webkit-transform: translateY(100%);
4699
+ -ms-transform: translateY(100%);
4700
+ transform: translateY(100%);
4701
  opacity: 0; }
4702
 
4703
  .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
4704
  -webkit-transform: translateY(-100%);
4705
+ -ms-transform: translateY(-100%);
4706
+ transform: translateY(-100%);
4707
  opacity: 0; }
4708
 
4709
  .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
4710
  -webkit-transform: translateX(100%);
4711
+ -ms-transform: translateX(100%);
4712
+ transform: translateX(100%);
4713
  opacity: 0; }
4714
 
4715
  .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
4716
  -webkit-transform: translateX(-100%);
4717
+ -ms-transform: translateX(-100%);
4718
+ transform: translateX(-100%);
4719
  opacity: 0; }
4720
 
4721
  .premium-button-style6:before {
4726
  width: 100px;
4727
  height: 100px;
4728
  -webkit-border-radius: 100%;
4729
+ border-radius: 100%;
4730
  -webkit-transform: translate(-50%, -50%) scale(0);
4731
+ -ms-transform: translate(-50%, -50%) scale(0);
4732
+ transform: translate(-50%, -50%) scale(0);
4733
  -webkit-transition: all 0.3s ease-in-out;
4734
  transition: all 0.3s ease-in-out; }
4735
 
4736
  .premium-button-style6:hover:before {
4737
  -webkit-transform: translate(-50%, -50%) scale(3);
4738
+ -ms-transform: translate(-50%, -50%) scale(3);
4739
+ transform: translate(-50%, -50%) scale(3); }
4740
 
4741
  .premium-button-style6 .premium-button-text-icon-wrapper {
4742
  position: relative;
4750
  width: 0px;
4751
  height: 0px;
4752
  -webkit-border-radius: 50%;
4753
+ border-radius: 50%;
4754
  display: block;
4755
  -webkit-transform: translate(-50%, -50%);
4756
+ -ms-transform: translate(-50%, -50%);
4757
+ transform: translate(-50%, -50%);
4758
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
4759
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
4760
 
4792
  -webkit-transition: all 0.2s ease-in-out !important;
4793
  transition: all 0.2s ease-in-out !important; }
4794
  .premium-image-button:hover {
4795
+ background-color: #54595f; }
4796
 
4797
  /*Default background for slide styles*/
4798
  .premium-image-button-style4-icon-wrapper,
4833
  display: flex;
4834
  -webkit-box-pack: center;
4835
  -webkit-justify-content: center;
4836
+ -moz-box-pack: center;
4837
+ -ms-flex-pack: center;
4838
+ justify-content: center;
4839
  -webkit-box-align: center;
4840
  -webkit-align-items: center;
4841
+ -moz-box-align: center;
4842
+ -ms-flex-align: center;
4843
+ align-items: center;
4844
  position: relative;
4845
  z-index: 3;
4846
  -webkit-transition: all 0.2s ease-in-out;
4847
  transition: all 0.2s ease-in-out; }
4848
  .premium-image-button-text-icon-wrapper span,
4849
  .premium-image-button-text-icon-wrapper i {
4850
+ -webkit-transition: all 0.2s ease-in-out;
4851
+ transition: all 0.2s ease-in-out; }
4852
 
4853
  .premium-image-button-style1-bottom:before,
4854
  .premium-image-button-style1-top:before,
4915
  z-index: 1;
4916
  background: rgba(255, 255, 255, 0.2);
4917
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4918
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4919
  -webkit-transition: all 0.8s ease-out;
4920
  transition: all 0.8s ease-out; }
4921
 
4929
  z-index: 1;
4930
  background: rgba(255, 255, 255, 0.2);
4931
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4932
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4933
  -webkit-transition: all 0.8s ease-out;
4934
  transition: all 0.8s ease-out; }
4935
 
4936
  .premium-image-button-diagonal-effect-right:hover:before {
4937
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4938
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4939
 
4940
  .premium-image-button-diagonal-effect-left:before {
4941
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4942
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
4943
 
4944
  .premium-image-button-diagonal-effect-left:hover:before {
4945
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4946
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4947
 
4948
  .premium-image-button-diagonal-effect-right:before {
4949
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4950
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
4951
 
4952
  .premium-image-button-diagonal-effect-top:hover:before {
4953
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4954
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4955
 
4956
  .premium-image-button-diagonal-effect-bottom:before {
4957
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
4958
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
4959
 
4960
  .premium-image-button-diagonal-effect-bottom:hover:before {
4961
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4962
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4963
 
4964
  .premium-image-button-diagonal-effect-top:before {
4965
  -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
4966
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
4967
 
4968
  .premium-image-button-style4-icon-wrapper {
4969
  position: absolute;
4978
  display: flex;
4979
  -webkit-box-align: center;
4980
  -webkit-align-items: center;
4981
+ -moz-box-align: center;
4982
+ -ms-flex-align: center;
4983
+ align-items: center;
4984
  -webkit-box-pack: center;
4985
  -webkit-justify-content: center;
4986
+ -moz-box-pack: center;
4987
+ -ms-flex-pack: center;
4988
+ justify-content: center;
4989
  height: 100%;
4990
  opacity: 0;
4991
  -webkit-transition: all 0.3s ease-in-out;
4992
  transition: all 0.3s ease-in-out; }
4993
  .premium-image-button-style4-icon-wrapper.top {
4994
+ bottom: -100%;
4995
+ left: 0; }
4996
  .premium-image-button-style4-icon-wrapper.bottom {
4997
+ top: -100%;
4998
+ left: 0; }
4999
  .premium-image-button-style4-icon-wrapper.left {
5000
+ top: 0;
5001
+ left: -100%; }
5002
  .premium-image-button-style4-icon-wrapper.right {
5003
+ top: 0;
5004
+ right: -100%; }
5005
 
5006
  .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5007
  top: 0;
5021
 
5022
  .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5023
  -webkit-transform: translateY(100%);
5024
+ -ms-transform: translateY(100%);
5025
+ transform: translateY(100%);
5026
  opacity: 0; }
5027
 
5028
  .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5029
  -webkit-transform: translateY(-100%);
5030
+ -ms-transform: translateY(-100%);
5031
+ transform: translateY(-100%);
5032
  opacity: 0; }
5033
 
5034
  .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5035
  -webkit-transform: translateX(100%);
5036
+ -ms-transform: translateX(100%);
5037
+ transform: translateX(100%);
5038
  opacity: 0; }
5039
 
5040
  .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5041
  -webkit-transform: translateX(-100%);
5042
+ -ms-transform: translateX(-100%);
5043
+ transform: translateX(-100%);
5044
  opacity: 0; }
5045
 
5046
  .premium-image-button-overlap-effect-horizontal:before {
5055
  transition: all 1s ease-in-out;
5056
  background: rgba(255, 255, 255, 0.2);
5057
  -webkit-animation-name: premium-overlap-effect-done;
5058
+ animation-name: premium-overlap-effect-done;
5059
  -webkit-animation-duration: 1s;
5060
+ animation-duration: 1s; }
5061
 
5062
  .premium-image-button-overlap-effect-vertical:before {
5063
  position: absolute;
5071
  transition: all 1s ease-in-out;
5072
  background: rgba(255, 255, 255, 0.2);
5073
  -webkit-animation-name: premium-overlap-effect-done;
5074
+ animation-name: premium-overlap-effect-done;
5075
  -webkit-animation-duration: 1s;
5076
+ animation-duration: 1s;
5077
  -webkit-animation-name: premium-overlap-ver-effect-done;
5078
+ animation-name: premium-overlap-ver-effect-done;
5079
  animation-duration: 1s; }
5080
 
5081
  .premium-image-button-overlap-effect-horizontal:hover:before {
5082
  -webkit-animation-name: premium-overlap-effect;
5083
+ animation-name: premium-overlap-effect;
5084
  -webkit-animation-duration: 1s;
5085
+ animation-duration: 1s; }
5086
 
5087
  .premium-image-button-overlap-effect-vertical:hover:before {
5088
  -webkit-animation-name: premium-overlap-ver-effect;
5089
+ animation-name: premium-overlap-ver-effect;
5090
  -webkit-animation-duration: 1s;
5091
+ animation-duration: 1s; }
5092
 
5093
  @-webkit-keyframes premium-overlap-effect {
5094
  0% {
5095
+ opacity: 0;
5096
+ -webkit-transform: rotateY(0deg);
5097
+ transform: rotateY(0deg); }
5098
  50% {
5099
+ opacity: 1;
5100
+ -webkit-transform: rotateY(180deg);
5101
+ transform: rotateY(180deg); }
5102
  100% {
5103
+ opacity: 0;
5104
+ -webkit-transform: rotateY(360deg);
5105
+ transform: rotateY(360deg); } }
5106
 
5107
  @keyframes premium-overlap-effect {
5108
  0% {
5109
+ opacity: 0;
5110
+ -webkit-transform: rotateY(0deg);
5111
+ transform: rotateY(0deg); }
5112
  50% {
5113
+ opacity: 1;
5114
+ -webkit-transform: rotateY(180deg);
5115
+ transform: rotateY(180deg); }
5116
  100% {
5117
+ opacity: 0;
5118
+ -webkit-transform: rotateY(360deg);
5119
+ transform: rotateY(360deg); } }
5120
 
5121
  @-webkit-keyframes premium-overlap-effect-done {
5122
  0% {
5123
+ opacity: 0;
5124
+ -webkit-transform: rotateY(0deg);
5125
+ transform: rotateY(0deg); }
5126
  50% {
5127
+ opacity: 1;
5128
+ -webkit-transform: rotateY(180deg);
5129
+ transform: rotateY(180deg); }
5130
  100% {
5131
+ opacity: 0;
5132
+ -webkit-transform: rotateY(360deg);
5133
+ transform: rotateY(360deg); } }
5134
 
5135
  @keyframes premium-overlap-effect-done {
5136
  0% {
5137
+ opacity: 0;
5138
+ -webkit-transform: rotateY(0deg);
5139
+ transform: rotateY(0deg); }
5140
  50% {
5141
+ opacity: 1;
5142
+ -webkit-transform: rotateY(180deg);
5143
+ transform: rotateY(180deg); }
5144
  100% {
5145
+ opacity: 0;
5146
+ -webkit-transform: rotateY(360deg);
5147
+ transform: rotateY(360deg); } }
5148
 
5149
  @-webkit-keyframes premium-overlap-ver-effect {
5150
  0% {
5151
+ opacity: 0;
5152
+ -webkit-transform: rotateX(0deg);
5153
+ transform: rotateX(0deg); }
5154
  50% {
5155
+ opacity: 1;
5156
+ -webkit-transform: rotateX(180deg);
5157
+ transform: rotateX(180deg); }
5158
  100% {
5159
+ opacity: 0;
5160
+ -webkit-transform: rotateX(360deg);
5161
+ transform: rotateX(360deg); } }
5162
 
5163
  @keyframes premium-overlap-ver-effect {
5164
  0% {
5165
+ opacity: 0;
5166
+ -webkit-transform: rotateX(0deg);
5167
+ transform: rotateX(0deg); }
5168
  50% {
5169
+ opacity: 1;
5170
+ -webkit-transform: rotateX(180deg);
5171
+ transform: rotateX(180deg); }
5172
  100% {
5173
+ opacity: 0;
5174
+ -webkit-transform: rotateX(360deg);
5175
+ transform: rotateX(360deg); } }
5176
 
5177
  @-webkit-keyframes premium-overlap-ver-effect-done {
5178
  0% {
5179
+ opacity: 0;
5180
+ -webkit-transform: rotateX(0deg);
5181
+ transform: rotateX(0deg); }
5182
  50% {
5183
+ opacity: 1;
5184
+ -webkit-transform: rotateX(180deg);
5185
+ transform: rotateX(180deg); }
5186
  100% {
5187
+ opacity: 0;
5188
+ -webkit-transform: rotateX(360deg);
5189
+ transform: rotateX(360deg); } }
5190
 
5191
  @keyframes premium-overlap-ver-effect-done {
5192
  0% {
5193
+ opacity: 0;
5194
+ -webkit-transform: rotateX(0deg);
5195
+ transform: rotateX(0deg); }
5196
  50% {
5197
+ opacity: 1;
5198
+ -webkit-transform: rotateX(180deg);
5199
+ transform: rotateX(180deg); }
5200
  100% {
5201
+ opacity: 0;
5202
+ -webkit-transform: rotateX(360deg);
5203
+ transform: rotateX(360deg); } }
5204
 
5205
  /**************** Premium Grid *******************/
5206
  /*************************************************/
5214
  display: flex;
5215
  -webkit-box-align: center;
5216
  -webkit-align-items: center;
5217
+ -moz-box-align: center;
5218
+ -ms-flex-align: center;
5219
+ align-items: center;
5220
  -webkit-box-pack: center;
5221
  -webkit-justify-content: center;
5222
+ -moz-box-pack: center;
5223
+ -ms-flex-pack: center;
5224
+ justify-content: center; }
5225
 
5226
  .premium-img-gallery {
5227
  clear: both;
5242
  outline: none;
5243
  text-decoration: none;
5244
  -webkit-border-radius: 75px;
5245
+ border-radius: 75px;
5246
  margin: 15px 5px 20px;
5247
  padding: 7px 20px;
5248
  -webkit-transition: all 0.3s ease-in-out;
5255
  .pa-gallery-img {
5256
  position: relative; }
5257
  .pa-gallery-img .pa-gallery-whole-link {
5258
+ position: absolute;
5259
+ top: 0;
5260
+ left: 0;
5261
+ width: 100%;
5262
+ height: 100%; }
5263
  .pa-gallery-img.style2 .pa-gallery-whole-link {
5264
+ z-index: 99; }
5265
 
5266
  .pa-gallery-img-container {
5267
  overflow: hidden;
5268
  -webkit-backface-visibility: hidden;
5269
+ backface-visibility: hidden;
5270
  -webkit-transform: translate3d(0, 0, 0);
5271
+ transform: translate3d(0, 0, 0); }
5272
  .pa-gallery-img-container img {
5273
+ display: block;
5274
+ width: 100%;
5275
+ -webkit-transition: all 0.3s ease-in-out;
5276
+ transition: all 0.3s ease-in-out; }
5277
 
5278
  .premium-img-gallery.gray img {
5279
  -webkit-filter: grayscale(100%);
5280
+ filter: grayscale(100%); }
5281
 
5282
  .premium-img-gallery.zoomout img,
5283
  .premium-img-gallery.scale img {
5284
  -webkit-transform: scale(1.2);
5285
+ -ms-transform: scale(1.2);
5286
+ transform: scale(1.2); }
5287
 
5288
  .premium-img-gallery.sepia img {
5289
  -webkit-filter: sepia(30%);
5290
+ filter: sepia(30%); }
5291
 
5292
  .premium-img-gallery.bright img {
5293
  -webkit-filter: brightness(1);
5294
+ filter: brightness(1); }
5295
 
5296
  .premium-img-gallery.trans img {
5297
  -webkit-transform: translateX(-15px) scale(1.1);
5298
+ -ms-transform: translateX(-15px) scale(1.1);
5299
+ transform: translateX(-15px) scale(1.1); }
5300
 
5301
  .pa-gallery-img .pa-gallery-magnific-image,
5302
  .pa-gallery-img .pa-gallery-img-link {
5310
  margin: 0 5px;
5311
  padding: 15px;
5312
  -webkit-border-radius: 50%;
5313
+ border-radius: 50%; }
5314
 
5315
  .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5316
  .pa-gallery-img.style2 .pa-gallery-img-link span {
5349
 
5350
  .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5351
  -webkit-transform: scale(1.1);
5352
+ -ms-transform: scale(1.1);
5353
+ transform: scale(1.1); }
5354
 
5355
  .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5356
  -webkit-transform: scale(1);
5357
+ -ms-transform: scale(1);
5358
+ transform: scale(1); }
5359
 
5360
  .premium-img-gallery.scale .pa-gallery-img:hover img {
5361
  -webkit-transform: scale(1.3) rotate(5deg);
5362
+ -ms-transform: scale(1.3) rotate(5deg);
5363
+ transform: scale(1.3) rotate(5deg); }
5364
 
5365
  .premium-img-gallery.gray .pa-gallery-img:hover img {
5366
  -webkit-filter: grayscale(0%);
5367
+ filter: grayscale(0%); }
5368
 
5369
  .premium-img-gallery.blur .pa-gallery-img:hover img {
5370
  -webkit-filter: blur(3px);
5371
+ filter: blur(3px); }
5372
 
5373
  .premium-img-gallery.sepia .pa-gallery-img:hover img {
5374
  -webkit-filter: sepia(0%);
5375
+ filter: sepia(0%); }
5376
 
5377
  .premium-img-gallery.trans .pa-gallery-img:hover img {
5378
  -webkit-transform: translateX(0px) scale(1.1);
5379
+ -ms-transform: translateX(0px) scale(1.1);
5380
+ transform: translateX(0px) scale(1.1); }
5381
 
5382
  .premium-img-gallery.bright .pa-gallery-img:hover img {
5383
  -webkit-filter: brightness(1.2);
5384
+ filter: brightness(1.2); }
5385
 
5386
  .pa-gallery-img .premium-gallery-caption {
5387
  padding: 10px; }
5388
  .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5389
+ margin-bottom: 0; }
5390
 
5391
  .pa-gallery-img.style1 {
5392
  overflow: hidden; }
5406
  width: 100%;
5407
  text-align: center;
5408
  -webkit-transform: translateY(-50%);
5409
+ -ms-transform: translateY(-50%);
5410
+ transform: translateY(-50%);
5411
  z-index: 999; }
5412
 
5413
  .pa-gallery-img.style1 .premium-gallery-caption {
5420
  -webkit-transition: all 500ms ease 0s;
5421
  transition: all 500ms ease 0s;
5422
  -webkit-transform: translate3d(0, 100%, 0);
5423
+ transform: translate3d(0, 100%, 0); }
5424
 
5425
  .pa-gallery-img.style1:hover .premium-gallery-caption {
5426
  -webkit-transform: translate3d(0, 0, 0);
5427
+ transform: translate3d(0, 0, 0);
5428
  bottom: -1px !important; }
5429
 
5430
  .pa-gallery-img.default .premium-gallery-caption {
5443
  height: 100%;
5444
  opacity: 0;
5445
  -webkit-backface-visibility: hidden;
5446
+ backface-visibility: hidden;
5447
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5448
  transition: opacity 0.3s, -webkit-transform 0.3s;
5449
  transition: transform 0.3s, opacity 0.3s;
5459
  text-align: center;
5460
  -webkit-box-align: center;
5461
  -webkit-align-items: center;
5462
+ -moz-box-align: center;
5463
+ -ms-flex-align: center;
5464
+ align-items: center; }
5465
 
5466
  .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5467
  width: 100%; }
5469
  .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5470
  opacity: 1;
5471
  -webkit-transform: translate(15px, 15px);
5472
+ -ms-transform: translate(15px, 15px);
5473
+ transform: translate(15px, 15px); }
5474
 
5475
  .premium-clearfix {
5476
  clear: both; }
5498
 
5499
  .premium-gallery-load-more .premium-gallery-load-more-btn {
5500
  -webkit-box-shadow: none;
5501
+ box-shadow: none;
5502
  text-shadow: none;
5503
  border: none;
5504
  outline: none;
5505
  -webkit-box-align: center;
5506
  -webkit-align-items: center;
5507
+ -moz-box-align: center;
5508
+ -ms-flex-align: center;
5509
+ align-items: center;
5510
  vertical-align: bottom;
5511
  cursor: pointer;
5512
  line-height: 1;
5526
  display: inline-flex;
5527
  -webkit-box-align: center;
5528
  -webkit-align-items: center;
5529
+ -moz-box-align: center;
5530
+ -ms-flex-align: center;
5531
+ align-items: center; }
5532
 
5533
  .premium-loader {
5534
  border: 3px solid #f3f3f3;
5536
  border-top-style: solid;
5537
  border-top-color: #f3f3f3;
5538
  -webkit-border-radius: 50%;
5539
+ border-radius: 50%;
5540
  border-top: 3px solid;
5541
  border-top-color: #bbb;
5542
  width: 30px;
5543
  height: 30px;
5544
  -webkit-animation: spin 2s linear infinite;
5545
+ animation: spin 2s linear infinite;
5546
  margin: 0 auto; }
5547
 
5548
  .premium-gallery-load-more-btn div {
5593
 
5594
  @-webkit-keyframes spin {
5595
  0% {
5596
+ -webkit-transform: rotate(0deg); }
5597
  100% {
5598
+ -webkit-transform: rotate(360deg); } }
5599
 
5600
  @keyframes spin {
5601
  0% {
5602
+ -webkit-transform: rotate(0deg);
5603
+ transform: rotate(0deg); }
5604
  100% {
5605
+ -webkit-transform: rotate(360deg);
5606
+ transform: rotate(360deg); } }
5607
 
5608
  /************ Premium Vertical Scroll ************/
5609
  /*************************************************/
5610
  .premium-vscroll-inner {
5611
  position: relative;
5612
+ /* overflow: hidden;
5613
+ */
5614
  min-height: 100%; }
5615
  .premium-vscroll-inner .premium-vscroll-dots {
5616
+ position: fixed;
5617
+ z-index: 100;
5618
+ opacity: 1;
5619
+ margin-top: -32px;
5620
+ -webkit-transition: all 0.3s ease-in-out;
5621
+ transition: all 0.3s ease-in-out; }
5622
 
5623
  .premium-vscroll-wrap .premium-vscroll-nav-menu {
5624
  opacity: 1;
5667
  display: flex;
5668
  -webkit-box-pack: center;
5669
  -webkit-justify-content: center;
5670
+ -moz-box-pack: center;
5671
+ -ms-flex-pack: center;
5672
+ justify-content: center;
5673
  -webkit-box-align: center;
5674
  -webkit-align-items: center;
5675
+ -moz-box-align: center;
5676
+ -ms-flex-align: center;
5677
+ align-items: center;
5678
  overflow: visible; }
5679
 
5680
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
5686
  cursor: pointer;
5687
  text-decoration: none; }
5688
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
5689
+ top: 2px;
5690
+ left: 2.5px;
5691
+ width: 8px;
5692
+ height: 8px;
5693
+ border: 1px solid #000;
5694
+ -webkit-border-radius: 50%;
5695
+ border-radius: 50%;
5696
+ position: absolute;
5697
+ z-index: 1;
5698
+ -webkit-transition: all 0.3s ease-in-out;
5699
+ transition: all 0.3s ease-in-out; }
5700
 
5701
  .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
5702
  -webkit-transform: scale(1.6);
5703
+ -ms-transform: scale(1.6);
5704
+ transform: scale(1.6); }
5705
 
5706
  .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
5707
  position: absolute;
5720
  width: 4px;
5721
  height: 30px; }
5722
  .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
5723
+ width: 100%;
5724
+ height: 100%;
5725
+ -webkit-border-radius: 0;
5726
+ border-radius: 0; }
5727
  .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
5728
+ -webkit-transform: scale(1);
5729
+ -ms-transform: scale(1);
5730
+ transform: scale(1); }
5731
 
5732
  .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
5733
  position: absolute;
5741
  border-bottom: 6px solid transparent;
5742
  border-left: 6px solid;
5743
  -webkit-transform: translateY(-50%);
5744
+ -ms-transform: translateY(-50%);
5745
+ transform: translateY(-50%); }
5746
 
5747
  .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
5748
  left: 27px; }
5749
  .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
5750
+ position: absolute;
5751
+ top: 50%;
5752
+ content: "";
5753
+ right: -webkit-calc(100% - 1px);
5754
+ right: calc(100% - 1px);
5755
+ width: 10px;
5756
+ height: 0;
5757
+ border-top: 6px solid transparent;
5758
+ border-bottom: 6px solid transparent;
5759
+ border-right: 6px solid;
5760
+ -webkit-transform: translateY(-50%);
5761
+ -ms-transform: translateY(-50%);
5762
+ transform: translateY(-50%); }
5763
 
5764
  /* * Lines */
5765
  @media (max-width: 768px) {
5766
  .premium-vscroll-dots.right {
5767
+ right: 7px; }
5768
  .premium-vscroll-dots.left {
5769
+ left: 7px; } }
5770
 
5771
  .premium-vscroll-nav-menu {
5772
  position: fixed;
5776
  padding: 0;
5777
  margin: 0; }
5778
  .premium-vscroll-nav-menu.left {
5779
+ left: 0; }
5780
  .premium-vscroll-nav-menu.right {
5781
+ right: 0; }
5782
  .premium-vscroll-nav-menu .premium-vscroll-nav-item {
5783
+ display: inline-block;
5784
+ margin: 10px;
5785
+ color: #000;
5786
+ background: #fff;
5787
+ background: rgba(255, 255, 255, 0.3); }
5788
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
5789
+ padding: 9px 18px;
5790
+ display: block;
5791
+ cursor: pointer;
5792
+ color: #000; }
5793
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
5794
+ color: #000; }
5795
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
5796
+ outline: none; }
5797
 
5798
  .multiscroll-nav li a:focus {
5799
  outline: none; }
5816
  .premium-image-scroll-container {
5817
  width: 100%; }
5818
  .premium-image-scroll-container .premium-image-scroll-mask-media {
5819
+ -webkit-mask-repeat: no-repeat;
5820
+ mask-repeat: no-repeat;
5821
+ -webkit-mask-position: center;
5822
+ mask-position: center; }
5823
 
5824
  .premium-container-scroll {
5825
  overflow: auto; }
5829
  width: 100%;
5830
  height: 100%; }
5831
  .premium-image-scroll-container .premium-image-scroll-horizontal img {
5832
+ max-width: none;
5833
+ height: 100%; }
5834
 
5835
  .premium-image-scroll-container .premium-image-scroll-vertical img {
5836
  width: 100%;
5861
  text-align: center;
5862
  z-index: 5;
5863
  -webkit-transform: translate(-50%, -50%);
5864
+ -ms-transform: translate(-50%, -50%);
5865
+ transform: translate(-50%, -50%); }
5866
 
5867
  .premium-container-scroll-instant .premium-image-scroll-image {
5868
  -webkit-transition: all 0s ease-in-out !important;
5899
  -webkit-font-smoothing: antialiased;
5900
  -moz-osx-font-smoothing: grayscale;
5901
  -webkit-animation-duration: 0.5s;
5902
+ animation-duration: 0.5s;
5903
  -webkit-animation-iteration-count: infinite;
5904
+ animation-iteration-count: infinite;
5905
  -webkit-animation-direction: alternate;
5906
+ animation-direction: alternate;
5907
  -webkit-animation-timing-function: ease-in-out;
5908
+ animation-timing-function: ease-in-out; }
5909
 
5910
  .pa-horizontal-mouse-scroll:before {
5911
  content: "\e917"; }
5915
 
5916
  .pa-horizontal-mouse-scroll {
5917
  -webkit-animation-name: pa-scroll-horizontal;
5918
+ animation-name: pa-scroll-horizontal; }
5919
 
5920
  .pa-vertical-mouse-scroll {
5921
  -webkit-animation-name: pa-scroll-vertical;
5922
+ animation-name: pa-scroll-vertical; }
5923
 
5924
  @-webkit-keyframes pa-scroll-vertical {
5925
  0% {
5926
+ -webkit-transform: translateY(0px);
5927
+ transform: translateY(0px); }
5928
  100% {
5929
+ -webkit-transform: translateY(5px);
5930
+ transform: translateY(5px); } }
5931
 
5932
  @keyframes pa-scroll-vertical {
5933
  0% {
5934
+ -webkit-transform: translateY(0px);
5935
+ transform: translateY(0px); }
5936
  100% {
5937
+ -webkit-transform: translateY(5px);
5938
+ transform: translateY(5px); } }
5939
 
5940
  @-webkit-keyframes pa-scroll-horizontal {
5941
  0% {
5942
+ -webkit-transform: translateX(0px);
5943
+ transform: translateX(0px); }
5944
  100% {
5945
+ -webkit-transform: translateX(5px);
5946
+ transform: translateX(5px); } }
5947
 
5948
  @keyframes pa-scroll-horizontal {
5949
  0% {
5950
+ -webkit-transform: translateX(0px);
5951
+ transform: translateX(0px); }
5952
  100% {
5953
+ -webkit-transform: translateX(5px);
5954
+ transform: translateX(5px); } }
5955
 
5956
  /********* Premium Lottie Animations **********/
5957
  /**********************************************/
5966
  -webkit-transition: all 0.3s ease-in-out;
5967
  transition: all 0.3s ease-in-out; }
5968
  .premium-lottie-wrap .premium-lottie-animation a {
5969
+ position: absolute;
5970
+ left: 0;
5971
+ top: 0;
5972
+ width: 100%;
5973
+ height: 100%; }
5974
 
5975
  /**************** Premium Bullet List ***************/
5976
  /****************************************************/
5982
  display: -ms-flexbox;
5983
  display: flex;
5984
  -webkit-flex-wrap: wrap;
5985
+ -ms-flex-wrap: wrap;
5986
+ flex-wrap: wrap;
5987
  -webkit-box-orient: vertical;
5988
  -webkit-box-direction: normal;
5989
  -webkit-flex-direction: column;
5990
+ -moz-box-orient: vertical;
5991
+ -moz-box-direction: normal;
5992
+ -ms-flex-direction: column;
5993
+ flex-direction: column; }
5994
  .premium-icon-list-box .premium-icon-list-content-grow-lc {
5995
+ -webkit-transform-origin: left center;
5996
+ -ms-transform-origin: left center;
5997
+ transform-origin: left center; }
5998
  .premium-icon-list-box .premium-icon-list-content-grow-rc {
5999
+ -webkit-transform-origin: right center;
6000
+ -ms-transform-origin: right center;
6001
+ transform-origin: right center; }
6002
  .premium-icon-list-box .premium-icon-list-content-grow-cc {
6003
+ -webkit-transform-origin: center center;
6004
+ -ms-transform-origin: center center;
6005
+ transform-origin: center center; }
6006
 
6007
  .premium-icon-list-content {
6008
  -js-display: flex;
6017
  position: relative; }
6018
  .premium-icon-list-content .premium-icon-list-text span,
6019
  .premium-icon-list-content .premium-icon-list-wrapper {
6020
+ display: inline-block;
6021
+ -webkit-align-self: center;
6022
+ -ms-flex-item-align: center;
6023
+ align-self: center;
6024
+ -webkit-transition: all 0.3s ease-in-out;
6025
+ transition: all 0.3s ease-in-out; }
6026
  .premium-icon-list-content .premium-icon-list-text span {
6027
+ margin: 0 5px; }
6028
  .premium-icon-list-content .premium-icon-list-icon-text p {
6029
+ font-size: 18px;
6030
+ background-color: #eee;
6031
+ padding: 1px 5px;
6032
+ -webkit-border-radius: 2px;
6033
+ border-radius: 2px; }
6034
  .premium-icon-list-content .premium-icon-list-text span,
6035
  .premium-icon-list-content .premium-icon-list-icon-text p,
6036
  .premium-icon-list-content .premium-icon-list-wrapper img,
6037
  .premium-icon-list-content .premium-icon-list-wrapper svg,
6038
  .premium-icon-list-content .premium-icon-list-wrapper i {
6039
+ -webkit-transition: all 0.3s ease-in-out;
6040
+ transition: all 0.3s ease-in-out; }
6041
  .premium-icon-list-content .premium-icon-list-wrapper {
6042
+ position: relative;
6043
+ line-height: 0; }
6044
  .premium-icon-list-content .premium-icon-list-wrapper img,
6045
  .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6046
+ width: 30px !important;
6047
+ height: 30px !important;
6048
+ position: relative;
6049
+ z-index: 500; }
6050
  .premium-icon-list-content .premium-icon-list-wrapper i,
6051
  .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6052
+ position: relative;
6053
+ z-index: 500; }
6054
  .premium-icon-list-content .premium-icon-list-link {
6055
+ position: absolute;
6056
+ top: 0;
6057
+ left: 0;
6058
+ width: 100%;
6059
+ height: 100%;
6060
+ z-index: 1000; }
6061
 
6062
  .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6063
  width: 100%;
6073
  display: flex;
6074
  -webkit-box-pack: center;
6075
  -webkit-justify-content: center;
6076
+ -moz-box-pack: center;
6077
+ -ms-flex-pack: center;
6078
+ justify-content: center; }
6079
  .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6080
+ content: "";
6081
+ border-right-width: 1px;
6082
+ border-right-style: solid;
6083
+ border-color: #333333;
6084
+ display: block;
6085
+ height: 100%; }
6086
 
6087
  li.premium-icon-list-content.premium-icon-list-content-inline {
6088
  -webkit-align-self: center;
6089
+ -ms-flex-item-align: center;
6090
+ align-self: center;
6091
  z-index: 2; }
6092
 
6093
  li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6100
  width: 100%;
6101
  -webkit-box-flex: 0;
6102
  -webkit-flex: 0 0 100%;
6103
+ -moz-box-flex: 0;
6104
+ -ms-flex: 0 0 100%;
6105
+ flex: 0 0 100%;
6106
  overflow: hidden; }
6107
 
6108
  .premium-icon-list-divider:not(:last-child):after {
6118
  height: 100%;
6119
  overflow: hidden;
6120
  -webkit-align-self: center;
6121
+ -ms-flex-item-align: center;
6122
+ align-self: center;
6123
  margin: 0 3px; }
6124
 
6125
  .premium-icon-list-divider-inline:not(:last-child):after {
6148
  .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6149
  .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6150
  -webkit-filter: blur(3px);
6151
+ filter: blur(3px); }
6152
 
6153
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6154
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6161
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6162
  .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6163
  -webkit-filter: none;
6164
+ filter: none; }
6165
 
6166
  .premium-icon-list-content .premium-icon-list-badge {
6167
  font-size: 11px;
6187
  z-index: 1;
6188
  overflow: hidden;
6189
  -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6190
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6191
  -webkit-background-clip: text;
6192
+ background-clip: text;
6193
  -webkit-text-fill-color: transparent;
6194
  -webkit-transition: all 0.4s ease;
6195
  transition: all 0.4s ease; }
6197
  .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6198
  .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6199
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6200
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6201
 
6202
  ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6203
  ul[data-list-animation*="animated-"] .premium-icon-list-content,
6206
 
6207
  .premium-icon-list-content-grow-effect:hover {
6208
  -webkit-transform: scale(1.07);
6209
+ -ms-transform: scale(1.07);
6210
+ transform: scale(1.07); }
assets/frontend/css/prettyphoto-rtl.css CHANGED
@@ -1,997 +1,997 @@
1
- /* ------------------------------------------------------------------------
2
- This you can edit.
3
- ------------------------------------------------------------------------- */
4
-
5
- /* ----------------------------------
6
- Default Theme
7
- ----------------------------------- */
8
-
9
- div.pp_default .pp_top,
10
- div.pp_default .pp_top .pp_middle,
11
- div.pp_default .pp_top .pp_left,
12
- div.pp_default .pp_top .pp_right,
13
- div.pp_default .pp_bottom,
14
- div.pp_default .pp_bottom .pp_left,
15
- div.pp_default .pp_bottom .pp_middle,
16
- div.pp_default .pp_bottom .pp_right {
17
- height: 13px;
18
- }
19
-
20
- div.pp_default .pp_top .pp_left {
21
- background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
- } /* Top left corner */
23
- div.pp_default .pp_top .pp_middle {
24
- background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
25
- } /* Top pattern/color */
26
- div.pp_default .pp_top .pp_right {
27
- background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
28
- } /* Top right corner */
29
-
30
- div.pp_default .pp_content .ppt {
31
- color: #f8f8f8;
32
- }
33
- div.pp_default .pp_content_container .pp_left {
34
- background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
35
- padding-left: 13px;
36
- }
37
- div.pp_default .pp_content_container .pp_right {
38
- background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
39
- padding-right: 13px;
40
- }
41
- div.pp_default .pp_content {
42
- background-color: #fff;
43
- } /* Content background */
44
- div.pp_default .pp_next:hover {
45
- background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
46
- cursor: pointer;
47
- } /* Next button */
48
- div.pp_default .pp_previous:hover {
49
- background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
50
- cursor: pointer;
51
- } /* Previous button */
52
- div.pp_default .pp_expand {
53
- background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
54
- cursor: pointer;
55
- width: 28px;
56
- height: 28px;
57
- } /* Expand button */
58
- div.pp_default .pp_expand:hover {
59
- background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
60
- cursor: pointer;
61
- } /* Expand button hover */
62
- div.pp_default .pp_contract {
63
- background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
64
- cursor: pointer;
65
- width: 28px;
66
- height: 28px;
67
- } /* Contract button */
68
- div.pp_default .pp_contract:hover {
69
- background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
70
- cursor: pointer;
71
- } /* Contract button hover */
72
- div.pp_default .pp_close {
73
- width: 30px;
74
- height: 30px;
75
- background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
76
- cursor: pointer;
77
- } /* Close button */
78
- div.pp_default #pp_full_res .pp_inline {
79
- color: #000;
80
- }
81
- div.pp_default .pp_gallery ul li a {
82
- background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
83
- border: 1px solid #aaa;
84
- }
85
- div.pp_default .pp_gallery ul li a:hover,
86
- div.pp_default .pp_gallery ul li.selected a {
87
- border-color: #fff;
88
- }
89
- div.pp_default .pp_social {
90
- margin-top: 7px;
91
- }
92
-
93
- div.pp_default .pp_gallery a.pp_arrow_previous,
94
- div.pp_default .pp_gallery a.pp_arrow_next {
95
- position: static;
96
- left: auto;
97
- }
98
- div.pp_default .pp_nav .pp_play,
99
- div.pp_default .pp_nav .pp_pause {
100
- background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
101
- height: 30px;
102
- width: 30px;
103
- }
104
- div.pp_default .pp_nav .pp_pause {
105
- background-position: -51px -29px;
106
- }
107
- div.pp_default .pp_details {
108
- position: relative;
109
- }
110
- div.pp_default a.pp_arrow_previous,
111
- div.pp_default a.pp_arrow_next {
112
- background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
113
- height: 20px;
114
- margin: 4px 0 0 0;
115
- width: 20px;
116
- }
117
- div.pp_default a.pp_arrow_next {
118
- right: 52px;
119
- background-position: -82px -3px;
120
- } /* The next arrow in the bottom nav */
121
- div.pp_default .pp_content_container .pp_details {
122
- margin-top: 5px;
123
- }
124
- div.pp_default .pp_nav {
125
- clear: none;
126
- height: 30px;
127
- width: 110px;
128
- position: relative;
129
- }
130
- div.pp_default .pp_nav .currentTextHolder {
131
- font-family: Georgia;
132
- font-style: italic;
133
- color: #999;
134
- font-size: 11px;
135
- left: 75px;
136
- line-height: 25px;
137
- margin: 0;
138
- padding: 0 0 0 10px;
139
- position: absolute;
140
- top: 2px;
141
- }
142
-
143
- div.pp_default .pp_close:hover,
144
- div.pp_default .pp_nav .pp_play:hover,
145
- div.pp_default .pp_nav .pp_pause:hover,
146
- div.pp_default .pp_arrow_next:hover,
147
- div.pp_default .pp_arrow_previous:hover {
148
- opacity: 0.7;
149
- }
150
-
151
- div.pp_default .pp_description {
152
- font-size: 11px;
153
- font-weight: bold;
154
- line-height: 14px;
155
- margin: 5px 0 5px 50px;
156
- }
157
-
158
- div.pp_default .pp_bottom .pp_left {
159
- background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
160
- } /* Bottom left corner */
161
- div.pp_default .pp_bottom .pp_middle {
162
- background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
163
- } /* Bottom pattern/color */
164
- div.pp_default .pp_bottom .pp_right {
165
- background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
166
- } /* Bottom right corner */
167
-
168
- div.pp_default .pp_loaderIcon {
169
- background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
170
- } /* Loader icon */
171
-
172
- /* ----------------------------------
173
- Light Rounded Theme
174
- ----------------------------------- */
175
-
176
- div.light_rounded .pp_top .pp_left {
177
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
178
- } /* Top left corner */
179
- div.light_rounded .pp_top .pp_middle {
180
- background: #fff;
181
- } /* Top pattern/color */
182
- div.light_rounded .pp_top .pp_right {
183
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
184
- } /* Top right corner */
185
-
186
- div.light_rounded .pp_content .ppt {
187
- color: #000;
188
- }
189
- div.light_rounded .pp_content_container .pp_left,
190
- div.light_rounded .pp_content_container .pp_right {
191
- background: #fff;
192
- }
193
- div.light_rounded .pp_content {
194
- background-color: #fff;
195
- } /* Content background */
196
- div.light_rounded .pp_next:hover {
197
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
198
- cursor: pointer;
199
- } /* Next button */
200
- div.light_rounded .pp_previous:hover {
201
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
202
- cursor: pointer;
203
- } /* Previous button */
204
- div.light_rounded .pp_expand {
205
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
206
- cursor: pointer;
207
- } /* Expand button */
208
- div.light_rounded .pp_expand:hover {
209
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
210
- cursor: pointer;
211
- } /* Expand button hover */
212
- div.light_rounded .pp_contract {
213
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
214
- cursor: pointer;
215
- } /* Contract button */
216
- div.light_rounded .pp_contract:hover {
217
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
218
- cursor: pointer;
219
- } /* Contract button hover */
220
- div.light_rounded .pp_close {
221
- width: 75px;
222
- height: 22px;
223
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
224
- cursor: pointer;
225
- } /* Close button */
226
- div.light_rounded .pp_details {
227
- position: relative;
228
- }
229
- div.light_rounded .pp_description {
230
- margin-left: 85px;
231
- }
232
- div.light_rounded #pp_full_res .pp_inline {
233
- color: #000;
234
- }
235
- div.light_rounded .pp_gallery a.pp_arrow_previous,
236
- div.light_rounded .pp_gallery a.pp_arrow_next {
237
- margin-top: 12px !important;
238
- }
239
- div.light_rounded .pp_nav .pp_play {
240
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
241
- height: 15px;
242
- width: 14px;
243
- }
244
- div.light_rounded .pp_nav .pp_pause {
245
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
246
- height: 15px;
247
- width: 14px;
248
- }
249
-
250
- div.light_rounded .pp_arrow_previous {
251
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
252
- } /* The previous arrow in the bottom nav */
253
- div.light_rounded .pp_arrow_previous.disabled {
254
- background-position: 100% -87px;
255
- cursor: default;
256
- }
257
- div.light_rounded .pp_arrow_next {
258
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
259
- } /* The next arrow in the bottom nav */
260
- div.light_rounded .pp_arrow_next.disabled {
261
- background-position: -22px -87px;
262
- cursor: default;
263
- }
264
-
265
- div.light_rounded .pp_bottom .pp_left {
266
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
267
- } /* Bottom left corner */
268
- div.light_rounded .pp_bottom .pp_middle {
269
- background: #fff;
270
- } /* Bottom pattern/color */
271
- div.light_rounded .pp_bottom .pp_right {
272
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
273
- } /* Bottom right corner */
274
-
275
- div.light_rounded .pp_loaderIcon {
276
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
277
- } /* Loader icon */
278
-
279
- /* ----------------------------------
280
- Dark Rounded Theme
281
- ----------------------------------- */
282
-
283
- div.dark_rounded .pp_top .pp_left {
284
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
285
- } /* Top left corner */
286
- div.dark_rounded .pp_top .pp_middle {
287
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
288
- } /* Top pattern/color */
289
- div.dark_rounded .pp_top .pp_right {
290
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
291
- } /* Top right corner */
292
-
293
- div.dark_rounded .pp_content_container .pp_left {
294
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
295
- } /* Left Content background */
296
- div.dark_rounded .pp_content_container .pp_right {
297
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
298
- } /* Right Content background */
299
- div.dark_rounded .pp_content {
300
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
301
- } /* Content background */
302
- div.dark_rounded .pp_next:hover {
303
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
304
- cursor: pointer;
305
- } /* Next button */
306
- div.dark_rounded .pp_previous:hover {
307
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
308
- cursor: pointer;
309
- } /* Previous button */
310
- div.dark_rounded .pp_expand {
311
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
312
- cursor: pointer;
313
- } /* Expand button */
314
- div.dark_rounded .pp_expand:hover {
315
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
316
- cursor: pointer;
317
- } /* Expand button hover */
318
- div.dark_rounded .pp_contract {
319
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
320
- cursor: pointer;
321
- } /* Contract button */
322
- div.dark_rounded .pp_contract:hover {
323
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
324
- cursor: pointer;
325
- } /* Contract button hover */
326
- div.dark_rounded .pp_close {
327
- width: 75px;
328
- height: 22px;
329
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
330
- cursor: pointer;
331
- } /* Close button */
332
- div.dark_rounded .pp_details {
333
- position: relative;
334
- }
335
- div.dark_rounded .pp_description {
336
- margin-left: 85px;
337
- }
338
- div.dark_rounded .currentTextHolder {
339
- color: #c4c4c4;
340
- }
341
- div.dark_rounded .pp_description {
342
- color: #fff;
343
- }
344
- div.dark_rounded #pp_full_res .pp_inline {
345
- color: #fff;
346
- }
347
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
348
- div.dark_rounded .pp_gallery a.pp_arrow_next {
349
- margin-top: 12px !important;
350
- }
351
- div.dark_rounded .pp_nav .pp_play {
352
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
353
- height: 15px;
354
- width: 14px;
355
- }
356
- div.dark_rounded .pp_nav .pp_pause {
357
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
358
- height: 15px;
359
- width: 14px;
360
- }
361
-
362
- div.dark_rounded .pp_arrow_previous {
363
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
364
- } /* The previous arrow in the bottom nav */
365
- div.dark_rounded .pp_arrow_previous.disabled {
366
- background-position: 100% -87px;
367
- cursor: default;
368
- }
369
- div.dark_rounded .pp_arrow_next {
370
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
371
- } /* The next arrow in the bottom nav */
372
- div.dark_rounded .pp_arrow_next.disabled {
373
- background-position: -22px -87px;
374
- cursor: default;
375
- }
376
-
377
- div.dark_rounded .pp_bottom .pp_left {
378
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
379
- } /* Bottom left corner */
380
- div.dark_rounded .pp_bottom .pp_middle {
381
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
382
- } /* Bottom pattern/color */
383
- div.dark_rounded .pp_bottom .pp_right {
384
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
385
- } /* Bottom right corner */
386
-
387
- div.dark_rounded .pp_loaderIcon {
388
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
389
- } /* Loader icon */
390
-
391
- /* ----------------------------------
392
- Dark Square Theme
393
- ----------------------------------- */
394
-
395
- div.dark_square .pp_left,
396
- div.dark_square .pp_middle,
397
- div.dark_square .pp_right,
398
- div.dark_square .pp_content {
399
- background: #000;
400
- }
401
-
402
- div.dark_square .currentTextHolder {
403
- color: #c4c4c4;
404
- }
405
- div.dark_square .pp_description {
406
- color: #fff;
407
- }
408
- div.dark_square .pp_loaderIcon {
409
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
410
- } /* Loader icon */
411
-
412
- div.dark_square .pp_expand {
413
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
414
- cursor: pointer;
415
- } /* Expand button */
416
- div.dark_square .pp_expand:hover {
417
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
418
- cursor: pointer;
419
- } /* Expand button hover */
420
- div.dark_square .pp_contract {
421
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
422
- cursor: pointer;
423
- } /* Contract button */
424
- div.dark_square .pp_contract:hover {
425
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
426
- cursor: pointer;
427
- } /* Contract button hover */
428
- div.dark_square .pp_close {
429
- width: 75px;
430
- height: 22px;
431
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
432
- cursor: pointer;
433
- } /* Close button */
434
- div.dark_square .pp_details {
435
- position: relative;
436
- }
437
- div.dark_square .pp_description {
438
- margin: 0 0 0 85px;
439
- }
440
- div.dark_square #pp_full_res .pp_inline {
441
- color: #fff;
442
- }
443
- div.dark_square .pp_gallery a.pp_arrow_previous,
444
- div.dark_square .pp_gallery a.pp_arrow_next {
445
- margin-top: 12px !important;
446
- }
447
- div.dark_square .pp_nav {
448
- clear: none;
449
- }
450
- div.dark_square .pp_nav .pp_play {
451
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
452
- height: 15px;
453
- width: 14px;
454
- }
455
- div.dark_square .pp_nav .pp_pause {
456
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
457
- height: 15px;
458
- width: 14px;
459
- }
460
-
461
- div.dark_square .pp_arrow_previous {
462
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
463
- } /* The previous arrow in the bottom nav */
464
- div.dark_square .pp_arrow_previous.disabled {
465
- background-position: 100% -87px;
466
- cursor: default;
467
- }
468
- div.dark_square .pp_arrow_next {
469
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
470
- } /* The next arrow in the bottom nav */
471
- div.dark_square .pp_arrow_next.disabled {
472
- background-position: -22px -87px;
473
- cursor: default;
474
- }
475
-
476
- div.dark_square .pp_next:hover {
477
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
478
- cursor: pointer;
479
- } /* Next button */
480
- div.dark_square .pp_previous:hover {
481
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
482
- cursor: pointer;
483
- } /* Previous button */
484
-
485
- /* ----------------------------------
486
- Light Square Theme
487
- ----------------------------------- */
488
-
489
- div.light_square .pp_left,
490
- div.light_square .pp_middle,
491
- div.light_square .pp_right,
492
- div.light_square .pp_content {
493
- background: #fff;
494
- }
495
-
496
- div.light_square .pp_content .ppt {
497
- color: #000;
498
- }
499
- div.light_square .pp_expand {
500
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
501
- cursor: pointer;
502
- } /* Expand button */
503
- div.light_square .pp_expand:hover {
504
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
505
- cursor: pointer;
506
- } /* Expand button hover */
507
- div.light_square .pp_contract {
508
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
509
- cursor: pointer;
510
- } /* Contract button */
511
- div.light_square .pp_contract:hover {
512
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
513
- cursor: pointer;
514
- } /* Contract button hover */
515
- div.light_square .pp_close {
516
- width: 75px;
517
- height: 22px;
518
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
519
- cursor: pointer;
520
- } /* Close button */
521
- div.light_square .pp_details {
522
- position: relative;
523
- }
524
- div.light_square .pp_description {
525
- margin-left: 85px;
526
- }
527
- div.light_square #pp_full_res .pp_inline {
528
- color: #000;
529
- }
530
- div.light_square .pp_gallery a.pp_arrow_previous,
531
- div.light_square .pp_gallery a.pp_arrow_next {
532
- margin-top: 12px !important;
533
- }
534
- div.light_square .pp_nav .pp_play {
535
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
536
- height: 15px;
537
- width: 14px;
538
- }
539
- div.light_square .pp_nav .pp_pause {
540
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
541
- height: 15px;
542
- width: 14px;
543
- }
544
-
545
- div.light_square .pp_arrow_previous {
546
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
547
- } /* The previous arrow in the bottom nav */
548
- div.light_square .pp_arrow_previous.disabled {
549
- background-position: 100% -87px;
550
- cursor: default;
551
- }
552
- div.light_square .pp_arrow_next {
553
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
554
- } /* The next arrow in the bottom nav */
555
- div.light_square .pp_arrow_next.disabled {
556
- background-position: -22px -87px;
557
- cursor: default;
558
- }
559
-
560
- div.light_square .pp_next:hover {
561
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
562
- cursor: pointer;
563
- } /* Next button */
564
- div.light_square .pp_previous:hover {
565
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
566
- cursor: pointer;
567
- } /* Previous button */
568
-
569
- div.light_square .pp_loaderIcon {
570
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
571
- } /* Loader icon */
572
-
573
- /* ----------------------------------
574
- Facebook style Theme
575
- ----------------------------------- */
576
-
577
- div.facebook .pp_top .pp_left {
578
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
579
- } /* Top left corner */
580
- div.facebook .pp_top .pp_middle {
581
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
582
- } /* Top pattern/color */
583
- div.facebook .pp_top .pp_right {
584
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
585
- } /* Top right corner */
586
-
587
- div.facebook .pp_content .ppt {
588
- color: #000;
589
- }
590
- div.facebook .pp_content_container .pp_left {
591
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
592
- } /* Content background */
593
- div.facebook .pp_content_container .pp_right {
594
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
595
- } /* Content background */
596
- div.facebook .pp_content {
597
- background: #fff;
598
- } /* Content background */
599
- div.facebook .pp_expand {
600
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
601
- cursor: pointer;
602
- } /* Expand button */
603
- div.facebook .pp_expand:hover {
604
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
605
- cursor: pointer;
606
- } /* Expand button hover */
607
- div.facebook .pp_contract {
608
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
609
- cursor: pointer;
610
- } /* Contract button */
611
- div.facebook .pp_contract:hover {
612
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
613
- cursor: pointer;
614
- } /* Contract button hover */
615
- div.facebook .pp_close {
616
- width: 22px;
617
- height: 22px;
618
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
619
- cursor: pointer;
620
- } /* Close button */
621
- div.facebook .pp_details {
622
- position: relative;
623
- }
624
- div.facebook .pp_description {
625
- margin: 0 0 0 37px;
626
- }
627
- div.facebook #pp_full_res .pp_inline {
628
- color: #000;
629
- }
630
- div.facebook .pp_loaderIcon {
631
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
632
- } /* Loader icon */
633
-
634
- div.facebook .pp_arrow_previous {
635
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
636
- height: 22px;
637
- margin-top: 0;
638
- width: 22px;
639
- } /* The previous arrow in the bottom nav */
640
- div.facebook .pp_arrow_previous.disabled {
641
- background-position: 100% -96px;
642
- cursor: default;
643
- }
644
- div.facebook .pp_arrow_next {
645
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
646
- height: 22px;
647
- margin-top: 0;
648
- width: 22px;
649
- } /* The next arrow in the bottom nav */
650
- div.facebook .pp_arrow_next.disabled {
651
- background-position: -32px -96px;
652
- cursor: default;
653
- }
654
- div.facebook .pp_nav {
655
- margin-top: 0;
656
- }
657
- div.facebook .pp_nav p {
658
- font-size: 15px;
659
- padding: 0 4px 0 3px;
660
- }
661
- div.facebook .pp_nav .pp_play {
662
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
663
- height: 22px;
664
- width: 22px;
665
- }
666
- div.facebook .pp_nav .pp_pause {
667
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
668
- height: 22px;
669
- width: 22px;
670
- }
671
-
672
- div.facebook .pp_next:hover {
673
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
674
- cursor: pointer;
675
- } /* Next button */
676
- div.facebook .pp_previous:hover {
677
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
678
- cursor: pointer;
679
- } /* Previous button */
680
-
681
- div.facebook .pp_bottom .pp_left {
682
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
683
- } /* Bottom left corner */
684
- div.facebook .pp_bottom .pp_middle {
685
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
686
- } /* Bottom pattern/color */
687
- div.facebook .pp_bottom .pp_right {
688
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
689
- } /* Bottom right corner */
690
-
691
- /* ------------------------------------------------------------------------
692
- DO NOT CHANGE
693
- ------------------------------------------------------------------------- */
694
-
695
- div.pp_pic_holder a:focus {
696
- outline: none;
697
- }
698
-
699
- div.pp_overlay {
700
- background: #000;
701
- display: none;
702
- right: 0;
703
- position: absolute;
704
- top: 0;
705
- width: 100%;
706
- z-index: 9500;
707
- }
708
-
709
- div.pp_pic_holder {
710
- display: none;
711
- position: absolute;
712
- width: 100px;
713
- z-index: 10000;
714
- }
715
-
716
- .pp_top {
717
- height: 20px;
718
- position: relative;
719
- }
720
- * html .pp_top {
721
- padding: 0 20px;
722
- }
723
- .pp_top .pp_left {
724
- height: 20px;
725
- left: 0;
726
- position: absolute;
727
- width: 20px;
728
- }
729
- .pp_top .pp_middle {
730
- height: 20px;
731
- right: 20px;
732
- position: absolute;
733
- left: 20px;
734
- }
735
- * html .pp_top .pp_middle {
736
- right: 0;
737
- position: static;
738
- }
739
- .pp_top .pp_right {
740
- height: 20px;
741
- left: auto;
742
- position: absolute;
743
- right: 0;
744
- top: 0;
745
- width: 20px;
746
- }
747
-
748
- .pp_content {
749
- height: 40px;
750
- min-width: 40px;
751
- }
752
- * html .pp_content {
753
- width: 40px;
754
- }
755
-
756
- .pp_fade {
757
- display: none;
758
- }
759
-
760
- .pp_content_container {
761
- position: relative;
762
- text-align: right;
763
- width: 100%;
764
- }
765
- .pp_content_container .pp_left {
766
- padding-left: 20px;
767
- }
768
- .pp_content_container .pp_right {
769
- padding-right: 20px;
770
- }
771
-
772
- .pp_content_container .pp_details {
773
- float: right;
774
- margin: 10px 0 2px 0;
775
- }
776
- .pp_description {
777
- display: none;
778
- margin: 0;
779
- }
780
-
781
- .pp_social {
782
- float: right;
783
- margin: 0;
784
- }
785
- .pp_social .facebook {
786
- float: right;
787
- margin-right: 5px;
788
- width: 55px;
789
- overflow: hidden;
790
- }
791
- .pp_social .twitter {
792
- float: right;
793
- }
794
-
795
- .pp_nav {
796
- clear: left;
797
- float: right;
798
- margin: 3px 0 0 10px;
799
- }
800
-
801
- .pp_nav p {
802
- float: right;
803
- margin: 2px 4px;
804
- white-space: nowrap;
805
- }
806
-
807
- .pp_nav .pp_play,
808
- .pp_nav .pp_pause {
809
- float: left;
810
- margin-right: 4px;
811
- text-indent: 10000px;
812
- }
813
-
814
- a.pp_arrow_previous,
815
- a.pp_arrow_next {
816
- display: block;
817
- float: left;
818
- height: 15px;
819
- margin-top: 3px;
820
- overflow: hidden;
821
- text-indent: 10000px;
822
- width: 14px;
823
- }
824
-
825
- .pp_hoverContainer {
826
- position: absolute;
827
- top: 0;
828
- width: 100%;
829
- z-index: 2000;
830
- }
831
-
832
- .pp_gallery {
833
- display: none;
834
- left: 50%;
835
- margin-top: -50px;
836
- position: absolute;
837
- z-index: 10000;
838
- direction: ltr;
839
- }
840
-
841
- .pp_gallery div {
842
- float: left;
843
- overflow: hidden;
844
- position: relative;
845
- }
846
-
847
- .pp_gallery ul {
848
- float: left;
849
- height: 35px;
850
- margin: 0 0 0 5px;
851
- padding: 0;
852
- position: relative;
853
- white-space: nowrap;
854
- }
855
-
856
- .pp_gallery ul a {
857
- border: 1px #000 solid;
858
- border: 1px rgba(0, 0, 0, 0.5) solid;
859
- display: block;
860
- float: left;
861
- height: 33px;
862
- overflow: hidden;
863
- }
864
-
865
- .pp_gallery ul a:hover,
866
- .pp_gallery li.selected a {
867
- border-color: #fff;
868
- }
869
-
870
- .pp_gallery ul a img {
871
- border: 0;
872
- }
873
-
874
- .pp_gallery li {
875
- display: block;
876
- float: left;
877
- margin: 0 5px 0 0;
878
- padding: 0;
879
- }
880
-
881
- .pp_gallery li.default a {
882
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
883
- display: block;
884
- height: 33px;
885
- width: 50px;
886
- }
887
-
888
- .pp_gallery li.default a img {
889
- display: none;
890
- }
891
-
892
- .pp_gallery .pp_arrow_previous,
893
- .pp_gallery .pp_arrow_next {
894
- margin-top: 7px !important;
895
- }
896
- a.pp_next {
897
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
898
- display: block;
899
- float: right;
900
- height: 100%;
901
- text-indent: 10000px;
902
- width: 49%;
903
- }
904
- a.pp_previous {
905
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
906
- display: block;
907
- float: left;
908
- height: 100%;
909
- text-indent: 10000px;
910
- width: 49%;
911
- }
912
-
913
- a.pp_expand,
914
- a.pp_contract {
915
- cursor: pointer;
916
- display: none;
917
- height: 20px;
918
- position: absolute;
919
- left: 30px;
920
- text-indent: 10000px;
921
- top: 10px;
922
- width: 20px;
923
- z-index: 20000;
924
- }
925
-
926
- a.pp_close {
927
- position: absolute;
928
- left: 0;
929
- top: 0;
930
- display: block;
931
- line-height: 22px;
932
- text-indent: 10000px;
933
- }
934
-
935
- .pp_bottom {
936
- height: 20px;
937
- position: relative;
938
- }
939
- * html .pp_bottom {
940
- padding: 0 20px;
941
- }
942
- .pp_bottom .pp_left {
943
- height: 20px;
944
- left: 0;
945
- position: absolute;
946
- width: 20px;
947
- }
948
- .pp_bottom .pp_middle {
949
- height: 20px;
950
- right: 20px;
951
- position: absolute;
952
- left: 20px;
953
- }
954
- * html .pp_bottom .pp_middle {
955
- right: 0;
956
- position: static;
957
- }
958
- .pp_bottom .pp_right {
959
- height: 20px;
960
- left: auto;
961
- position: absolute;
962
- right: 0;
963
- top: 0;
964
- width: 20px;
965
- }
966
-
967
- .pp_loaderIcon {
968
- display: block;
969
- height: 24px;
970
- right: 50%;
971
- margin: -12px -12px 0 0;
972
- position: absolute;
973
- top: 50%;
974
- width: 24px;
975
- }
976
-
977
- #pp_full_res {
978
- line-height: 1 !important;
979
- }
980
-
981
- #pp_full_res .pp_inline {
982
- text-align: right;
983
- }
984
-
985
- #pp_full_res .pp_inline p {
986
- margin: 0 0 15px 0;
987
- }
988
-
989
- div.ppt {
990
- color: #fff;
991
- display: none;
992
- font-size: 17px;
993
- margin: 0 15px 5px 0;
994
- z-index: 9999;
995
- text-align: right;
996
- width: 100% !important;
997
- }
1
+ /* ------------------------------------------------------------------------
2
+ This you can edit.
3
+ ------------------------------------------------------------------------- */
4
+
5
+ /* ----------------------------------
6
+ Default Theme
7
+ ----------------------------------- */
8
+
9
+ div.pp_default .pp_top,
10
+ div.pp_default .pp_top .pp_middle,
11
+ div.pp_default .pp_top .pp_left,
12
+ div.pp_default .pp_top .pp_right,
13
+ div.pp_default .pp_bottom,
14
+ div.pp_default .pp_bottom .pp_left,
15
+ div.pp_default .pp_bottom .pp_middle,
16
+ div.pp_default .pp_bottom .pp_right {
17
+ height: 13px;
18
+ }
19
+
20
+ div.pp_default .pp_top .pp_left {
21
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
22
+ } /* Top left corner */
23
+ div.pp_default .pp_top .pp_middle {
24
+ background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
25
+ } /* Top pattern/color */
26
+ div.pp_default .pp_top .pp_right {
27
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
28
+ } /* Top right corner */
29
+
30
+ div.pp_default .pp_content .ppt {
31
+ color: #f8f8f8;
32
+ }
33
+ div.pp_default .pp_content_container .pp_left {
34
+ background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
35
+ padding-left: 13px;
36
+ }
37
+ div.pp_default .pp_content_container .pp_right {
38
+ background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
39
+ padding-right: 13px;
40
+ }
41
+ div.pp_default .pp_content {
42
+ background-color: #fff;
43
+ } /* Content background */
44
+ div.pp_default .pp_next:hover {
45
+ background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
46
+ cursor: pointer;
47
+ } /* Next button */
48
+ div.pp_default .pp_previous:hover {
49
+ background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
50
+ cursor: pointer;
51
+ } /* Previous button */
52
+ div.pp_default .pp_expand {
53
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
54
+ cursor: pointer;
55
+ width: 28px;
56
+ height: 28px;
57
+ } /* Expand button */
58
+ div.pp_default .pp_expand:hover {
59
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
60
+ cursor: pointer;
61
+ } /* Expand button hover */
62
+ div.pp_default .pp_contract {
63
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
64
+ cursor: pointer;
65
+ width: 28px;
66
+ height: 28px;
67
+ } /* Contract button */
68
+ div.pp_default .pp_contract:hover {
69
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
70
+ cursor: pointer;
71
+ } /* Contract button hover */
72
+ div.pp_default .pp_close {
73
+ width: 30px;
74
+ height: 30px;
75
+ background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
76
+ cursor: pointer;
77
+ } /* Close button */
78
+ div.pp_default #pp_full_res .pp_inline {
79
+ color: #000;
80
+ }
81
+ div.pp_default .pp_gallery ul li a {
82
+ background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
83
+ border: 1px solid #aaa;
84
+ }
85
+ div.pp_default .pp_gallery ul li a:hover,
86
+ div.pp_default .pp_gallery ul li.selected a {
87
+ border-color: #fff;
88
+ }
89
+ div.pp_default .pp_social {
90
+ margin-top: 7px;
91
+ }
92
+
93
+ div.pp_default .pp_gallery a.pp_arrow_previous,
94
+ div.pp_default .pp_gallery a.pp_arrow_next {
95
+ position: static;
96
+ left: auto;
97
+ }
98
+ div.pp_default .pp_nav .pp_play,
99
+ div.pp_default .pp_nav .pp_pause {
100
+ background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
101
+ height: 30px;
102
+ width: 30px;
103
+ }
104
+ div.pp_default .pp_nav .pp_pause {
105
+ background-position: -51px -29px;
106
+ }
107
+ div.pp_default .pp_details {
108
+ position: relative;
109
+ }
110
+ div.pp_default a.pp_arrow_previous,
111
+ div.pp_default a.pp_arrow_next {
112
+ background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
113
+ height: 20px;
114
+ margin: 4px 0 0 0;
115
+ width: 20px;
116
+ }
117
+ div.pp_default a.pp_arrow_next {
118
+ right: 52px;
119
+ background-position: -82px -3px;
120
+ } /* The next arrow in the bottom nav */
121
+ div.pp_default .pp_content_container .pp_details {
122
+ margin-top: 5px;
123
+ }
124
+ div.pp_default .pp_nav {
125
+ clear: none;
126
+ height: 30px;
127
+ width: 110px;
128
+ position: relative;
129
+ }
130
+ div.pp_default .pp_nav .currentTextHolder {
131
+ font-family: Georgia;
132
+ font-style: italic;
133
+ color: #999;
134
+ font-size: 11px;
135
+ left: 75px;
136
+ line-height: 25px;
137
+ margin: 0;
138
+ padding: 0 0 0 10px;
139
+ position: absolute;
140
+ top: 2px;
141
+ }
142
+
143
+ div.pp_default .pp_close:hover,
144
+ div.pp_default .pp_nav .pp_play:hover,
145
+ div.pp_default .pp_nav .pp_pause:hover,
146
+ div.pp_default .pp_arrow_next:hover,
147
+ div.pp_default .pp_arrow_previous:hover {
148
+ opacity: 0.7;
149
+ }
150
+
151
+ div.pp_default .pp_description {
152
+ font-size: 11px;
153
+ font-weight: bold;
154
+ line-height: 14px;
155
+ margin: 5px 0 5px 50px;
156
+ }
157
+
158
+ div.pp_default .pp_bottom .pp_left {
159
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
160
+ } /* Bottom left corner */
161
+ div.pp_default .pp_bottom .pp_middle {
162
+ background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
163
+ } /* Bottom pattern/color */
164
+ div.pp_default .pp_bottom .pp_right {
165
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
166
+ } /* Bottom right corner */
167
+
168
+ div.pp_default .pp_loaderIcon {
169
+ background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
170
+ } /* Loader icon */
171
+
172
+ /* ----------------------------------
173
+ Light Rounded Theme
174
+ ----------------------------------- */
175
+
176
+ div.light_rounded .pp_top .pp_left {
177
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
178
+ } /* Top left corner */
179
+ div.light_rounded .pp_top .pp_middle {
180
+ background: #fff;
181
+ } /* Top pattern/color */
182
+ div.light_rounded .pp_top .pp_right {
183
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
184
+ } /* Top right corner */
185
+
186
+ div.light_rounded .pp_content .ppt {
187
+ color: #000;
188
+ }
189
+ div.light_rounded .pp_content_container .pp_left,
190
+ div.light_rounded .pp_content_container .pp_right {
191
+ background: #fff;
192
+ }
193
+ div.light_rounded .pp_content {
194
+ background-color: #fff;
195
+ } /* Content background */
196
+ div.light_rounded .pp_next:hover {
197
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
198
+ cursor: pointer;
199
+ } /* Next button */
200
+ div.light_rounded .pp_previous:hover {
201
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
202
+ cursor: pointer;
203
+ } /* Previous button */
204
+ div.light_rounded .pp_expand {
205
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
206
+ cursor: pointer;
207
+ } /* Expand button */
208
+ div.light_rounded .pp_expand:hover {
209
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
210
+ cursor: pointer;
211
+ } /* Expand button hover */
212
+ div.light_rounded .pp_contract {
213
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
214
+ cursor: pointer;
215
+ } /* Contract button */
216
+ div.light_rounded .pp_contract:hover {
217
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
218
+ cursor: pointer;
219
+ } /* Contract button hover */
220
+ div.light_rounded .pp_close {
221
+ width: 75px;
222
+ height: 22px;
223
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
224
+ cursor: pointer;
225
+ } /* Close button */
226
+ div.light_rounded .pp_details {
227
+ position: relative;
228
+ }
229
+ div.light_rounded .pp_description {
230
+ margin-left: 85px;
231
+ }
232
+ div.light_rounded #pp_full_res .pp_inline {
233
+ color: #000;
234
+ }
235
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
236
+ div.light_rounded .pp_gallery a.pp_arrow_next {
237
+ margin-top: 12px !important;
238
+ }
239
+ div.light_rounded .pp_nav .pp_play {
240
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
241
+ height: 15px;
242
+ width: 14px;
243
+ }
244
+ div.light_rounded .pp_nav .pp_pause {
245
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
246
+ height: 15px;
247
+ width: 14px;
248
+ }
249
+
250
+ div.light_rounded .pp_arrow_previous {
251
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
252
+ } /* The previous arrow in the bottom nav */
253
+ div.light_rounded .pp_arrow_previous.disabled {
254
+ background-position: 100% -87px;
255
+ cursor: default;
256
+ }
257
+ div.light_rounded .pp_arrow_next {
258
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
259
+ } /* The next arrow in the bottom nav */
260
+ div.light_rounded .pp_arrow_next.disabled {
261
+ background-position: -22px -87px;
262
+ cursor: default;
263
+ }
264
+
265
+ div.light_rounded .pp_bottom .pp_left {
266
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
267
+ } /* Bottom left corner */
268
+ div.light_rounded .pp_bottom .pp_middle {
269
+ background: #fff;
270
+ } /* Bottom pattern/color */
271
+ div.light_rounded .pp_bottom .pp_right {
272
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
273
+ } /* Bottom right corner */
274
+
275
+ div.light_rounded .pp_loaderIcon {
276
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
277
+ } /* Loader icon */
278
+
279
+ /* ----------------------------------
280
+ Dark Rounded Theme
281
+ ----------------------------------- */
282
+
283
+ div.dark_rounded .pp_top .pp_left {
284
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
285
+ } /* Top left corner */
286
+ div.dark_rounded .pp_top .pp_middle {
287
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
288
+ } /* Top pattern/color */
289
+ div.dark_rounded .pp_top .pp_right {
290
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
291
+ } /* Top right corner */
292
+
293
+ div.dark_rounded .pp_content_container .pp_left {
294
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
295
+ } /* Left Content background */
296
+ div.dark_rounded .pp_content_container .pp_right {
297
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
298
+ } /* Right Content background */
299
+ div.dark_rounded .pp_content {
300
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
301
+ } /* Content background */
302
+ div.dark_rounded .pp_next:hover {
303
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
304
+ cursor: pointer;
305
+ } /* Next button */
306
+ div.dark_rounded .pp_previous:hover {
307
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
308
+ cursor: pointer;
309
+ } /* Previous button */
310
+ div.dark_rounded .pp_expand {
311
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
312
+ cursor: pointer;
313
+ } /* Expand button */
314
+ div.dark_rounded .pp_expand:hover {
315
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
316
+ cursor: pointer;
317
+ } /* Expand button hover */
318
+ div.dark_rounded .pp_contract {
319
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
320
+ cursor: pointer;
321
+ } /* Contract button */
322
+ div.dark_rounded .pp_contract:hover {
323
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
324
+ cursor: pointer;
325
+ } /* Contract button hover */
326
+ div.dark_rounded .pp_close {
327
+ width: 75px;
328
+ height: 22px;
329
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
330
+ cursor: pointer;
331
+ } /* Close button */
332
+ div.dark_rounded .pp_details {
333
+ position: relative;
334
+ }
335
+ div.dark_rounded .pp_description {
336
+ margin-left: 85px;
337
+ }
338
+ div.dark_rounded .currentTextHolder {
339
+ color: #c4c4c4;
340
+ }
341
+ div.dark_rounded .pp_description {
342
+ color: #fff;
343
+ }
344
+ div.dark_rounded #pp_full_res .pp_inline {
345
+ color: #fff;
346
+ }
347
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
348
+ div.dark_rounded .pp_gallery a.pp_arrow_next {
349
+ margin-top: 12px !important;
350
+ }
351
+ div.dark_rounded .pp_nav .pp_play {
352
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
353
+ height: 15px;
354
+ width: 14px;
355
+ }
356
+ div.dark_rounded .pp_nav .pp_pause {
357
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
358
+ height: 15px;
359
+ width: 14px;
360
+ }
361
+
362
+ div.dark_rounded .pp_arrow_previous {
363
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
364
+ } /* The previous arrow in the bottom nav */
365
+ div.dark_rounded .pp_arrow_previous.disabled {
366
+ background-position: 100% -87px;
367
+ cursor: default;
368
+ }
369
+ div.dark_rounded .pp_arrow_next {
370
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
371
+ } /* The next arrow in the bottom nav */
372
+ div.dark_rounded .pp_arrow_next.disabled {
373
+ background-position: -22px -87px;
374
+ cursor: default;
375
+ }
376
+
377
+ div.dark_rounded .pp_bottom .pp_left {
378
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
379
+ } /* Bottom left corner */
380
+ div.dark_rounded .pp_bottom .pp_middle {
381
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
382
+ } /* Bottom pattern/color */
383
+ div.dark_rounded .pp_bottom .pp_right {
384
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
385
+ } /* Bottom right corner */
386
+
387
+ div.dark_rounded .pp_loaderIcon {
388
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
389
+ } /* Loader icon */
390
+
391
+ /* ----------------------------------
392
+ Dark Square Theme
393
+ ----------------------------------- */
394
+
395
+ div.dark_square .pp_left,
396
+ div.dark_square .pp_middle,
397
+ div.dark_square .pp_right,
398
+ div.dark_square .pp_content {
399
+ background: #000;
400
+ }
401
+
402
+ div.dark_square .currentTextHolder {
403
+ color: #c4c4c4;
404
+ }
405
+ div.dark_square .pp_description {
406
+ color: #fff;
407
+ }
408
+ div.dark_square .pp_loaderIcon {
409
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
410
+ } /* Loader icon */
411
+
412
+ div.dark_square .pp_expand {
413
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
414
+ cursor: pointer;
415
+ } /* Expand button */
416
+ div.dark_square .pp_expand:hover {
417
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
418
+ cursor: pointer;
419
+ } /* Expand button hover */
420
+ div.dark_square .pp_contract {
421
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
422
+ cursor: pointer;
423
+ } /* Contract button */
424
+ div.dark_square .pp_contract:hover {
425
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
426
+ cursor: pointer;
427
+ } /* Contract button hover */
428
+ div.dark_square .pp_close {
429
+ width: 75px;
430
+ height: 22px;
431
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
432
+ cursor: pointer;
433
+ } /* Close button */
434
+ div.dark_square .pp_details {
435
+ position: relative;
436
+ }
437
+ div.dark_square .pp_description {
438
+ margin: 0 0 0 85px;
439
+ }
440
+ div.dark_square #pp_full_res .pp_inline {
441
+ color: #fff;
442
+ }
443
+ div.dark_square .pp_gallery a.pp_arrow_previous,
444
+ div.dark_square .pp_gallery a.pp_arrow_next {
445
+ margin-top: 12px !important;
446
+ }
447
+ div.dark_square .pp_nav {
448
+ clear: none;
449
+ }
450
+ div.dark_square .pp_nav .pp_play {
451
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
452
+ height: 15px;
453
+ width: 14px;
454
+ }
455
+ div.dark_square .pp_nav .pp_pause {
456
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
457
+ height: 15px;
458
+ width: 14px;
459
+ }
460
+
461
+ div.dark_square .pp_arrow_previous {
462
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
463
+ } /* The previous arrow in the bottom nav */
464
+ div.dark_square .pp_arrow_previous.disabled {
465
+ background-position: 100% -87px;
466
+ cursor: default;
467
+ }
468
+ div.dark_square .pp_arrow_next {
469
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
470
+ } /* The next arrow in the bottom nav */
471
+ div.dark_square .pp_arrow_next.disabled {
472
+ background-position: -22px -87px;
473
+ cursor: default;
474
+ }
475
+
476
+ div.dark_square .pp_next:hover {
477
+ background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
478
+ cursor: pointer;
479
+ } /* Next button */
480
+ div.dark_square .pp_previous:hover {
481
+ background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
482
+ cursor: pointer;
483
+ } /* Previous button */
484
+
485
+ /* ----------------------------------
486
+ Light Square Theme
487
+ ----------------------------------- */
488
+
489
+ div.light_square .pp_left,
490
+ div.light_square .pp_middle,
491
+ div.light_square .pp_right,
492
+ div.light_square .pp_content {
493
+ background: #fff;
494
+ }
495
+
496
+ div.light_square .pp_content .ppt {
497
+ color: #000;
498
+ }
499
+ div.light_square .pp_expand {
500
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
501
+ cursor: pointer;
502
+ } /* Expand button */
503
+ div.light_square .pp_expand:hover {
504
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
505
+ cursor: pointer;
506
+ } /* Expand button hover */
507
+ div.light_square .pp_contract {
508
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
509
+ cursor: pointer;
510
+ } /* Contract button */
511
+ div.light_square .pp_contract:hover {
512
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
513
+ cursor: pointer;
514
+ } /* Contract button hover */
515
+ div.light_square .pp_close {
516
+ width: 75px;
517
+ height: 22px;
518
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
519
+ cursor: pointer;
520
+ } /* Close button */
521
+ div.light_square .pp_details {
522
+ position: relative;
523
+ }
524
+ div.light_square .pp_description {
525
+ margin-left: 85px;
526
+ }
527
+ div.light_square #pp_full_res .pp_inline {
528
+ color: #000;
529
+ }
530
+ div.light_square .pp_gallery a.pp_arrow_previous,
531
+ div.light_square .pp_gallery a.pp_arrow_next {
532
+ margin-top: 12px !important;
533
+ }
534
+ div.light_square .pp_nav .pp_play {
535
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
536
+ height: 15px;
537
+ width: 14px;
538
+ }
539
+ div.light_square .pp_nav .pp_pause {
540
+ background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
541
+ height: 15px;
542
+ width: 14px;
543
+ }
544
+
545
+ div.light_square .pp_arrow_previous {
546
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
547
+ } /* The previous arrow in the bottom nav */
548
+ div.light_square .pp_arrow_previous.disabled {
549
+ background-position: 100% -87px;
550
+ cursor: default;
551
+ }
552
+ div.light_square .pp_arrow_next {
553
+ background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
554
+ } /* The next arrow in the bottom nav */
555
+ div.light_square .pp_arrow_next.disabled {
556
+ background-position: -22px -87px;
557
+ cursor: default;
558
+ }
559
+
560
+ div.light_square .pp_next:hover {
561
+ background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
562
+ cursor: pointer;
563
+ } /* Next button */
564
+ div.light_square .pp_previous:hover {
565
+ background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
566
+ cursor: pointer;
567
+ } /* Previous button */
568
+
569
+ div.light_square .pp_loaderIcon {
570
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
571
+ } /* Loader icon */
572
+
573
+ /* ----------------------------------
574
+ Facebook style Theme
575
+ ----------------------------------- */
576
+
577
+ div.facebook .pp_top .pp_left {
578
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
579
+ } /* Top left corner */
580
+ div.facebook .pp_top .pp_middle {
581
+ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
582
+ } /* Top pattern/color */
583
+ div.facebook .pp_top .pp_right {
584
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
585
+ } /* Top right corner */
586
+
587
+ div.facebook .pp_content .ppt {
588
+ color: #000;
589
+ }
590
+ div.facebook .pp_content_container .pp_left {
591
+ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
592
+ } /* Content background */
593
+ div.facebook .pp_content_container .pp_right {
594
+ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
595
+ } /* Content background */
596
+ div.facebook .pp_content {
597
+ background: #fff;
598
+ } /* Content background */
599
+ div.facebook .pp_expand {
600
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
601
+ cursor: pointer;
602
+ } /* Expand button */
603
+ div.facebook .pp_expand:hover {
604
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
605
+ cursor: pointer;
606
+ } /* Expand button hover */
607
+ div.facebook .pp_contract {
608
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
609
+ cursor: pointer;
610
+ } /* Contract button */
611
+ div.facebook .pp_contract:hover {
612
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
613
+ cursor: pointer;
614
+ } /* Contract button hover */
615
+ div.facebook .pp_close {
616
+ width: 22px;
617
+ height: 22px;
618
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
619
+ cursor: pointer;
620
+ } /* Close button */
621
+ div.facebook .pp_details {
622
+ position: relative;
623
+ }
624
+ div.facebook .pp_description {
625
+ margin: 0 0 0 37px;
626
+ }
627
+ div.facebook #pp_full_res .pp_inline {
628
+ color: #000;
629
+ }
630
+ div.facebook .pp_loaderIcon {
631
+ background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
632
+ } /* Loader icon */
633
+
634
+ div.facebook .pp_arrow_previous {
635
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
636
+ height: 22px;
637
+ margin-top: 0;
638
+ width: 22px;
639
+ } /* The previous arrow in the bottom nav */
640
+ div.facebook .pp_arrow_previous.disabled {
641
+ background-position: 100% -96px;
642
+ cursor: default;
643
+ }
644
+ div.facebook .pp_arrow_next {
645
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
646
+ height: 22px;
647
+ margin-top: 0;
648
+ width: 22px;
649
+ } /* The next arrow in the bottom nav */
650
+ div.facebook .pp_arrow_next.disabled {
651
+ background-position: -32px -96px;
652
+ cursor: default;
653
+ }
654
+ div.facebook .pp_nav {
655
+ margin-top: 0;
656
+ }
657
+ div.facebook .pp_nav p {
658
+ font-size: 15px;
659
+ padding: 0 4px 0 3px;
660
+ }
661
+ div.facebook .pp_nav .pp_play {
662
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
663
+ height: 22px;
664
+ width: 22px;
665
+ }
666
+ div.facebook .pp_nav .pp_pause {
667
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
668
+ height: 22px;
669
+ width: 22px;
670
+ }
671
+
672
+ div.facebook .pp_next:hover {
673
+ background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
674
+ cursor: pointer;
675
+ } /* Next button */
676
+ div.facebook .pp_previous:hover {
677
+ background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
678
+ cursor: pointer;
679
+ } /* Previous button */
680
+
681
+ div.facebook .pp_bottom .pp_left {
682
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
683
+ } /* Bottom left corner */
684
+ div.facebook .pp_bottom .pp_middle {
685
+ background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
686
+ } /* Bottom pattern/color */
687
+ div.facebook .pp_bottom .pp_right {
688
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
689
+ } /* Bottom right corner */
690
+
691
+ /* ------------------------------------------------------------------------
692
+ DO NOT CHANGE
693
+ ------------------------------------------------------------------------- */
694
+
695
+ div.pp_pic_holder a:focus {
696
+ outline: none;
697
+ }
698
+
699
+ div.pp_overlay {
700
+ background: #000;
701
+ display: none;
702
+ right: 0;
703
+ position: absolute;
704
+ top: 0;
705
+ width: 100%;
706
+ z-index: 9500;
707
+ }
708
+
709
+ div.pp_pic_holder {
710
+ display: none;
711
+ position: absolute;
712
+ width: 100px;
713
+ z-index: 10000;
714
+ }
715
+
716
+ .pp_top {
717
+ height: 20px;
718
+ position: relative;
719
+ }
720
+ * html .pp_top {
721
+ padding: 0 20px;
722
+ }
723
+ .pp_top .pp_left {
724
+ height: 20px;
725
+ left: 0;
726
+ position: absolute;
727
+ width: 20px;
728
+ }
729
+ .pp_top .pp_middle {
730
+ height: 20px;
731
+ right: 20px;
732
+ position: absolute;
733
+ left: 20px;
734
+ }
735
+ * html .pp_top .pp_middle {
736
+ right: 0;
737
+ position: static;
738
+ }
739
+ .pp_top .pp_right {
740
+ height: 20px;
741
+ left: auto;
742
+ position: absolute;
743
+ right: 0;
744
+ top: 0;
745
+ width: 20px;
746
+ }
747
+
748
+ .pp_content {
749
+ height: 40px;
750
+ min-width: 40px;
751
+ }
752
+ * html .pp_content {
753
+ width: 40px;
754
+ }
755
+
756
+ .pp_fade {
757
+ display: none;
758
+ }
759
+
760
+ .pp_content_container {
761
+ position: relative;
762
+ text-align: right;
763
+ width: 100%;
764
+ }
765
+ .pp_content_container .pp_left {
766
+ padding-left: 20px;
767
+ }
768
+ .pp_content_container .pp_right {
769
+ padding-right: 20px;
770
+ }
771
+
772
+ .pp_content_container .pp_details {
773
+ float: right;
774
+ margin: 10px 0 2px 0;
775
+ }
776
+ .pp_description {
777
+ display: none;
778
+ margin: 0;
779
+ }
780
+
781
+ .pp_social {
782
+ float: right;
783
+ margin: 0;
784
+ }
785
+ .pp_social .facebook {
786
+ float: right;
787
+ margin-right: 5px;
788
+ width: 55px;
789
+ overflow: hidden;
790
+ }
791
+ .pp_social .twitter {
792
+ float: right;
793
+ }
794
+
795
+ .pp_nav {
796
+ clear: left;
797
+ float: right;
798
+ margin: 3px 0 0 10px;
799
+ }
800
+
801
+ .pp_nav p {
802
+ float: right;
803
+ margin: 2px 4px;
804
+ white-space: nowrap;
805
+ }
806
+
807
+ .pp_nav .pp_play,
808
+ .pp_nav .pp_pause {
809
+ float: left;
810
+ margin-right: 4px;
811
+ text-indent: 10000px;
812
+ }
813
+
814
+ a.pp_arrow_previous,
815
+ a.pp_arrow_next {
816
+ display: block;
817
+ float: left;
818
+ height: 15px;
819
+ margin-top: 3px;
820
+ overflow: hidden;
821
+ text-indent: 10000px;
822
+ width: 14px;
823
+ }
824
+
825
+ .pp_hoverContainer {
826
+ position: absolute;
827
+ top: 0;
828
+ width: 100%;
829
+ z-index: 2000;
830
+ }
831
+
832
+ .pp_gallery {
833
+ display: none;
834
+ left: 50%;
835
+ margin-top: -50px;
836
+ position: absolute;
837
+ z-index: 10000;
838
+ direction: ltr;
839
+ }
840
+
841
+ .pp_gallery div {
842
+ float: left;
843
+ overflow: hidden;
844
+ position: relative;
845
+ }
846
+
847
+ .pp_gallery ul {
848
+ float: left;
849
+ height: 35px;
850
+ margin: 0 0 0 5px;
851
+ padding: 0;
852
+ position: relative;
853
+ white-space: nowrap;
854
+ }
855
+
856
+ .pp_gallery ul a {
857
+ border: 1px #000 solid;
858
+ border: 1px rgba(0, 0, 0, 0.5) solid;
859
+ display: block;
860
+ float: left;
861
+ height: 33px;
862
+ overflow: hidden;
863
+ }
864
+
865
+ .pp_gallery ul a:hover,
866
+ .pp_gallery li.selected a {
867
+ border-color: #fff;
868
+ }
869
+
870
+ .pp_gallery ul a img {
871
+ border: 0;
872
+ }
873
+
874
+ .pp_gallery li {
875
+ display: block;
876
+ float: left;
877
+ margin: 0 5px 0 0;
878
+ padding: 0;
879
+ }
880
+
881
+ .pp_gallery li.default a {
882
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
883
+ display: block;
884
+ height: 33px;
885
+ width: 50px;
886
+ }
887
+
888
+ .pp_gallery li.default a img {
889
+ display: none;
890
+ }
891
+
892
+ .pp_gallery .pp_arrow_previous,
893
+ .pp_gallery .pp_arrow_next {
894
+ margin-top: 7px !important;
895
+ }
896
+ a.pp_next {
897
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
898
+ display: block;
899
+ float: right;
900
+ height: 100%;
901
+ text-indent: 10000px;
902
+ width: 49%;
903
+ }
904
+ a.pp_previous {
905
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
906
+ display: block;
907
+ float: left;
908
+ height: 100%;
909
+ text-indent: 10000px;
910
+ width: 49%;
911
+ }
912
+
913
+ a.pp_expand,
914
+ a.pp_contract {
915
+ cursor: pointer;
916
+ display: none;
917
+ height: 20px;
918
+ position: absolute;
919
+ left: 30px;
920
+ text-indent: 10000px;
921
+ top: 10px;
922
+ width: 20px;
923
+ z-index: 20000;
924
+ }
925
+
926
+ a.pp_close {
927
+ position: absolute;
928
+ left: 0;
929
+ top: 0;
930
+ display: block;
931
+ line-height: 22px;
932
+ text-indent: 10000px;
933
+ }
934
+
935
+ .pp_bottom {
936
+ height: 20px;
937
+ position: relative;
938
+ }
939
+ * html .pp_bottom {
940
+ padding: 0 20px;
941
+ }
942
+ .pp_bottom .pp_left {
943
+ height: 20px;
944
+ left: 0;
945
+ position: absolute;
946
+ width: 20px;
947
+ }
948
+ .pp_bottom .pp_middle {
949
+ height: 20px;
950
+ right: 20px;
951
+ position: absolute;
952
+ left: 20px;
953
+ }
954
+ * html .pp_bottom .pp_middle {
955
+ right: 0;
956
+ position: static;
957
+ }
958
+ .pp_bottom .pp_right {
959
+ height: 20px;
960
+ left: auto;
961
+ position: absolute;
962
+ right: 0;
963
+ top: 0;
964
+ width: 20px;
965
+ }
966
+
967
+ .pp_loaderIcon {
968
+ display: block;
969
+ height: 24px;
970
+ right: 50%;
971
+ margin: -12px -12px 0 0;
972
+ position: absolute;
973
+ top: 50%;
974
+ width: 24px;
975
+ }
976
+
977
+ #pp_full_res {
978
+ line-height: 1 !important;
979
+ }
980
+
981
+ #pp_full_res .pp_inline {
982
+ text-align: right;
983
+ }
984
+
985
+ #pp_full_res .pp_inline p {
986
+ margin: 0 0 15px 0;
987
+ }
988
+
989
+ div.ppt {
990
+ color: #fff;
991
+ display: none;
992
+ font-size: 17px;
993
+ margin: 0 15px 5px 0;
994
+ z-index: 9999;
995
+ text-align: right;
996
+ width: 100% !important;
997
+ }
assets/frontend/css/prettyphoto.css CHANGED
@@ -1,797 +1,797 @@
1
- div.pp_default .pp_top,
2
- div.pp_default .pp_top .pp_middle,
3
- div.pp_default .pp_top .pp_left,
4
- div.pp_default .pp_top .pp_right,
5
- div.pp_default .pp_bottom,
6
- div.pp_default .pp_bottom .pp_left,
7
- div.pp_default .pp_bottom .pp_middle,
8
- div.pp_default .pp_bottom .pp_right {
9
- height: 13px;
10
- }
11
- div.pp_default .pp_top .pp_left {
12
- background: url(../images/prettyphoto/default/sprite.png) -78px -93px no-repeat;
13
- }
14
- div.pp_default .pp_top .pp_middle {
15
- background: url(../images/prettyphoto/default/sprite_x.png) top left repeat-x;
16
- }
17
- div.pp_default .pp_top .pp_right {
18
- background: url(../images/prettyphoto/default/sprite.png) -112px -93px no-repeat;
19
- }
20
- div.pp_default .pp_content .ppt {
21
- color: #f8f8f8;
22
- }
23
- div.pp_default .pp_content_container .pp_left {
24
- background: url(../images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;
25
- padding-left: 13px;
26
- }
27
- div.pp_default .pp_content_container .pp_right {
28
- background: url(../images/prettyphoto/default/sprite_y.png) top right repeat-y;
29
- padding-right: 13px;
30
- }
31
- div.pp_default .pp_next:hover {
32
- background: url(../images/prettyphoto/default/sprite_next.png) center right no-repeat;
33
- cursor: pointer;
34
- }
35
- div.pp_default .pp_previous:hover {
36
- background: url(../images/prettyphoto/default/sprite_prev.png) center left no-repeat;
37
- cursor: pointer;
38
- }
39
- div.pp_default .pp_expand {
40
- background: url(../images/prettyphoto/default/sprite.png) 0 -29px no-repeat;
41
- cursor: pointer;
42
- width: 28px;
43
- height: 28px;
44
- }
45
- div.pp_default .pp_expand:hover {
46
- background: url(../images/prettyphoto/default/sprite.png) 0 -56px no-repeat;
47
- cursor: pointer;
48
- }
49
- div.pp_default .pp_contract {
50
- background: url(../images/prettyphoto/default/sprite.png) 0 -84px no-repeat;
51
- cursor: pointer;
52
- width: 28px;
53
- height: 28px;
54
- }
55
- div.pp_default .pp_contract:hover {
56
- background: url(../images/prettyphoto/default/sprite.png) 0 -113px no-repeat;
57
- cursor: pointer;
58
- }
59
- div.pp_default .pp_close {
60
- width: 30px;
61
- height: 30px;
62
- background: url(../images/prettyphoto/default/sprite.png) 2px 1px no-repeat;
63
- cursor: pointer;
64
- }
65
- div.pp_default .pp_gallery ul li a {
66
- background: url(../images/prettyphoto/default/default_thumb.png) center center #f8f8f8;
67
- border: 1px solid #aaa;
68
- }
69
- div.pp_default .pp_social {
70
- margin-top: 7px;
71
- }
72
- div.pp_default .pp_gallery a.pp_arrow_previous,
73
- div.pp_default .pp_gallery a.pp_arrow_next {
74
- position: static;
75
- left: auto;
76
- }
77
- div.pp_default .pp_nav .pp_play,
78
- div.pp_default .pp_nav .pp_pause {
79
- background: url(../images/prettyphoto/default/sprite.png) -51px 1px no-repeat;
80
- height: 30px;
81
- width: 30px;
82
- }
83
- div.pp_default .pp_nav .pp_pause {
84
- background-position: -51px -29px;
85
- }
86
- div.pp_default a.pp_arrow_previous,
87
- div.pp_default a.pp_arrow_next {
88
- background: url(../images/prettyphoto/default/sprite.png) -31px -3px no-repeat;
89
- height: 20px;
90
- width: 20px;
91
- margin: 4px 0 0;
92
- }
93
- div.pp_default a.pp_arrow_next {
94
- left: 52px;
95
- background-position: -82px -3px;
96
- }
97
- div.pp_default .pp_content_container .pp_details {
98
- margin-top: 5px;
99
- }
100
- div.pp_default .pp_nav {
101
- clear: none;
102
- height: 30px;
103
- width: 110px;
104
- position: relative;
105
- }
106
- div.pp_default .pp_nav .currentTextHolder {
107
- font-family: Georgia;
108
- font-style: italic;
109
- color: #999;
110
- font-size: 11px;
111
- left: 75px;
112
- line-height: 25px;
113
- position: absolute;
114
- top: 2px;
115
- margin: 0;
116
- padding: 0 0 0 10px;
117
- }
118
- div.pp_default .pp_close:hover,
119
- div.pp_default .pp_nav .pp_play:hover,
120
- div.pp_default .pp_nav .pp_pause:hover,
121
- div.pp_default .pp_arrow_next:hover,
122
- div.pp_default .pp_arrow_previous:hover {
123
- opacity: 0.7;
124
- }
125
- div.pp_default .pp_description {
126
- font-size: 11px;
127
- font-weight: 700;
128
- line-height: 14px;
129
- margin: 5px 50px 5px 0;
130
- }
131
- div.pp_default .pp_bottom .pp_left {
132
- background: url(../images/prettyphoto/default/sprite.png) -78px -127px no-repeat;
133
- }
134
- div.pp_default .pp_bottom .pp_middle {
135
- background: url(../images/prettyphoto/default/sprite_x.png) bottom left repeat-x;
136
- }
137
- div.pp_default .pp_bottom .pp_right {
138
- background: url(../images/prettyphoto/default/sprite.png) -112px -127px no-repeat;
139
- }
140
- div.pp_default .pp_loaderIcon {
141
- background: url(../images/prettyphoto/default/loader.gif) center center no-repeat;
142
- }
143
- div.light_rounded .pp_top .pp_left {
144
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
145
- }
146
- div.light_rounded .pp_top .pp_right {
147
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
148
- }
149
- div.light_rounded .pp_next:hover {
150
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
151
- cursor: pointer;
152
- }
153
- div.light_rounded .pp_previous:hover {
154
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
155
- cursor: pointer;
156
- }
157
- div.light_rounded .pp_expand {
158
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
159
- cursor: pointer;
160
- }
161
- div.light_rounded .pp_expand:hover {
162
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
163
- cursor: pointer;
164
- }
165
- div.light_rounded .pp_contract {
166
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
167
- cursor: pointer;
168
- }
169
- div.light_rounded .pp_contract:hover {
170
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
171
- cursor: pointer;
172
- }
173
- div.light_rounded .pp_close {
174
- width: 75px;
175
- height: 22px;
176
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
177
- cursor: pointer;
178
- }
179
- div.light_rounded .pp_nav .pp_play {
180
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
181
- height: 15px;
182
- width: 14px;
183
- }
184
- div.light_rounded .pp_nav .pp_pause {
185
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
186
- height: 15px;
187
- width: 14px;
188
- }
189
- div.light_rounded .pp_arrow_previous {
190
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
191
- }
192
- div.light_rounded .pp_arrow_next {
193
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
194
- }
195
- div.light_rounded .pp_bottom .pp_left {
196
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
197
- }
198
- div.light_rounded .pp_bottom .pp_right {
199
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
200
- }
201
- div.dark_rounded .pp_top .pp_left {
202
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
203
- }
204
- div.dark_rounded .pp_top .pp_right {
205
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
206
- }
207
- div.dark_rounded .pp_content_container .pp_left {
208
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
209
- }
210
- div.dark_rounded .pp_content_container .pp_right {
211
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
212
- }
213
- div.dark_rounded .pp_next:hover {
214
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
215
- cursor: pointer;
216
- }
217
- div.dark_rounded .pp_previous:hover {
218
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
219
- cursor: pointer;
220
- }
221
- div.dark_rounded .pp_expand {
222
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
223
- cursor: pointer;
224
- }
225
- div.dark_rounded .pp_expand:hover {
226
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
227
- cursor: pointer;
228
- }
229
- div.dark_rounded .pp_contract {
230
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
231
- cursor: pointer;
232
- }
233
- div.dark_rounded .pp_contract:hover {
234
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
235
- cursor: pointer;
236
- }
237
- div.dark_rounded .pp_close {
238
- width: 75px;
239
- height: 22px;
240
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
241
- cursor: pointer;
242
- }
243
- div.dark_rounded .pp_description {
244
- margin-right: 85px;
245
- color: #fff;
246
- }
247
- div.dark_rounded .pp_nav .pp_play {
248
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
249
- height: 15px;
250
- width: 14px;
251
- }
252
- div.dark_rounded .pp_nav .pp_pause {
253
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
254
- height: 15px;
255
- width: 14px;
256
- }
257
- div.dark_rounded .pp_arrow_previous {
258
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
259
- }
260
- div.dark_rounded .pp_arrow_next {
261
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
262
- }
263
- div.dark_rounded .pp_bottom .pp_left {
264
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
265
- }
266
- div.dark_rounded .pp_bottom .pp_right {
267
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
268
- }
269
- div.dark_rounded .pp_loaderIcon {
270
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
271
- }
272
- div.dark_square .pp_left,
273
- div.dark_square .pp_middle,
274
- div.dark_square .pp_right,
275
- div.dark_square .pp_content {
276
- background: #000;
277
- }
278
- div.dark_square .pp_description {
279
- color: #fff;
280
- margin: 0 85px 0 0;
281
- }
282
- div.dark_square .pp_loaderIcon {
283
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
284
- }
285
- div.dark_square .pp_expand {
286
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
287
- cursor: pointer;
288
- }
289
- div.dark_square .pp_expand:hover {
290
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
291
- cursor: pointer;
292
- }
293
- div.dark_square .pp_contract {
294
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
295
- cursor: pointer;
296
- }
297
- div.dark_square .pp_contract:hover {
298
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
299
- cursor: pointer;
300
- }
301
- div.dark_square .pp_close {
302
- width: 75px;
303
- height: 22px;
304
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
305
- cursor: pointer;
306
- }
307
- div.dark_square .pp_nav {
308
- clear: none;
309
- }
310
- div.dark_square .pp_nav .pp_play {
311
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
312
- height: 15px;
313
- width: 14px;
314
- }
315
- div.dark_square .pp_nav .pp_pause {
316
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
317
- height: 15px;
318
- width: 14px;
319
- }
320
- div.dark_square .pp_arrow_previous {
321
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
322
- }
323
- div.dark_square .pp_arrow_next {
324
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
325
- }
326
- div.dark_square .pp_next:hover {
327
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
328
- cursor: pointer;
329
- }
330
- div.dark_square .pp_previous:hover {
331
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
332
- cursor: pointer;
333
- }
334
- div.light_square .pp_expand {
335
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
336
- cursor: pointer;
337
- }
338
- div.light_square .pp_expand:hover {
339
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
340
- cursor: pointer;
341
- }
342
- div.light_square .pp_contract {
343
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
344
- cursor: pointer;
345
- }
346
- div.light_square .pp_contract:hover {
347
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
348
- cursor: pointer;
349
- }
350
- div.light_square .pp_close {
351
- width: 75px;
352
- height: 22px;
353
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
354
- cursor: pointer;
355
- }
356
- div.light_square .pp_nav .pp_play {
357
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
358
- height: 15px;
359
- width: 14px;
360
- }
361
- div.light_square .pp_nav .pp_pause {
362
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
363
- height: 15px;
364
- width: 14px;
365
- }
366
- div.light_square .pp_arrow_previous {
367
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
368
- }
369
- div.light_square .pp_arrow_next {
370
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
371
- }
372
- div.light_square .pp_next:hover {
373
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
374
- cursor: pointer;
375
- }
376
- div.light_square .pp_previous:hover {
377
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
378
- cursor: pointer;
379
- }
380
- div.facebook .pp_top .pp_left {
381
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
382
- }
383
- div.facebook .pp_top .pp_middle {
384
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
385
- }
386
- div.facebook .pp_top .pp_right {
387
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
388
- }
389
- div.facebook .pp_content_container .pp_left {
390
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
391
- }
392
- div.facebook .pp_content_container .pp_right {
393
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
394
- }
395
- div.facebook .pp_expand {
396
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
397
- cursor: pointer;
398
- }
399
- div.facebook .pp_expand:hover {
400
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
401
- cursor: pointer;
402
- }
403
- div.facebook .pp_contract {
404
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
405
- cursor: pointer;
406
- }
407
- div.facebook .pp_contract:hover {
408
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
409
- cursor: pointer;
410
- }
411
- div.facebook .pp_close {
412
- width: 22px;
413
- height: 22px;
414
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
415
- cursor: pointer;
416
- }
417
- div.facebook .pp_description {
418
- margin: 0 37px 0 0;
419
- }
420
- div.facebook .pp_loaderIcon {
421
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
422
- }
423
- div.facebook .pp_arrow_previous {
424
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
425
- height: 22px;
426
- margin-top: 0;
427
- width: 22px;
428
- }
429
- div.facebook .pp_arrow_previous.disabled {
430
- background-position: 0 -96px;
431
- cursor: default;
432
- }
433
- div.facebook .pp_arrow_next {
434
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
435
- height: 22px;
436
- margin-top: 0;
437
- width: 22px;
438
- }
439
- div.facebook .pp_arrow_next.disabled {
440
- background-position: -32px -96px;
441
- cursor: default;
442
- }
443
- div.facebook .pp_nav {
444
- margin-top: 0;
445
- }
446
- div.facebook .pp_nav p {
447
- font-size: 15px;
448
- padding: 0 3px 0 4px;
449
- }
450
- div.facebook .pp_nav .pp_play {
451
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
452
- height: 22px;
453
- width: 22px;
454
- }
455
- div.facebook .pp_nav .pp_pause {
456
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
457
- height: 22px;
458
- width: 22px;
459
- }
460
- div.facebook .pp_next:hover {
461
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
462
- cursor: pointer;
463
- }
464
- div.facebook .pp_previous:hover {
465
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
466
- cursor: pointer;
467
- }
468
- div.facebook .pp_bottom .pp_left {
469
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
470
- }
471
- div.facebook .pp_bottom .pp_middle {
472
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
473
- }
474
- div.facebook .pp_bottom .pp_right {
475
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
476
- }
477
- div.pp_pic_holder a:focus {
478
- outline: none;
479
- }
480
- div.pp_overlay {
481
- background: #000;
482
- display: none;
483
- left: 0;
484
- position: absolute;
485
- top: 0;
486
- width: 100%;
487
- z-index: 9500;
488
- }
489
- div.pp_pic_holder {
490
- display: none;
491
- position: absolute;
492
- width: 100px;
493
- z-index: 10000;
494
- }
495
- .pp_content {
496
- height: 40px;
497
- min-width: 40px;
498
- }
499
- * html .pp_content {
500
- width: 40px;
501
- }
502
- .pp_content_container {
503
- position: relative;
504
- text-align: left;
505
- width: 100%;
506
- }
507
- .pp_content_container .pp_left {
508
- padding-left: 20px;
509
- }
510
- .pp_content_container .pp_right {
511
- padding-right: 20px;
512
- }
513
- .pp_content_container .pp_details {
514
- float: left;
515
- margin: 10px 0 2px;
516
- }
517
- .pp_description {
518
- display: none;
519
- margin: 0;
520
- }
521
- .pp_social {
522
- float: left;
523
- margin: 0;
524
- }
525
- .pp_social .facebook {
526
- float: left;
527
- margin-left: 5px;
528
- width: 55px;
529
- overflow: hidden;
530
- }
531
- .pp_social .twitter {
532
- float: left;
533
- }
534
- .pp_nav {
535
- clear: right;
536
- float: left;
537
- margin: 3px 10px 0 0;
538
- }
539
- .pp_nav p {
540
- float: left;
541
- white-space: nowrap;
542
- margin: 2px 4px;
543
- font-size: 0.6em;
544
- }
545
- .pp_nav .pp_play,
546
- .pp_nav .pp_pause {
547
- float: left;
548
- margin-right: 4px;
549
- text-indent: -10000px;
550
- }
551
- a.pp_arrow_previous,
552
- a.pp_arrow_next {
553
- display: block;
554
- float: left;
555
- height: 15px;
556
- margin-top: 3px;
557
- overflow: hidden;
558
- text-indent: -10000px;
559
- width: 14px;
560
- }
561
- .pp_hoverContainer {
562
- position: absolute;
563
- top: 0;
564
- width: 100%;
565
- z-index: 2000;
566
- }
567
- .pp_gallery {
568
- display: none;
569
- left: 50%;
570
- margin-top: -50px;
571
- position: absolute;
572
- z-index: 10000;
573
- }
574
- .pp_gallery div {
575
- float: left;
576
- overflow: hidden;
577
- position: relative;
578
- }
579
- .pp_gallery ul {
580
- float: left;
581
- height: 35px;
582
- position: relative;
583
- white-space: nowrap;
584
- margin: 0 0 0 5px;
585
- padding: 0;
586
- }
587
- .pp_gallery ul a {
588
- border: 1px rgba(0, 0, 0, 0.5) solid;
589
- display: block;
590
- float: left;
591
- height: 33px;
592
- overflow: hidden;
593
- }
594
- .pp_gallery ul a img {
595
- border: 0;
596
- }
597
- .pp_gallery li {
598
- display: block;
599
- float: left;
600
- margin: 0 5px 0 0;
601
- padding: 0;
602
- }
603
- .pp_gallery li.default a {
604
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
605
- display: block;
606
- height: 33px;
607
- width: 50px;
608
- }
609
- .pp_gallery .pp_arrow_previous,
610
- .pp_gallery .pp_arrow_next {
611
- margin-top: 7px !important;
612
- }
613
- a.pp_next {
614
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
615
- display: block;
616
- float: right;
617
- height: 100%;
618
- text-indent: -10000px;
619
- width: 49%;
620
- }
621
- a.pp_previous {
622
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
623
- display: block;
624
- float: left;
625
- height: 100%;
626
- text-indent: -10000px;
627
- width: 49%;
628
- }
629
- a.pp_expand,
630
- a.pp_contract {
631
- cursor: pointer;
632
- display: none;
633
- height: 20px;
634
- position: absolute;
635
- right: 30px;
636
- text-indent: -10000px;
637
- top: 10px;
638
- width: 20px;
639
- z-index: 20000;
640
- }
641
- a.pp_close {
642
- position: absolute;
643
- right: 0;
644
- top: 0;
645
- display: block;
646
- line-height: 22px;
647
- text-indent: -10000px;
648
- }
649
- .pp_loaderIcon {
650
- display: block;
651
- height: 24px;
652
- left: 50%;
653
- position: absolute;
654
- top: 50%;
655
- width: 24px;
656
- margin: -12px 0 0 -12px;
657
- }
658
- #pp_full_res {
659
- line-height: 1 !important;
660
- }
661
- #pp_full_res .pp_inline {
662
- text-align: left;
663
- }
664
- #pp_full_res .pp_inline p {
665
- margin: 0 0 15px;
666
- }
667
- div.ppt {
668
- color: #fff;
669
- display: none;
670
- font-size: 17px;
671
- z-index: 9999;
672
- margin: 0 0 5px 15px;
673
- }
674
- div.pp_default .pp_content,
675
- div.light_rounded .pp_content {
676
- background-color: #fff;
677
- }
678
- div.pp_default #pp_full_res .pp_inline,
679
- div.light_rounded .pp_content .ppt,
680
- div.light_rounded #pp_full_res .pp_inline,
681
- div.light_square .pp_content .ppt,
682
- div.light_square #pp_full_res .pp_inline,
683
- div.facebook .pp_content .ppt,
684
- div.facebook #pp_full_res .pp_inline {
685
- color: #000;
686
- }
687
- div.pp_default .pp_gallery ul li a:hover,
688
- div.pp_default .pp_gallery ul li.selected a,
689
- .pp_gallery ul a:hover,
690
- .pp_gallery li.selected a {
691
- border-color: #fff;
692
- }
693
- div.pp_default .pp_details,
694
- div.light_rounded .pp_details,
695
- div.dark_rounded .pp_details,
696
- div.dark_square .pp_details,
697
- div.light_square .pp_details,
698
- div.facebook .pp_details {
699
- position: relative;
700
- }
701
- div.light_rounded .pp_top .pp_middle,
702
- div.light_rounded .pp_content_container .pp_left,
703
- div.light_rounded .pp_content_container .pp_right,
704
- div.light_rounded .pp_bottom .pp_middle,
705
- div.light_square .pp_left,
706
- div.light_square .pp_middle,
707
- div.light_square .pp_right,
708
- div.light_square .pp_content,
709
- div.facebook .pp_content {
710
- background: #fff;
711
- }
712
- div.light_rounded .pp_description,
713
- div.light_square .pp_description {
714
- margin-right: 85px;
715
- }
716
- div.light_rounded .pp_gallery a.pp_arrow_previous,
717
- div.light_rounded .pp_gallery a.pp_arrow_next,
718
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
719
- div.dark_rounded .pp_gallery a.pp_arrow_next,
720
- div.dark_square .pp_gallery a.pp_arrow_previous,
721
- div.dark_square .pp_gallery a.pp_arrow_next,
722
- div.light_square .pp_gallery a.pp_arrow_previous,
723
- div.light_square .pp_gallery a.pp_arrow_next {
724
- margin-top: 12px !important;
725
- }
726
- div.light_rounded .pp_arrow_previous.disabled,
727
- div.dark_rounded .pp_arrow_previous.disabled,
728
- div.dark_square .pp_arrow_previous.disabled,
729
- div.light_square .pp_arrow_previous.disabled {
730
- background-position: 0 -87px;
731
- cursor: default;
732
- }
733
- div.light_rounded .pp_arrow_next.disabled,
734
- div.dark_rounded .pp_arrow_next.disabled,
735
- div.dark_square .pp_arrow_next.disabled,
736
- div.light_square .pp_arrow_next.disabled {
737
- background-position: -22px -87px;
738
- cursor: default;
739
- }
740
- div.light_rounded .pp_loaderIcon,
741
- div.light_square .pp_loaderIcon {
742
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
743
- }
744
- div.dark_rounded .pp_top .pp_middle,
745
- div.dark_rounded .pp_content,
746
- div.dark_rounded .pp_bottom .pp_middle {
747
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
748
- }
749
- div.dark_rounded .currentTextHolder,
750
- div.dark_square .currentTextHolder {
751
- color: #c4c4c4;
752
- }
753
- div.dark_rounded #pp_full_res .pp_inline,
754
- div.dark_square #pp_full_res .pp_inline {
755
- color: #fff;
756
- }
757
- .pp_top,
758
- .pp_bottom {
759
- height: 20px;
760
- position: relative;
761
- }
762
- * html .pp_top,
763
- * html .pp_bottom {
764
- padding: 0 20px;
765
- }
766
- .pp_top .pp_left,
767
- .pp_bottom .pp_left {
768
- height: 20px;
769
- left: 0;
770
- position: absolute;
771
- width: 20px;
772
- }
773
- .pp_top .pp_middle,
774
- .pp_bottom .pp_middle {
775
- height: 20px;
776
- left: 20px;
777
- position: absolute;
778
- right: 20px;
779
- }
780
- * html .pp_top .pp_middle,
781
- * html .pp_bottom .pp_middle {
782
- left: 0;
783
- position: static;
784
- }
785
- .pp_top .pp_right,
786
- .pp_bottom .pp_right {
787
- height: 20px;
788
- left: auto;
789
- position: absolute;
790
- right: 0;
791
- top: 0;
792
- width: 20px;
793
- }
794
- .pp_fade,
795
- .pp_gallery li.default a img {
796
- display: none;
797
- }
1
+ div.pp_default .pp_top,
2
+ div.pp_default .pp_top .pp_middle,
3
+ div.pp_default .pp_top .pp_left,
4
+ div.pp_default .pp_top .pp_right,
5
+ div.pp_default .pp_bottom,
6
+ div.pp_default .pp_bottom .pp_left,
7
+ div.pp_default .pp_bottom .pp_middle,
8
+ div.pp_default .pp_bottom .pp_right {
9
+ height: 13px;
10
+ }
11
+ div.pp_default .pp_top .pp_left {
12
+ background: url(../images/prettyphoto/default/sprite.png) -78px -93px no-repeat;
13
+ }
14
+ div.pp_default .pp_top .pp_middle {
15
+ background: url(../images/prettyphoto/default/sprite_x.png) top left repeat-x;
16
+ }
17
+ div.pp_default .pp_top .pp_right {
18
+ background: url(../images/prettyphoto/default/sprite.png) -112px -93px no-repeat;
19
+ }
20
+ div.pp_default .pp_content .ppt {
21
+ color: #f8f8f8;
22
+ }
23
+ div.pp_default .pp_content_container .pp_left {
24
+ background: url(../images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;
25
+ padding-left: 13px;
26
+ }
27
+ div.pp_default .pp_content_container .pp_right {
28
+ background: url(../images/prettyphoto/default/sprite_y.png) top right repeat-y;
29
+ padding-right: 13px;
30
+ }
31
+ div.pp_default .pp_next:hover {
32
+ background: url(../images/prettyphoto/default/sprite_next.png) center right no-repeat;
33
+ cursor: pointer;
34
+ }
35
+ div.pp_default .pp_previous:hover {
36
+ background: url(../images/prettyphoto/default/sprite_prev.png) center left no-repeat;
37
+ cursor: pointer;
38
+ }
39
+ div.pp_default .pp_expand {
40
+ background: url(../images/prettyphoto/default/sprite.png) 0 -29px no-repeat;
41
+ cursor: pointer;
42
+ width: 28px;
43
+ height: 28px;
44
+ }
45
+ div.pp_default .pp_expand:hover {
46
+ background: url(../images/prettyphoto/default/sprite.png) 0 -56px no-repeat;
47
+ cursor: pointer;
48
+ }
49
+ div.pp_default .pp_contract {
50
+ background: url(../images/prettyphoto/default/sprite.png) 0 -84px no-repeat;
51
+ cursor: pointer;
52
+ width: 28px;
53
+ height: 28px;
54
+ }
55
+ div.pp_default .pp_contract:hover {
56
+ background: url(../images/prettyphoto/default/sprite.png) 0 -113px no-repeat;
57
+ cursor: pointer;
58
+ }
59
+ div.pp_default .pp_close {
60
+ width: 30px;
61
+ height: 30px;
62
+ background: url(../images/prettyphoto/default/sprite.png) 2px 1px no-repeat;
63
+ cursor: pointer;
64
+ }
65
+ div.pp_default .pp_gallery ul li a {
66
+ background: url(../images/prettyphoto/default/default_thumb.png) center center #f8f8f8;
67
+ border: 1px solid #aaa;
68
+ }
69
+ div.pp_default .pp_social {
70
+ margin-top: 7px;
71
+ }
72
+ div.pp_default .pp_gallery a.pp_arrow_previous,
73
+ div.pp_default .pp_gallery a.pp_arrow_next {
74
+ position: static;
75
+ left: auto;
76
+ }
77
+ div.pp_default .pp_nav .pp_play,
78
+ div.pp_default .pp_nav .pp_pause {
79
+ background: url(../images/prettyphoto/default/sprite.png) -51px 1px no-repeat;
80
+ height: 30px;
81
+ width: 30px;
82
+ }
83
+ div.pp_default .pp_nav .pp_pause {
84
+ background-position: -51px -29px;
85
+ }
86
+ div.pp_default a.pp_arrow_previous,
87
+ div.pp_default a.pp_arrow_next {
88
+ background: url(../images/prettyphoto/default/sprite.png) -31px -3px no-repeat;
89
+ height: 20px;
90
+ width: 20px;
91
+ margin: 4px 0 0;
92
+ }
93
+ div.pp_default a.pp_arrow_next {
94
+ left: 52px;
95
+ background-position: -82px -3px;
96
+ }
97
+ div.pp_default .pp_content_container .pp_details {
98
+ margin-top: 5px;
99
+ }
100
+ div.pp_default .pp_nav {
101
+ clear: none;
102
+ height: 30px;
103
+ width: 110px;
104
+ position: relative;
105
+ }
106
+ div.pp_default .pp_nav .currentTextHolder {
107
+ font-family: Georgia;
108
+ font-style: italic;
109
+ color: #999;
110
+ font-size: 11px;
111
+ left: 75px;
112
+ line-height: 25px;
113
+ position: absolute;
114
+ top: 2px;
115
+ margin: 0;
116
+ padding: 0 0 0 10px;
117
+ }
118
+ div.pp_default .pp_close:hover,
119
+ div.pp_default .pp_nav .pp_play:hover,
120
+ div.pp_default .pp_nav .pp_pause:hover,
121
+ div.pp_default .pp_arrow_next:hover,
122
+ div.pp_default .pp_arrow_previous:hover {
123
+ opacity: 0.7;
124
+ }
125
+ div.pp_default .pp_description {
126
+ font-size: 11px;
127
+ font-weight: 700;
128
+ line-height: 14px;
129
+ margin: 5px 50px 5px 0;
130
+ }
131
+ div.pp_default .pp_bottom .pp_left {
132
+ background: url(../images/prettyphoto/default/sprite.png) -78px -127px no-repeat;
133
+ }
134
+ div.pp_default .pp_bottom .pp_middle {
135
+ background: url(../images/prettyphoto/default/sprite_x.png) bottom left repeat-x;
136
+ }
137
+ div.pp_default .pp_bottom .pp_right {
138
+ background: url(../images/prettyphoto/default/sprite.png) -112px -127px no-repeat;
139
+ }
140
+ div.pp_default .pp_loaderIcon {
141
+ background: url(../images/prettyphoto/default/loader.gif) center center no-repeat;
142
+ }
143
+ div.light_rounded .pp_top .pp_left {
144
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
145
+ }
146
+ div.light_rounded .pp_top .pp_right {
147
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
148
+ }
149
+ div.light_rounded .pp_next:hover {
150
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
151
+ cursor: pointer;
152
+ }
153
+ div.light_rounded .pp_previous:hover {
154
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
155
+ cursor: pointer;
156
+ }
157
+ div.light_rounded .pp_expand {
158
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
159
+ cursor: pointer;
160
+ }
161
+ div.light_rounded .pp_expand:hover {
162
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
163
+ cursor: pointer;
164
+ }
165
+ div.light_rounded .pp_contract {
166
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
167
+ cursor: pointer;
168
+ }
169
+ div.light_rounded .pp_contract:hover {
170
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
171
+ cursor: pointer;
172
+ }
173
+ div.light_rounded .pp_close {
174
+ width: 75px;
175
+ height: 22px;
176
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
177
+ cursor: pointer;
178
+ }
179
+ div.light_rounded .pp_nav .pp_play {
180
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
181
+ height: 15px;
182
+ width: 14px;
183
+ }
184
+ div.light_rounded .pp_nav .pp_pause {
185
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
186
+ height: 15px;
187
+ width: 14px;
188
+ }
189
+ div.light_rounded .pp_arrow_previous {
190
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
191
+ }
192
+ div.light_rounded .pp_arrow_next {
193
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
194
+ }
195
+ div.light_rounded .pp_bottom .pp_left {
196
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
197
+ }
198
+ div.light_rounded .pp_bottom .pp_right {
199
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
200
+ }
201
+ div.dark_rounded .pp_top .pp_left {
202
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
203
+ }
204
+ div.dark_rounded .pp_top .pp_right {
205
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
206
+ }
207
+ div.dark_rounded .pp_content_container .pp_left {
208
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
209
+ }
210
+ div.dark_rounded .pp_content_container .pp_right {
211
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
212
+ }
213
+ div.dark_rounded .pp_next:hover {
214
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
215
+ cursor: pointer;
216
+ }
217
+ div.dark_rounded .pp_previous:hover {
218
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
219
+ cursor: pointer;
220
+ }
221
+ div.dark_rounded .pp_expand {
222
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
223
+ cursor: pointer;
224
+ }
225
+ div.dark_rounded .pp_expand:hover {
226
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
227
+ cursor: pointer;
228
+ }
229
+ div.dark_rounded .pp_contract {
230
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
231
+ cursor: pointer;
232
+ }
233
+ div.dark_rounded .pp_contract:hover {
234
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
235
+ cursor: pointer;
236
+ }
237
+ div.dark_rounded .pp_close {
238
+ width: 75px;
239
+ height: 22px;
240
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
241
+ cursor: pointer;
242
+ }
243
+ div.dark_rounded .pp_description {
244
+ margin-right: 85px;
245
+ color: #fff;
246
+ }
247
+ div.dark_rounded .pp_nav .pp_play {
248
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
249
+ height: 15px;
250
+ width: 14px;
251
+ }
252
+ div.dark_rounded .pp_nav .pp_pause {
253
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
254
+ height: 15px;
255
+ width: 14px;
256
+ }
257
+ div.dark_rounded .pp_arrow_previous {
258
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
259
+ }
260
+ div.dark_rounded .pp_arrow_next {
261
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
262
+ }
263
+ div.dark_rounded .pp_bottom .pp_left {
264
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
265
+ }
266
+ div.dark_rounded .pp_bottom .pp_right {
267
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
268
+ }
269
+ div.dark_rounded .pp_loaderIcon {
270
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
271
+ }
272
+ div.dark_square .pp_left,
273
+ div.dark_square .pp_middle,
274
+ div.dark_square .pp_right,
275
+ div.dark_square .pp_content {
276
+ background: #000;
277
+ }
278
+ div.dark_square .pp_description {
279
+ color: #fff;
280
+ margin: 0 85px 0 0;
281
+ }
282
+ div.dark_square .pp_loaderIcon {
283
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
284
+ }
285
+ div.dark_square .pp_expand {
286
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
287
+ cursor: pointer;
288
+ }
289
+ div.dark_square .pp_expand:hover {
290
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
291
+ cursor: pointer;
292
+ }
293
+ div.dark_square .pp_contract {
294
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
295
+ cursor: pointer;
296
+ }
297
+ div.dark_square .pp_contract:hover {
298
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
299
+ cursor: pointer;
300
+ }
301
+ div.dark_square .pp_close {
302
+ width: 75px;
303
+ height: 22px;
304
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
305
+ cursor: pointer;
306
+ }
307
+ div.dark_square .pp_nav {
308
+ clear: none;
309
+ }
310
+ div.dark_square .pp_nav .pp_play {
311
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
312
+ height: 15px;
313
+ width: 14px;
314
+ }
315
+ div.dark_square .pp_nav .pp_pause {
316
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
317
+ height: 15px;
318
+ width: 14px;
319
+ }
320
+ div.dark_square .pp_arrow_previous {
321
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
322
+ }
323
+ div.dark_square .pp_arrow_next {
324
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
325
+ }
326
+ div.dark_square .pp_next:hover {
327
+ background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
328
+ cursor: pointer;
329
+ }
330
+ div.dark_square .pp_previous:hover {
331
+ background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
332
+ cursor: pointer;
333
+ }
334
+ div.light_square .pp_expand {
335
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
336
+ cursor: pointer;
337
+ }
338
+ div.light_square .pp_expand:hover {
339
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
340
+ cursor: pointer;
341
+ }
342
+ div.light_square .pp_contract {
343
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
344
+ cursor: pointer;
345
+ }
346
+ div.light_square .pp_contract:hover {
347
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
348
+ cursor: pointer;
349
+ }
350
+ div.light_square .pp_close {
351
+ width: 75px;
352
+ height: 22px;
353
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
354
+ cursor: pointer;
355
+ }
356
+ div.light_square .pp_nav .pp_play {
357
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
358
+ height: 15px;
359
+ width: 14px;
360
+ }
361
+ div.light_square .pp_nav .pp_pause {
362
+ background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
363
+ height: 15px;
364
+ width: 14px;
365
+ }
366
+ div.light_square .pp_arrow_previous {
367
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
368
+ }
369
+ div.light_square .pp_arrow_next {
370
+ background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
371
+ }
372
+ div.light_square .pp_next:hover {
373
+ background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
374
+ cursor: pointer;
375
+ }
376
+ div.light_square .pp_previous:hover {
377
+ background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
378
+ cursor: pointer;
379
+ }
380
+ div.facebook .pp_top .pp_left {
381
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
382
+ }
383
+ div.facebook .pp_top .pp_middle {
384
+ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
385
+ }
386
+ div.facebook .pp_top .pp_right {
387
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
388
+ }
389
+ div.facebook .pp_content_container .pp_left {
390
+ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
391
+ }
392
+ div.facebook .pp_content_container .pp_right {
393
+ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
394
+ }
395
+ div.facebook .pp_expand {
396
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
397
+ cursor: pointer;
398
+ }
399
+ div.facebook .pp_expand:hover {
400
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
401
+ cursor: pointer;
402
+ }
403
+ div.facebook .pp_contract {
404
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
405
+ cursor: pointer;
406
+ }
407
+ div.facebook .pp_contract:hover {
408
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
409
+ cursor: pointer;
410
+ }
411
+ div.facebook .pp_close {
412
+ width: 22px;
413
+ height: 22px;
414
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
415
+ cursor: pointer;
416
+ }
417
+ div.facebook .pp_description {
418
+ margin: 0 37px 0 0;
419
+ }
420
+ div.facebook .pp_loaderIcon {
421
+ background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
422
+ }
423
+ div.facebook .pp_arrow_previous {
424
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
425
+ height: 22px;
426
+ margin-top: 0;
427
+ width: 22px;
428
+ }
429
+ div.facebook .pp_arrow_previous.disabled {
430
+ background-position: 0 -96px;
431
+ cursor: default;
432
+ }
433
+ div.facebook .pp_arrow_next {
434
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
435
+ height: 22px;
436
+ margin-top: 0;
437
+ width: 22px;
438
+ }
439
+ div.facebook .pp_arrow_next.disabled {
440
+ background-position: -32px -96px;
441
+ cursor: default;
442
+ }
443
+ div.facebook .pp_nav {
444
+ margin-top: 0;
445
+ }
446
+ div.facebook .pp_nav p {
447
+ font-size: 15px;
448
+ padding: 0 3px 0 4px;
449
+ }
450
+ div.facebook .pp_nav .pp_play {
451
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
452
+ height: 22px;
453
+ width: 22px;
454
+ }
455
+ div.facebook .pp_nav .pp_pause {
456
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
457
+ height: 22px;
458
+ width: 22px;
459
+ }
460
+ div.facebook .pp_next:hover {
461
+ background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
462
+ cursor: pointer;
463
+ }
464
+ div.facebook .pp_previous:hover {
465
+ background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
466
+ cursor: pointer;
467
+ }
468
+ div.facebook .pp_bottom .pp_left {
469
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
470
+ }
471
+ div.facebook .pp_bottom .pp_middle {
472
+ background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
473
+ }
474
+ div.facebook .pp_bottom .pp_right {
475
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
476
+ }
477
+ div.pp_pic_holder a:focus {
478
+ outline: none;
479
+ }
480
+ div.pp_overlay {
481
+ background: #000;
482
+ display: none;
483
+ left: 0;
484
+ position: absolute;
485
+ top: 0;
486
+ width: 100%;
487
+ z-index: 9500;
488
+ }
489
+ div.pp_pic_holder {
490
+ display: none;
491
+ position: absolute;
492
+ width: 100px;
493
+ z-index: 10000;
494
+ }
495
+ .pp_content {
496
+ height: 40px;
497
+ min-width: 40px;
498
+ }
499
+ * html .pp_content {
500
+ width: 40px;
501
+ }
502
+ .pp_content_container {
503
+ position: relative;
504
+ text-align: left;
505
+ width: 100%;
506
+ }
507
+ .pp_content_container .pp_left {
508
+ padding-left: 20px;
509
+ }
510
+ .pp_content_container .pp_right {
511
+ padding-right: 20px;
512
+ }
513
+ .pp_content_container .pp_details {
514
+ float: left;
515
+ margin: 10px 0 2px;
516
+ }
517
+ .pp_description {
518
+ display: none;
519
+ margin: 0;
520
+ }
521
+ .pp_social {
522
+ float: left;
523
+ margin: 0;
524
+ }
525
+ .pp_social .facebook {
526
+ float: left;
527
+ margin-left: 5px;
528
+ width: 55px;
529
+ overflow: hidden;
530
+ }
531
+ .pp_social .twitter {
532
+ float: left;
533
+ }
534
+ .pp_nav {
535
+ clear: right;
536
+ float: left;
537
+ margin: 3px 10px 0 0;
538
+ }
539
+ .pp_nav p {
540
+ float: left;
541
+ white-space: nowrap;
542
+ margin: 2px 4px;
543
+ font-size: 0.6em;
544
+ }
545
+ .pp_nav .pp_play,
546
+ .pp_nav .pp_pause {
547
+ float: left;
548
+ margin-right: 4px;
549
+ text-indent: -10000px;
550
+ }
551
+ a.pp_arrow_previous,
552
+ a.pp_arrow_next {
553
+ display: block;
554
+ float: left;
555
+ height: 15px;
556
+ margin-top: 3px;
557
+ overflow: hidden;
558
+ text-indent: -10000px;
559
+ width: 14px;
560
+ }
561
+ .pp_hoverContainer {
562
+ position: absolute;
563
+ top: 0;
564
+ width: 100%;
565
+ z-index: 2000;
566
+ }
567
+ .pp_gallery {
568
+ display: none;
569
+ left: 50%;
570
+ margin-top: -50px;
571
+ position: absolute;
572
+ z-index: 10000;
573
+ }
574
+ .pp_gallery div {
575
+ float: left;
576
+ overflow: hidden;
577
+ position: relative;
578
+ }
579
+ .pp_gallery ul {
580
+ float: left;
581
+ height: 35px;
582
+ position: relative;
583
+ white-space: nowrap;
584
+ margin: 0 0 0 5px;
585
+ padding: 0;
586
+ }
587
+ .pp_gallery ul a {
588
+ border: 1px rgba(0, 0, 0, 0.5) solid;
589
+ display: block;
590
+ float: left;
591
+ height: 33px;
592
+ overflow: hidden;
593
+ }
594
+ .pp_gallery ul a img {
595
+ border: 0;
596
+ }
597
+ .pp_gallery li {
598
+ display: block;
599
+ float: left;
600
+ margin: 0 5px 0 0;
601
+ padding: 0;
602
+ }
603
+ .pp_gallery li.default a {
604
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
605
+ display: block;
606
+ height: 33px;
607
+ width: 50px;
608
+ }
609
+ .pp_gallery .pp_arrow_previous,
610
+ .pp_gallery .pp_arrow_next {
611
+ margin-top: 7px !important;
612
+ }
613
+ a.pp_next {
614
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
615
+ display: block;
616
+ float: right;
617
+ height: 100%;
618
+ text-indent: -10000px;
619
+ width: 49%;
620
+ }
621
+ a.pp_previous {
622
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
623
+ display: block;
624
+ float: left;
625
+ height: 100%;
626
+ text-indent: -10000px;
627
+ width: 49%;
628
+ }
629
+ a.pp_expand,
630
+ a.pp_contract {
631
+ cursor: pointer;
632
+ display: none;
633
+ height: 20px;
634
+ position: absolute;
635
+ right: 30px;
636
+ text-indent: -10000px;
637
+ top: 10px;
638
+ width: 20px;
639
+ z-index: 20000;
640
+ }
641
+ a.pp_close {
642
+ position: absolute;
643
+ right: 0;
644
+ top: 0;
645
+ display: block;
646
+ line-height: 22px;
647
+ text-indent: -10000px;
648
+ }
649
+ .pp_loaderIcon {
650
+ display: block;
651
+ height: 24px;
652
+ left: 50%;
653
+ position: absolute;
654
+ top: 50%;
655
+ width: 24px;
656
+ margin: -12px 0 0 -12px;
657
+ }
658
+ #pp_full_res {
659
+ line-height: 1 !important;
660
+ }
661
+ #pp_full_res .pp_inline {
662
+ text-align: left;
663
+ }
664
+ #pp_full_res .pp_inline p {
665
+ margin: 0 0 15px;
666
+ }
667
+ div.ppt {
668
+ color: #fff;
669
+ display: none;
670
+ font-size: 17px;
671
+ z-index: 9999;
672
+ margin: 0 0 5px 15px;
673
+ }
674
+ div.pp_default .pp_content,
675
+ div.light_rounded .pp_content {
676
+ background-color: #fff;
677
+ }
678
+ div.pp_default #pp_full_res .pp_inline,
679
+ div.light_rounded .pp_content .ppt,
680
+ div.light_rounded #pp_full_res .pp_inline,
681
+ div.light_square .pp_content .ppt,
682
+ div.light_square #pp_full_res .pp_inline,
683
+ div.facebook .pp_content .ppt,
684
+ div.facebook #pp_full_res .pp_inline {
685
+ color: #000;
686
+ }
687
+ div.pp_default .pp_gallery ul li a:hover,
688
+ div.pp_default .pp_gallery ul li.selected a,
689
+ .pp_gallery ul a:hover,
690
+ .pp_gallery li.selected a {
691
+ border-color: #fff;
692
+ }
693
+ div.pp_default .pp_details,
694
+ div.light_rounded .pp_details,
695
+ div.dark_rounded .pp_details,
696
+ div.dark_square .pp_details,
697
+ div.light_square .pp_details,
698
+ div.facebook .pp_details {
699
+ position: relative;
700
+ }
701
+ div.light_rounded .pp_top .pp_middle,
702
+ div.light_rounded .pp_content_container .pp_left,
703
+ div.light_rounded .pp_content_container .pp_right,
704
+ div.light_rounded .pp_bottom .pp_middle,
705
+ div.light_square .pp_left,
706
+ div.light_square .pp_middle,
707
+ div.light_square .pp_right,
708
+ div.light_square .pp_content,
709
+ div.facebook .pp_content {
710
+ background: #fff;
711
+ }
712
+ div.light_rounded .pp_description,
713
+ div.light_square .pp_description {
714
+ margin-right: 85px;
715
+ }
716
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
717
+ div.light_rounded .pp_gallery a.pp_arrow_next,
718
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
719
+ div.dark_rounded .pp_gallery a.pp_arrow_next,
720
+ div.dark_square .pp_gallery a.pp_arrow_previous,
721
+ div.dark_square .pp_gallery a.pp_arrow_next,
722
+ div.light_square .pp_gallery a.pp_arrow_previous,
723
+ div.light_square .pp_gallery a.pp_arrow_next {
724
+ margin-top: 12px !important;
725
+ }
726
+ div.light_rounded .pp_arrow_previous.disabled,
727
+ div.dark_rounded .pp_arrow_previous.disabled,
728
+ div.dark_square .pp_arrow_previous.disabled,
729
+ div.light_square .pp_arrow_previous.disabled {
730
+ background-position: 0 -87px;
731
+ cursor: default;
732
+ }
733
+ div.light_rounded .pp_arrow_next.disabled,
734
+ div.dark_rounded .pp_arrow_next.disabled,
735
+ div.dark_square .pp_arrow_next.disabled,
736
+ div.light_square .pp_arrow_next.disabled {
737
+ background-position: -22px -87px;
738
+ cursor: default;
739
+ }
740
+ div.light_rounded .pp_loaderIcon,
741
+ div.light_square .pp_loaderIcon {
742
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
743
+ }
744
+ div.dark_rounded .pp_top .pp_middle,
745
+ div.dark_rounded .pp_content,
746
+ div.dark_rounded .pp_bottom .pp_middle {
747
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
748
+ }
749
+ div.dark_rounded .currentTextHolder,
750
+ div.dark_square .currentTextHolder {
751
+ color: #c4c4c4;
752
+ }
753
+ div.dark_rounded #pp_full_res .pp_inline,
754
+ div.dark_square #pp_full_res .pp_inline {
755
+ color: #fff;
756
+ }
757
+ .pp_top,
758
+ .pp_bottom {
759
+ height: 20px;
760
+ position: relative;
761
+ }
762
+ * html .pp_top,
763
+ * html .pp_bottom {
764
+ padding: 0 20px;
765
+ }
766
+ .pp_top .pp_left,
767
+ .pp_bottom .pp_left {
768
+ height: 20px;
769
+ left: 0;
770
+ position: absolute;
771
+ width: 20px;
772
+ }
773
+ .pp_top .pp_middle,
774
+ .pp_bottom .pp_middle {
775
+ height: 20px;
776
+ left: 20px;
777
+ position: absolute;
778
+ right: 20px;
779
+ }
780
+ * html .pp_top .pp_middle,
781
+ * html .pp_bottom .pp_middle {
782
+ left: 0;
783
+ position: static;
784
+ }
785
+ .pp_top .pp_right,
786
+ .pp_bottom .pp_right {
787
+ height: 20px;
788
+ left: auto;
789
+ position: absolute;
790
+ right: 0;
791
+ top: 0;
792
+ width: 20px;
793
+ }
794
+ .pp_fade,
795
+ .pp_gallery li.default a img {
796
+ display: none;
797
+ }
assets/frontend/js/premium-vscroll.js CHANGED
@@ -27,7 +27,7 @@
27
  window.premiumVerticalScroll = function ($selector, settings) {
28
  var self = this,
29
  $window = $(window),
30
- isTouch = false,
31
  $instance = $selector,
32
  checkTemps = $selector.find(".premium-vscroll-sections-wrap")
33
  .length,
@@ -58,10 +58,12 @@
58
 
59
  self.init = function () {
60
 
61
- isTouch = self.isTouchDevice();
62
-
63
  if (settings.fullTouch || (!isTouch && settings.fullSection)) {
64
- self.setSectionsOverflow();
 
 
 
 
65
  }
66
 
67
  self.setSectionsData();
@@ -305,14 +307,14 @@
305
 
306
  };
307
 
308
- self.isTouchDevice = function () {
309
 
310
- var isTouchDevice = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|playbook|silk|BlackBerry|BB10|Windows Phone|Tizen|Bada|webOS|IEMobile|Opera Mini)/),
311
- isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0) || (navigator.maxTouchPoints));
312
 
313
- return isTouchDevice || isTouch;
314
 
315
- };
316
 
317
  self.getEventsPage = function (e) {
318
 
27
  window.premiumVerticalScroll = function ($selector, settings) {
28
  var self = this,
29
  $window = $(window),
30
+ isTouch = 'desktop' !== elementorFrontend.getCurrentDeviceMode(),
31
  $instance = $selector,
32
  checkTemps = $selector.find(".premium-vscroll-sections-wrap")
33
  .length,
58
 
59
  self.init = function () {
60
 
 
 
61
  if (settings.fullTouch || (!isTouch && settings.fullSection)) {
62
+
63
+ if (settings.fullCheckOverflow) {
64
+
65
+ self.setSectionsOverflow();
66
+ }
67
  }
68
 
69
  self.setSectionsData();
307
 
308
  };
309
 
310
+ // self.isTouchDevice = function () {
311
 
312
+ // var isTouchDevice = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|playbook|silk|BlackBerry|BB10|Windows Phone|Tizen|Bada|webOS|IEMobile|Opera Mini)/),
313
+ // isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0) || (navigator.maxTouchPoints));
314
 
315
+ // return isTouchDevice || isTouch;
316
 
317
+ // };
318
 
319
  self.getEventsPage = function (e) {
320
 
assets/frontend/min-js/premium-vscroll.min.js CHANGED
@@ -1 +1 @@
1
- !function(D){function e(e,t){var o=elementorFrontend.getCurrentDeviceMode(),n="elementor-hidden-"+o;if("mobile"===o&&(n="elementor-hidden-phone"),!e.closest("section.elementor-element").hasClass(n)){var r=e.find(".premium-vscroll-wrap"),i=r.data("settings");i.deviceType=o,new premiumVerticalScroll(r,i).init()}}window.premiumVerticalScroll=function(e,i){var v=this,f=D(window),p=!1,h=e,g=e.find(".premium-vscroll-sections-wrap").length,l=D("html, body"),w=D(".premium-vscroll-dot-item",h),s=D(".premium-vscroll-nav-item",h),S=(i=D.extend({},{speed:700,offset:0,fullSection:!0},i),{}),a=null,C=!1,y=!0,d=0,m=0;function T(e){return Object.keys(e)[0]}function b(e){return Object.keys(e)[Object.keys(e).length-1]}function k(){var e=f.scrollTop(),t=T(S),o=S[t].offset,n=e+f.outerHeight(),r=v.visible(h,!0,!1);return!(o<n)&&!!r}function O(){var e=f.scrollTop(),t=b(S),o=S[t].offset+S[t].height,n=v.visible(h,!0,!1);return!(e<o)&&!!n}jQuery.extend(jQuery.easing,{easeInOutCirc:function(e,t,o,n,r){return(t/=r/2)<1?-n/2*(Math.sqrt(1-t*t)-1)+o:n/2*(Math.sqrt(1-(t-=2)*t)+1)+o}}),v.init=function(){p=v.isTouchDevice(),(i.fullTouch||!p&&i.fullSection)&&v.setSectionsOverflow(),v.setSectionsData(),w.on("click.premiumVerticalScroll",v.onNavDotChange),s.on("click.premiumVerticalScroll",v.onNavDotChange),w.on("mouseenter.premiumVerticalScroll",v.onNavDotEnter),w.on("mouseleave.premiumVerticalScroll",v.onNavDotLeave),"desktop"===i.deviceType&&f.on("scroll.premiumVerticalScroll",v.onWheel),f.on("resize.premiumVerticalScroll orientationchange.premiumVerticalScroll",v.debounce(50,v.onResize)),f.on("load",function(){v.setSectionsData(),(i.fullTouch||!p&&i.fullSection)&&v.sectionsOverflowRefresh(),v.checkCurrentActive()}),v.keyboardHandler(),v.scrollHandler(),i.fullSection&&v.fullSectionHandler(),i.animation&&h.find(".premium-vscroll-dots").removeClass("elementor-invisible").addClass("animated "+i.animation+" animated-"+i.duration)},v.checkCurrentActive=function(){var e=Object.keys(S)[0],t=S[e].offset;t>=f.scrollTop()&&t-f.scrollTop()<200&&(a=1,w.removeClass("active"),D(w[0]).addClass("active")),a&&h.find(".premium-vscroll-dots").removeClass("premium-vscroll-dots-hide")},v.setSectionsOverflow=function(){w.each(function(){var e=D(this).data("menuanchor"),t=D("#"+e),o=t.outerHeight();if(o>f.outerHeight()&&50<=o-f.outerHeight()){t.find(".elementor").first().wrapInner("<div id='scroller-"+e+"'></div>"),D("#scroller-"+e).slimScroll({height:f.outerHeight(),railVisible:!1});var n=new IScroll("#scroller-"+e,{mouseWheel:!0,scrollbars:!0,hideScrollbars:!0,fadeScrollbars:!1,disableMouse:!0,interactiveScrollbars:!1});D("#scroller-"+e).data("iscrollInstance",n),setTimeout(function(){n.refresh()},1500)}})},v.sectionsOverflowRefresh=function(){w.each(function(){var e=D(this).data("menuanchor"),t=D("#scroller-"+e).data("iscrollInstance");t&&t.refresh()})},v.setSectionsData=function(){w.each(function(){var e=D(this).data("menuanchor"),t=D("#"+e),o=t.outerHeight();t[0]&&(S[e]={selector:t,offset:Math.round(t.offset().top),height:o})})},v.fullSectionHandler=function(){var e=document.getElementById(h.attr("id"));p&&i.fullTouch?(document.addEventListener("touchstart",v.onTouchStart),document.addEventListener("touchmove",v.onTouchMove,{passive:!1})):g?document.addEventListener?e.addEventListener("wheel",v.onWheel,{passive:!1}):e.attachEvent("onmousewheel",v.onWheel):document.addEventListener?document.addEventListener("wheel",v.onWheel,{passive:!1}):document.attachEvent("onmousewheel",v.onWheel)},v.scrollHandler=function(){var e=0;for(var t in S){var o=S[t].selector;elementorFrontend.waypoint(o,function(){var e=D(this).attr("id");C||(a=e,w.removeClass("active"),s.removeClass("active"),D("[data-menuanchor="+e+"]",h).addClass("active"))},{offset:0!==e?"0%":"-1%",triggerOnce:!1}),e++}},v.keyboardHandler=function(){D(document).keydown(function(e){38==e.keyCode&&v.onKeyUp(e,"up"),40==e.keyCode&&v.onKeyUp(e,"down")})},v.isScrolled=function(e,t){var o=D("#scroller-"+e),n=o.data("iscrollInstance");return!n||("down"===t?0-n.y+o.scrollTop()+1+o.innerHeight()>=o[0].scrollHeight:"up"===t?0<=n.y&&!o.scrollTop():void 0)},v.isTouchDevice=function(){var e=navigator.userAgent.match(/(iPhone|iPod|iPad|Android|playbook|silk|BlackBerry|BB10|Windows Phone|Tizen|Bada|webOS|IEMobile|Opera Mini)/),t="ontouchstart"in window||0<navigator.msMaxTouchPoints||navigator.maxTouchPoints;return e||t},v.getEventsPage=function(e){var t=[];return t.y=void 0!==e.pageY&&(e.pageY||e.pageX)?e.pageY:e.touches[0].pageY,t.x=void 0!==e.pageX&&(e.pageY||e.pageX)?e.pageX:e.touches[0].pageX,p&&void 0!==e.touches&&(t.y=e.touches[0].pageY,t.x=e.touches[0].pageX),t},v.onTouchStart=function(e){y=!0;var t=v.getEventsPage(e);d=t.y},v.onTouchMove=function(e){if(y&&v.preventDefault(e),C)return v.preventDefault(e),!1;var t=v.getEventsPage(e);m=t.y;var o=D(e.target),n=g?".premium-vscroll-temp":".elementor-top-section",r=o.closest(n).attr("id"),i=!1,l=!1,s=!1,a=!1,c=f.scrollTop();if(D(".premium-vscroll-tooltip").hide(),k()&&(r=v.getFirstSection(S)),O()&&(r=v.getLastSection(S)),m<d?a="down":d<m&&(a="up"),r&&S.hasOwnProperty(r))if(l=v.checkPrevSection(S,r),s=v.checkNextSection(S,r),"up"===a&&(i=!s&&S[r].offset<c?r:l),"down"===a&&(i=!l&&S[r].offset>c+5?r:s),i){if(y=!0,h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"),!v.isScrolled(r,a))return;Math.abs(d-m)>window.innerHeight/100*15&&v.onAnchorChange(i)}else{y=!1;var u=g?h:D("#"+r);"down"===a?600<u.offset().top+u.innerHeight()-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):"up"===a&&200<u.offset().top-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")}else y=!1},v.scrollStop=function(){l.stop(!0)},v.checkNextSection=function(e,t){var o=Object.keys(e),n=o.indexOf(t),r=n+=1;return!(r>=o.length)&&o[r]},v.checkPrevSection=function(e,t){var o=Object.keys(e),n=o.indexOf(t),r=--n;return!(n<0)&&o[r]},v.debounce=function(t,o){var n;return function(e){n&&clearTimeout(n),n=setTimeout(function(){o.call(this,e),n=null},t)}},v.visible=function(e,t,o){var n=e.get(0),r=f.outerHeight(),i=!0!==o||n.offsetWidth*n.offsetHeight;if("function"==typeof n.getBoundingClientRect){var l=n.getBoundingClientRect(),s=0<=l.top&&l.top<r,a=0<l.bottom&&l.bottom<=r,c=t?s||a:s&&a;c=l.top<0&&l.bottom>r||c;return i&&c}var u=0+r,d=f.position().top,m=d+f.height();return!!i&&(!0===t?d:m)<=u&&0<=(!0===t?m:d)},v.onNavDotEnter=function(){var e=D(this),t=e.data("index");i.tooltips&&D('<div class="premium-vscroll-tooltip"><span>'+i.dotsText[t]+"</span></div>").hide().appendTo(e).fadeIn(200)},v.onNavDotLeave=function(){D(".premium-vscroll-tooltip").fadeOut(200,function(){D(this).remove()})},v.onNavDotChange=function(e){var t=D(this),o=t.index(),n=t.data("menuanchor"),r=null;if(!S.hasOwnProperty(n))return!1;(r=S[n].offset-i.offset)<0&&(r=S[n].offset),C||(C=!0,a=n,s.removeClass("active"),w.removeClass("active"),t.hasClass("premium-vscroll-nav-item")?D(w[o]).addClass("active"):D(s[o]).addClass("active"),t.addClass("active"),l.stop().clearQueue().animate({scrollTop:r},i.speed,"easeInOutCirc",function(){C=!1}))},v.preventDefault=function(e){e.preventDefault?e.preventDefault():e.returnValue=!1},v.onAnchorChange=function(e){var t=D("[data-menuanchor="+e+"]",h),o=null;if(!S.hasOwnProperty(e))return!1;(o=S[e].offset-i.offset)<0&&(o=S[e].offset),C||(C=!0,i.addToHistory&&window.history.pushState(null,null,"#"+e),a=e,w.removeClass("active"),s.removeClass("active"),t.addClass("active"),l.animate({scrollTop:o},i.speed,"easeInOutCirc",function(){C=!1}))},v.onKeyUp=function(e,t){1===a&&(a=w.eq(0).data("menuanchor"));t=t||"up";var o=D(".premium-vscroll-dot-item[data-menuanchor="+a+"]",h).next(),n=D(".premium-vscroll-dot-item[data-menuanchor="+a+"]",h).prev();if(e.preventDefault(),C)return!1;"up"===t&&n[0]&&n.trigger("click.premiumVerticalScroll"),"down"===t&&o[0]&&o.trigger("click.premiumVerticalScroll")},v.onScroll=function(e){C&&e.preventDefault()},v.onWheel=function(e){if(y&&!p&&v.preventDefault(e),C)return!1;var t,o=D(e.target),n=g?".premium-vscroll-temp":".elementor-top-section",r=o.closest(n).attr("id"),i=v.visible(h,!0,!1),l=!1,s=!1,a=!1,c=(t=e,t=window.event||t,Math.max(-1,Math.min(1,t.wheelDelta||-t.deltaY||-t.detail)))<0?"down":"up",u=f.scrollTop(),d=D(".premium-vscroll-dot-item.active").index();if(p&&(D(".premium-vscroll-tooltip").hide(),d!==w.length-1||i?0!==d||i?h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"):200<h.offset().top-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")),k()&&(r=T(S)),O()&&(r=b(S)),r&&S.hasOwnProperty(r))if(s=v.checkPrevSection(S,r),a=v.checkNextSection(S,r),"up"==c&&(l=!a&&S[r].offset<u?r:s),"down"==c&&(l=!s&&S[r].offset>u+5?r:a),l){if(y=!0,!v.isScrolled(r,c)&&!p)return;h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"),v.onAnchorChange(l)}else{y=!1;var m=g?h:D("#"+r);"down"==c?600<m.offset().top+m.innerHeight()-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):"up"==c&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")}else y=!1},v.onResize=function(){v.setSectionsData(),v.sectionsOverflowRefresh()}},D(window).on("elementor/frontend/init",function(){elementorFrontend.hooks.addAction("frontend/element_ready/premium-vscroll.default",e)})}(jQuery);
1
+ !function(D){function e(e,t){var o=elementorFrontend.getCurrentDeviceMode(),n="elementor-hidden-"+o;if("mobile"===o&&(n="elementor-hidden-phone"),!e.closest("section.elementor-element").hasClass(n)){var r=e.find(".premium-vscroll-wrap"),i=r.data("settings");i.deviceType=o,new premiumVerticalScroll(r,i).init()}}window.premiumVerticalScroll=function(e,i){var v=this,f=D(window),p="desktop"!==elementorFrontend.getCurrentDeviceMode(),h=e,g=e.find(".premium-vscroll-sections-wrap").length,l=D("html, body"),C=D(".premium-vscroll-dot-item",h),s=D(".premium-vscroll-nav-item",h),S=(i=D.extend({},{speed:700,offset:0,fullSection:!0},i),{}),c=null,w=!1,y=!0,d=0,m=0;function T(e){return Object.keys(e)[0]}function b(e){return Object.keys(e)[Object.keys(e).length-1]}function k(){var e=f.scrollTop(),t=T(S),o=S[t].offset,n=e+f.outerHeight(),r=v.visible(h,!0,!1);return!(o<n)&&!!r}function O(){var e=f.scrollTop(),t=b(S),o=S[t].offset+S[t].height,n=v.visible(h,!0,!1);return!(e<o)&&!!n}jQuery.extend(jQuery.easing,{easeInOutCirc:function(e,t,o,n,r){return(t/=r/2)<1?-n/2*(Math.sqrt(1-t*t)-1)+o:n/2*(Math.sqrt(1-(t-=2)*t)+1)+o}}),v.init=function(){(i.fullTouch||!p&&i.fullSection)&&i.fullCheckOverflow&&v.setSectionsOverflow(),v.setSectionsData(),C.on("click.premiumVerticalScroll",v.onNavDotChange),s.on("click.premiumVerticalScroll",v.onNavDotChange),C.on("mouseenter.premiumVerticalScroll",v.onNavDotEnter),C.on("mouseleave.premiumVerticalScroll",v.onNavDotLeave),"desktop"===i.deviceType&&f.on("scroll.premiumVerticalScroll",v.onWheel),f.on("resize.premiumVerticalScroll orientationchange.premiumVerticalScroll",v.debounce(50,v.onResize)),f.on("load",function(){v.setSectionsData(),(i.fullTouch||!p&&i.fullSection)&&v.sectionsOverflowRefresh(),v.checkCurrentActive()}),v.keyboardHandler(),v.scrollHandler(),i.fullSection&&v.fullSectionHandler(),i.animation&&h.find(".premium-vscroll-dots").removeClass("elementor-invisible").addClass("animated "+i.animation+" animated-"+i.duration)},v.checkCurrentActive=function(){var e=Object.keys(S)[0],t=S[e].offset;t>=f.scrollTop()&&t-f.scrollTop()<200&&(c=1,C.removeClass("active"),D(C[0]).addClass("active")),c&&h.find(".premium-vscroll-dots").removeClass("premium-vscroll-dots-hide")},v.setSectionsOverflow=function(){C.each(function(){var e=D(this).data("menuanchor"),t=D("#"+e),o=t.outerHeight();if(o>f.outerHeight()&&50<=o-f.outerHeight()){t.find(".elementor").first().wrapInner("<div id='scroller-"+e+"'></div>"),D("#scroller-"+e).slimScroll({height:f.outerHeight(),railVisible:!1});var n=new IScroll("#scroller-"+e,{mouseWheel:!0,scrollbars:!0,hideScrollbars:!0,fadeScrollbars:!1,disableMouse:!0,interactiveScrollbars:!1});D("#scroller-"+e).data("iscrollInstance",n),setTimeout(function(){n.refresh()},1500)}})},v.sectionsOverflowRefresh=function(){C.each(function(){var e=D(this).data("menuanchor"),t=D("#scroller-"+e).data("iscrollInstance");t&&t.refresh()})},v.setSectionsData=function(){C.each(function(){var e=D(this).data("menuanchor"),t=D("#"+e),o=t.outerHeight();t[0]&&(S[e]={selector:t,offset:Math.round(t.offset().top),height:o})})},v.fullSectionHandler=function(){var e=document.getElementById(h.attr("id"));p&&i.fullTouch?(document.addEventListener("touchstart",v.onTouchStart),document.addEventListener("touchmove",v.onTouchMove,{passive:!1})):g?document.addEventListener?e.addEventListener("wheel",v.onWheel,{passive:!1}):e.attachEvent("onmousewheel",v.onWheel):document.addEventListener?document.addEventListener("wheel",v.onWheel,{passive:!1}):document.attachEvent("onmousewheel",v.onWheel)},v.scrollHandler=function(){var e=0;for(var t in S){var o=S[t].selector;elementorFrontend.waypoint(o,function(){var e=D(this).attr("id");w||(c=e,C.removeClass("active"),s.removeClass("active"),D("[data-menuanchor="+e+"]",h).addClass("active"))},{offset:0!==e?"0%":"-1%",triggerOnce:!1}),e++}},v.keyboardHandler=function(){D(document).keydown(function(e){38==e.keyCode&&v.onKeyUp(e,"up"),40==e.keyCode&&v.onKeyUp(e,"down")})},v.isScrolled=function(e,t){var o=D("#scroller-"+e),n=o.data("iscrollInstance");return!n||("down"===t?0-n.y+o.scrollTop()+1+o.innerHeight()>=o[0].scrollHeight:"up"===t?0<=n.y&&!o.scrollTop():void 0)},v.getEventsPage=function(e){var t=[];return t.y=void 0!==e.pageY&&(e.pageY||e.pageX)?e.pageY:e.touches[0].pageY,t.x=void 0!==e.pageX&&(e.pageY||e.pageX)?e.pageX:e.touches[0].pageX,p&&void 0!==e.touches&&(t.y=e.touches[0].pageY,t.x=e.touches[0].pageX),t},v.onTouchStart=function(e){y=!0;var t=v.getEventsPage(e);d=t.y},v.onTouchMove=function(e){if(y&&v.preventDefault(e),w)return v.preventDefault(e),!1;var t=v.getEventsPage(e);m=t.y;var o=D(e.target),n=g?".premium-vscroll-temp":".elementor-top-section",r=o.closest(n).attr("id"),i=!1,l=!1,s=!1,c=!1,a=f.scrollTop();if(D(".premium-vscroll-tooltip").hide(),k()&&(r=v.getFirstSection(S)),O()&&(r=v.getLastSection(S)),m<d?c="down":d<m&&(c="up"),r&&S.hasOwnProperty(r))if(l=v.checkPrevSection(S,r),s=v.checkNextSection(S,r),"up"===c&&(i=!s&&S[r].offset<a?r:l),"down"===c&&(i=!l&&S[r].offset>a+5?r:s),i){if(y=!0,h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"),!v.isScrolled(r,c))return;Math.abs(d-m)>window.innerHeight/100*15&&v.onAnchorChange(i)}else{y=!1;var u=g?h:D("#"+r);"down"===c?600<u.offset().top+u.innerHeight()-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):"up"===c&&200<u.offset().top-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")}else y=!1},v.scrollStop=function(){l.stop(!0)},v.checkNextSection=function(e,t){var o=Object.keys(e),n=o.indexOf(t),r=n+=1;return!(r>=o.length)&&o[r]},v.checkPrevSection=function(e,t){var o=Object.keys(e),n=o.indexOf(t),r=--n;return!(n<0)&&o[r]},v.debounce=function(t,o){var n;return function(e){n&&clearTimeout(n),n=setTimeout(function(){o.call(this,e),n=null},t)}},v.visible=function(e,t,o){var n=e.get(0),r=f.outerHeight(),i=!0!==o||n.offsetWidth*n.offsetHeight;if("function"==typeof n.getBoundingClientRect){var l=n.getBoundingClientRect(),s=0<=l.top&&l.top<r,c=0<l.bottom&&l.bottom<=r,a=t?s||c:s&&c;a=l.top<0&&l.bottom>r||a;return i&&a}var u=0+r,d=f.position().top,m=d+f.height();return!!i&&(!0===t?d:m)<=u&&0<=(!0===t?m:d)},v.onNavDotEnter=function(){var e=D(this),t=e.data("index");i.tooltips&&D('<div class="premium-vscroll-tooltip"><span>'+i.dotsText[t]+"</span></div>").hide().appendTo(e).fadeIn(200)},v.onNavDotLeave=function(){D(".premium-vscroll-tooltip").fadeOut(200,function(){D(this).remove()})},v.onNavDotChange=function(e){var t=D(this),o=t.index(),n=t.data("menuanchor"),r=null;if(!S.hasOwnProperty(n))return!1;(r=S[n].offset-i.offset)<0&&(r=S[n].offset),w||(w=!0,c=n,s.removeClass("active"),C.removeClass("active"),t.hasClass("premium-vscroll-nav-item")?D(C[o]).addClass("active"):D(s[o]).addClass("active"),t.addClass("active"),l.stop().clearQueue().animate({scrollTop:r},i.speed,"easeInOutCirc",function(){w=!1}))},v.preventDefault=function(e){e.preventDefault?e.preventDefault():e.returnValue=!1},v.onAnchorChange=function(e){var t=D("[data-menuanchor="+e+"]",h),o=null;if(!S.hasOwnProperty(e))return!1;(o=S[e].offset-i.offset)<0&&(o=S[e].offset),w||(w=!0,i.addToHistory&&window.history.pushState(null,null,"#"+e),c=e,C.removeClass("active"),s.removeClass("active"),t.addClass("active"),l.animate({scrollTop:o},i.speed,"easeInOutCirc",function(){w=!1}))},v.onKeyUp=function(e,t){1===c&&(c=C.eq(0).data("menuanchor"));t=t||"up";var o=D(".premium-vscroll-dot-item[data-menuanchor="+c+"]",h).next(),n=D(".premium-vscroll-dot-item[data-menuanchor="+c+"]",h).prev();if(e.preventDefault(),w)return!1;"up"===t&&n[0]&&n.trigger("click.premiumVerticalScroll"),"down"===t&&o[0]&&o.trigger("click.premiumVerticalScroll")},v.onScroll=function(e){w&&e.preventDefault()},v.onWheel=function(e){if(y&&!p&&v.preventDefault(e),w)return!1;var t,o=D(e.target),n=g?".premium-vscroll-temp":".elementor-top-section",r=o.closest(n).attr("id"),i=v.visible(h,!0,!1),l=!1,s=!1,c=!1,a=(t=e,t=window.event||t,Math.max(-1,Math.min(1,t.wheelDelta||-t.deltaY||-t.detail)))<0?"down":"up",u=f.scrollTop(),d=D(".premium-vscroll-dot-item.active").index();if(p&&(D(".premium-vscroll-tooltip").hide(),d!==C.length-1||i?0!==d||i?h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"):200<h.offset().top-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")),k()&&(r=T(S)),O()&&(r=b(S)),r&&S.hasOwnProperty(r))if(s=v.checkPrevSection(S,r),c=v.checkNextSection(S,r),"up"==a&&(l=!c&&S[r].offset<u?r:s),"down"==a&&(l=!s&&S[r].offset>u+5?r:c),l){if(y=!0,!v.isScrolled(r,a)&&!p)return;h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").removeClass("premium-vscroll-dots-hide"),v.onAnchorChange(l)}else{y=!1;var m=g?h:D("#"+r);"down"==a?600<m.offset().top+m.innerHeight()-D(document).scrollTop()&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide"):"up"==a&&h.find(".premium-vscroll-dots, .premium-vscroll-nav-menu").addClass("premium-vscroll-dots-hide")}else y=!1},v.onResize=function(){v.setSectionsData(),v.sectionsOverflowRefresh()}},D(window).on("elementor/frontend/init",function(){elementorFrontend.hooks.addAction("frontend/element_ready/premium-vscroll.default",e)})}(jQuery);
base/module-base.php DELETED
@@ -1,113 +0,0 @@
1
- <?php
2
-
3
- namespace PremiumAddons\Base;
4
-
5
- use PremiumAddons\Admin\Includes\Admin_Helper;
6
-
7
- if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
8
-
9
-
10
- /**
11
- * Module Base
12
- *
13
- * @since 4.0.0
14
- */
15
- abstract class Module_Base {
16
-
17
- /**
18
- * Reflection
19
- *
20
- * @var reflection
21
- */
22
- private $reflection;
23
-
24
- /**
25
- * Modules
26
- *
27
- * @var modules
28
- */
29
- private static $modules = null;
30
-
31
- /**
32
- * Reflection
33
- *
34
- * @var instances
35
- */
36
- protected static $instances = [];
37
-
38
-
39
- /**
40
- * Class name to Call
41
- *
42
- * @since 4.0.0
43
- */
44
- public static function class_name() {
45
- return get_called_class();
46
- }
47
-
48
- /**
49
- * Class instance
50
- *
51
- * @since 4.0.0
52
- *
53
- * @return static
54
- */
55
- public static function instance() {
56
-
57
- if ( empty( static::$instances[ static::class_name() ] ) ) {
58
-
59
- static::$instances[ static::class_name() ] = new static();
60
-
61
- }
62
-
63
- return static::$instances[ static::class_name() ];
64
- }
65
-
66
- /**
67
- * Constructor
68
- */
69
- public function __construct() {
70
-
71
- $this->reflection = new \ReflectionClass( $this );
72
-
73
- add_action( 'elementor/widgets/widgets_registered', [ $this, 'init_widgets' ] );
74
- }
75
-
76
- /**
77
- * Init Widgets
78
- *
79
- * @since 4.0.0
80
- */
81
- public function init_widgets() {
82
-
83
- self::$modules = Admin_Helper::get_enabled_elements();
84
-
85
- $widget_manager = \Elementor\Plugin::instance()->widgets_manager;
86
-
87
- foreach ( $this->get_widgets() as $widget ) {
88
-
89
- $key = sprintf( 'premium-%s', strtolower( str_replace('_', '-', $widget ) ) );
90
-
91
- $enabled = isset( self::$modules[ $key ] ) ? self::$modules[ $key ] : '';
92
-
93
- if ( filter_var( $enabled, FILTER_VALIDATE_BOOLEAN ) ) {
94
- $class_name = $this->reflection->getNamespaceName() . '\Widgets\\' . $widget;
95
-
96
- $widget_manager->register_widget_type( new $class_name() );
97
- }
98
-
99
-
100
- }
101
- }
102
-
103
- /**
104
- * Get Widgets
105
- *
106
- * @since 4.0.0
107
- *
108
- * @return array
109
- */
110
- public function get_widgets() {
111
- return [];
112
- }
113
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
includes/addons-category.php DELETED
@@ -1,74 +0,0 @@
1
- <?php
2
- /**
3
- * PA Category Manager.
4
- */
5
-
6
- namespace PremiumAddons\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit();
12
- }
13
-
14
- /**
15
- * Class Addons_Category.
16
- */
17
- class Addons_Category {
18
-
19
- /**
20
- * Class object
21
- *
22
- * @var instance
23
- */
24
- private static $instance = null;
25
-
26
- /**
27
- * Constructor for the class
28
- */
29
- public function __construct() {
30
-
31
- add_action( 'elementor/elements/categories_registered', array( $this, 'register_widgets_category' ), 9 );
32
- }
33
-
34
- /**
35
- * Register Widgets Category
36
- *
37
- * Register a new category for Premium Addons widgets
38
- *
39
- * @since 4.0.0
40
- * @access public
41
- *
42
- * @param object $elements_manager elements manager.
43
- */
44
- public function register_widgets_category( $elements_manager ) {
45
-
46
- $elements_manager->add_category(
47
- 'premium-elements',
48
- array(
49
- 'title' => Helper_Functions::get_category(),
50
- ),
51
- 1
52
- );
53
-
54
- }
55
-
56
- /**
57
- * Creates and returns an instance of the class
58
- *
59
- * @since 2.6.8
60
- * @access public
61
- *
62
- * @return object
63
- */
64
- public static function get_instance() {
65
-
66
- if ( ! isset( self::$instance ) ) {
67
-
68
- self::$instance = new self();
69
-
70
- }
71
-
72
- return self::$instance;
73
- }
74
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
includes/addons-integration.php CHANGED
@@ -1,546 +1,570 @@
1
- <?php
2
-
3
- namespace PremiumAddons\Includes;
4
-
5
- use PremiumAddons\Includes\Helper_Functions;
6
- use PremiumAddons\Admin\Includes\Admin_Helper;
7
-
8
- if ( ! defined( 'ABSPATH' ) ) {
9
- exit();
10
- }
11
-
12
- /**
13
- * Class Addons_Integration.
14
- */
15
- class Addons_Integration {
16
-
17
- /**
18
- * Class instance
19
- *
20
- * @var instance
21
- */
22
- private static $instance = null;
23
-
24
- /**
25
- * Modules
26
- *
27
- * @var modules
28
- */
29
- private static $modules = null;
30
-
31
- /**
32
- * Maps Keys
33
- *
34
- * @var maps
35
- */
36
- private static $maps = null;
37
-
38
- /**
39
- * Template Instance
40
- *
41
- * @var templateInstance
42
- */
43
- protected $templateInstance;
44
-
45
- /**
46
- * Cross-Site CDN URL.
47
- *
48
- * @since 4.0.0
49
- * @var (String) URL
50
- */
51
- public $cdn_url;
52
-
53
- /**
54
- * Initialize integration hooks
55
- *
56
- * @return void
57
- */
58
- public function __construct() {
59
-
60
- self::$modules = Admin_Helper::get_enabled_elements();
61
-
62
- self::$maps = Admin_Helper::get_integrations_settings();
63
-
64
- $this->templateInstance = Premium_Template_Tags::getInstance();
65
-
66
- add_action( 'elementor/editor/before_enqueue_styles', array( $this, 'enqueue_editor_styles' ) );
67
-
68
- add_action( 'elementor/widgets/widgets_registered', array( $this, 'widgets_area' ) );
69
-
70
- add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'enqueue_editor_scripts' ) );
71
-
72
- add_action( 'elementor/preview/enqueue_styles', array( $this, 'enqueue_preview_styles' ) );
73
-
74
- add_action( 'elementor/frontend/after_register_styles', array( $this, 'register_frontend_styles' ) );
75
-
76
- add_action( 'elementor/frontend/after_register_scripts', array( $this, 'register_frontend_scripts' ) );
77
-
78
- add_action( 'wp_ajax_get_elementor_template_content', array( $this, 'get_template_content' ) );
79
-
80
- $cross_enabled = isset( self::$modules['premium-cross-domain'] ) ? self::$modules['premium-cross-domain'] : 1;
81
-
82
- if ( $cross_enabled ) {
83
-
84
- add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'enqueue_editor_cp_scripts' ), 99 );
85
-
86
- Addons_Cross_CP::get_instance();
87
-
88
- }
89
-
90
- }
91
-
92
- /**
93
- * Loads plugin icons font
94
- *
95
- * @since 1.0.0
96
- * @access public
97
- * @return void
98
- */
99
- public function enqueue_editor_styles() {
100
-
101
- $theme = Helper_Functions::get_elementor_ui_theme();
102
-
103
- wp_enqueue_style(
104
- 'pa-editor',
105
- PREMIUM_ADDONS_URL . 'assets/editor/css/style.css',
106
- array(),
107
- PREMIUM_ADDONS_VERSION
108
- );
109
-
110
- // Enqueue required style for Elementor dark UI Theme.
111
- if ( 'dark' === $theme ) {
112
-
113
- wp_add_inline_style(
114
- 'pa-editor',
115
- '.elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
116
- .elementor-control-raw-html.editor-pa-doc a {
117
- color: #e0e1e3 !important;
118
- }
119
-
120
- [class^="pa-"]::after,
121
- [class*=" pa-"]::after {
122
- color: #fff;
123
- }'
124
- );
125
-
126
- }
127
-
128
- $badge_text = Helper_Functions::get_badge();
129
-
130
- $dynamic_css = sprintf( '[class^="pa-"]::after, [class*=" pa-"]::after { content: "%s"; }', $badge_text );
131
-
132
- wp_add_inline_style( 'pa-editor', $dynamic_css );
133
-
134
- }
135
-
136
- /**
137
- * Register Frontend CSS files
138
- *
139
- * @since 2.9.0
140
- * @access public
141
- */
142
- public function register_frontend_styles() {
143
-
144
- $dir = Helper_Functions::get_styles_dir();
145
- $suffix = Helper_Functions::get_assets_suffix();
146
-
147
- $is_rtl = is_rtl() ? '-rtl' : '';
148
-
149
- wp_register_style(
150
- 'font-awesome-5-all',
151
- ELEMENTOR_ASSETS_URL . 'lib/font-awesome/css/all.min.css',
152
- false,
153
- PREMIUM_ADDONS_VERSION
154
- );
155
-
156
- wp_register_style(
157
- 'pa-prettyphoto',
158
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/prettyphoto' . $is_rtl . $suffix . '.css',
159
- array(),
160
- PREMIUM_ADDONS_VERSION,
161
- 'all'
162
- );
163
-
164
- wp_register_style(
165
- 'premium-addons',
166
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-addons' . $is_rtl . $suffix . '.css',
167
- array(),
168
- PREMIUM_ADDONS_VERSION,
169
- 'all'
170
- );
171
-
172
- }
173
-
174
- /**
175
- * Enqueue Preview CSS files
176
- *
177
- * @since 2.9.0
178
- * @access public
179
- */
180
- public function enqueue_preview_styles() {
181
-
182
- wp_enqueue_style( 'pa-prettyphoto' );
183
-
184
- wp_enqueue_style( 'premium-addons' );
185
-
186
- }
187
-
188
- /**
189
- * Load widgets require function
190
- *
191
- * @since 1.0.0
192
- * @access public
193
- */
194
- public function widgets_area() {
195
- $this->widgets_register();
196
- }
197
-
198
- /**
199
- * Requires widgets files
200
- *
201
- * @since 1.0.0
202
- * @access private
203
- */
204
- private function widgets_register() {
205
-
206
- $check_component_active = self::$modules;
207
-
208
- foreach ( glob( PREMIUM_ADDONS_PATH . 'widgets/*.php' ) as $file ) {
209
-
210
- $slug = basename( $file, '.php' );
211
-
212
- // Fixes the conflict between Lottie widget/addon keys.
213
- if ( 'premium-lottie' === $slug ) {
214
-
215
- // Check if Lottie widget switcher value was saved before.
216
- $saved_options = get_option( 'pa_save_settings' );
217
-
218
- $slug = 'premium-lottie-widget';
219
-
220
- // Check if settings were saved before.
221
- if ( ! isset( $saved_options['is-updated'] ) ) {
222
- $check_component_active[ $slug ] = 1;
223
- }
224
- }
225
-
226
- $enabled = isset( $check_component_active[ $slug ] ) ? $check_component_active[ $slug ] : '';
227
-
228
- if ( filter_var( $enabled, FILTER_VALIDATE_BOOLEAN ) || ! $check_component_active ) {
229
- $this->register_addon( $file );
230
- }
231
- }
232
-
233
- }
234
-
235
- /**
236
- * Registers required JS files
237
- *
238
- * @since 1.0.0
239
- * @access public
240
- */
241
- public function register_frontend_scripts() {
242
-
243
- $maps_settings = self::$maps;
244
-
245
- $dir = Helper_Functions::get_scripts_dir();
246
- $suffix = Helper_Functions::get_assets_suffix();
247
-
248
- $locale = isset( $maps_settings['premium-map-locale'] ) ? $maps_settings['premium-map-locale'] : 'en';
249
-
250
- wp_register_script(
251
- 'premium-addons',
252
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-addons' . $suffix . '.js',
253
- array( 'jquery' ),
254
- PREMIUM_ADDONS_VERSION,
255
- true
256
- );
257
-
258
- wp_register_script(
259
- 'prettyPhoto-js',
260
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/prettyPhoto' . $suffix . '.js',
261
- array( 'jquery' ),
262
- PREMIUM_ADDONS_VERSION,
263
- true
264
- );
265
-
266
- wp_register_script(
267
- 'vticker-js',
268
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/vticker' . $suffix . '.js',
269
- array( 'jquery' ),
270
- PREMIUM_ADDONS_VERSION,
271
- true
272
- );
273
- wp_register_script(
274
- 'typed-js',
275
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/typed' . $suffix . '.js',
276
- array( 'jquery' ),
277
- PREMIUM_ADDONS_VERSION,
278
- true
279
- );
280
-
281
- wp_register_script(
282
- 'count-down-timer-js',
283
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/jquery-countdown' . $suffix . '.js',
284
- array( 'jquery' ),
285
- PREMIUM_ADDONS_VERSION,
286
- true
287
- );
288
-
289
- wp_register_script(
290
- 'isotope-js',
291
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/isotope' . $suffix . '.js',
292
- array( 'jquery' ),
293
- PREMIUM_ADDONS_VERSION,
294
- true
295
- );
296
-
297
- wp_register_script(
298
- 'modal-js',
299
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/modal' . $suffix . '.js',
300
- array( 'jquery' ),
301
- PREMIUM_ADDONS_VERSION,
302
- true
303
- );
304
-
305
- wp_register_script(
306
- 'premium-maps-js',
307
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-maps' . $suffix . '.js',
308
- array( 'jquery', 'premium-maps-api-js' ),
309
- PREMIUM_ADDONS_VERSION,
310
- true
311
- );
312
-
313
- wp_register_script(
314
- 'vscroll-js',
315
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-vscroll' . $suffix . '.js',
316
- array( 'jquery' ),
317
- PREMIUM_ADDONS_VERSION,
318
- true
319
- );
320
-
321
- wp_register_script(
322
- 'slimscroll-js',
323
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/jquery-slimscroll' . $suffix . '.js',
324
- array( 'jquery' ),
325
- PREMIUM_ADDONS_VERSION,
326
- true
327
- );
328
-
329
- wp_register_script(
330
- 'iscroll-js',
331
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/iscroll' . $suffix . '.js',
332
- array( 'jquery' ),
333
- PREMIUM_ADDONS_VERSION,
334
- true
335
- );
336
-
337
- wp_register_script(
338
- 'tilt-js',
339
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/universal-tilt' . $suffix . '.js',
340
- array( 'jquery' ),
341
- PREMIUM_ADDONS_VERSION,
342
- true
343
- );
344
-
345
- wp_register_script(
346
- 'lottie-js',
347
- PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/lottie' . $suffix . '.js',
348
- array( 'jquery' ),
349
- PREMIUM_ADDONS_VERSION,
350
- true
351
- );
352
-
353
- if ( $maps_settings['premium-map-cluster'] ) {
354
- wp_register_script(
355
- 'google-maps-cluster',
356
- 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js',
357
- array(),
358
- PREMIUM_ADDONS_VERSION,
359
- false
360
- );
361
- }
362
-
363
- if ( $maps_settings['premium-map-disable-api'] && '1' !== $maps_settings['premium-map-api'] ) {
364
- $api = sprintf( 'https://maps.googleapis.com/maps/api/js?key=%1$s&language=%2$s', $maps_settings['premium-map-api'], $locale );
365
- wp_register_script(
366
- 'premium-maps-api-js',
367
- $api,
368
- array(),
369
- PREMIUM_ADDONS_VERSION,
370
- false
371
- );
372
- }
373
-
374
- wp_localize_script(
375
- 'premium-addons',
376
- 'PremiumSettings',
377
- array(
378
- 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
379
- 'nonce' => wp_create_nonce( 'pa-blog-widget-nonce' ),
380
- )
381
- );
382
-
383
- }
384
-
385
- /**
386
- * Enqueue editor scripts
387
- *
388
- * @since 3.2.5
389
- * @access public
390
- */
391
- public function enqueue_editor_scripts() {
392
-
393
- $map_enabled = isset( self::$modules['premium-maps'] ) ? self::$modules['premium-maps'] : 1;
394
-
395
- if ( $map_enabled ) {
396
-
397
- $premium_maps_api = self::$maps['premium-map-api'];
398
-
399
- $locale = isset( self::$maps['premium-map-locale'] ) ? self::$maps['premium-map-locale'] : 'en';
400
-
401
- $premium_maps_disable_api = self::$maps['premium-map-disable-api'];
402
-
403
- if ( $premium_maps_disable_api && '1' !== $premium_maps_api ) {
404
-
405
- $api = sprintf( 'https://maps.googleapis.com/maps/api/js?key=%1$s&language=%2$s', $premium_maps_api, $locale );
406
- wp_enqueue_script(
407
- 'premium-maps-api-js',
408
- $api,
409
- array(),
410
- PREMIUM_ADDONS_VERSION,
411
- false
412
- );
413
-
414
- }
415
-
416
- wp_enqueue_script(
417
- 'pa-maps-finder',
418
- PREMIUM_ADDONS_URL . 'assets/editor/js/pa-maps-finder.js',
419
- array( 'jquery' ),
420
- PREMIUM_ADDONS_VERSION,
421
- true
422
- );
423
-
424
- }
425
-
426
- }
427
-
428
- /**
429
- * Load Cross Domain Copy Paste JS Files.
430
- *
431
- * @since 3.21.1
432
- */
433
- public function enqueue_editor_cp_scripts() {
434
-
435
- wp_enqueue_script(
436
- 'premium-xdlocalstorage-js',
437
- PREMIUM_ADDONS_URL . 'assets/editor/js/xdlocalstorage.js',
438
- null,
439
- PREMIUM_ADDONS_VERSION,
440
- true
441
- );
442
-
443
- wp_enqueue_script(
444
- 'premium-cross-cp',
445
- PREMIUM_ADDONS_URL . 'assets/editor/js/premium-cross-cp.js',
446
- array( 'jquery', 'elementor-editor', 'premium-xdlocalstorage-js' ),
447
- PREMIUM_ADDONS_VERSION,
448
- true
449
- );
450
-
451
- wp_localize_script(
452
- 'jquery',
453
- 'premium_cross_cp',
454
- array(
455
- 'ajax_url' => admin_url( 'admin-ajax.php' ),
456
- 'nonce' => wp_create_nonce( 'premium_cross_cp_import' ),
457
- )
458
- );
459
- }
460
-
461
- /**
462
- * Get Template Content
463
- *
464
- * Get Elementor template HTML content.
465
- *
466
- * @since 3.2.6
467
- * @access public
468
- */
469
- public function get_template_content() {
470
-
471
- $template = isset( $_GET['templateID'] ) ? sanitize_text_field( $_GET['templateID'] ) : '';
472
-
473
- if ( empty( $template ) ) {
474
- return;
475
- }
476
-
477
- $template_content = $this->templateInstance->get_template_content( $template );
478
-
479
- if ( empty( $template_content ) || ! isset( $template_content ) ) {
480
- wp_send_json_error();
481
- }
482
-
483
- $data = array(
484
- 'template_content' => $template_content,
485
- );
486
-
487
- wp_send_json_success( $data );
488
-
489
- }
490
-
491
- /**
492
- *
493
- * Register addon by file name.
494
- *
495
- * @access public
496
- *
497
- * @param string $file File name.
498
- *
499
- * @return void
500
- */
501
- public function register_addon( $file ) {
502
-
503
- $widget_manager = \Elementor\Plugin::instance()->widgets_manager;
504
-
505
- $base = basename( str_replace( '.php', '', $file ) );
506
- $class = ucwords( str_replace( '-', ' ', $base ) );
507
- $class = str_replace( ' ', '_', $class );
508
- $class = sprintf( 'PremiumAddons\Widgets\%s', $class );
509
-
510
- if ( 'PremiumAddons\Widgets\Premium_Contactform' !== $class ) {
511
- require $file;
512
- } else {
513
- if ( function_exists( 'wpcf7' ) ) {
514
- require $file;
515
- }
516
- }
517
-
518
- if ( 'PremiumAddons\Widgets\Premium_Videobox' === $class ) {
519
- require_once PREMIUM_ADDONS_PATH . 'widgets/dep/urlopen.php';
520
- }
521
-
522
- if ( class_exists( $class ) ) {
523
- $widget_manager->register_widget_type( new $class() );
524
- }
525
- }
526
-
527
- /**
528
- *
529
- * Creates and returns an instance of the class
530
- *
531
- * @since 1.0.0
532
- * @access public
533
- *
534
- * @return object
535
- */
536
- public static function get_instance() {
537
-
538
- if ( ! isset( self::$instance ) ) {
539
-
540
- self::$instance = new self();
541
-
542
- }
543
-
544
- return self::$instance;
545
- }
546
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace PremiumAddons\Includes;
4
+
5
+ use PremiumAddons\Includes\Helper_Functions;
6
+ use PremiumAddons\Admin\Includes\Admin_Helper;
7
+
8
+ if ( ! defined( 'ABSPATH' ) ) {
9
+ exit();
10
+ }
11
+
12
+ /**
13
+ * Class Addons_Integration.
14
+ */
15
+ class Addons_Integration {
16
+
17
+ /**
18
+ * Class instance
19
+ *
20
+ * @var instance
21
+ */
22
+ private static $instance = null;
23
+
24
+ /**
25
+ * Modules
26
+ *
27
+ * @var modules
28
+ */
29
+ private static $modules = null;
30
+
31
+ /**
32
+ * Maps Keys
33
+ *
34
+ * @var maps
35
+ */
36
+ private static $maps = null;
37
+
38
+ /**
39
+ * Template Instance
40
+ *
41
+ * @var templateInstance
42
+ */
43
+ protected $templateInstance;
44
+
45
+ /**
46
+ * Cross-Site CDN URL.
47
+ *
48
+ * @since 4.0.0
49
+ * @var (String) URL
50
+ */
51
+ public $cdn_url;
52
+
53
+ /**
54
+ * Initialize integration hooks
55
+ *
56
+ * @return void
57
+ */
58
+ public function __construct() {
59
+
60
+ self::$modules = Admin_Helper::get_enabled_elements();
61
+
62
+ self::$maps = Admin_Helper::get_integrations_settings();
63
+
64
+ $this->templateInstance = Premium_Template_Tags::getInstance();
65
+
66
+ add_action( 'elementor/editor/before_enqueue_styles', array( $this, 'enqueue_editor_styles' ) );
67
+
68
+ add_action( 'elementor/elements/categories_registered', array( $this, 'register_widgets_category' ), 9 );
69
+
70
+ add_action( 'elementor/widgets/widgets_registered', array( $this, 'widgets_area' ) );
71
+
72
+ add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'enqueue_editor_scripts' ) );
73
+
74
+ add_action( 'elementor/preview/enqueue_styles', array( $this, 'enqueue_preview_styles' ) );
75
+
76
+ add_action( 'elementor/frontend/after_register_styles', array( $this, 'register_frontend_styles' ) );
77
+
78
+ add_action( 'elementor/frontend/after_register_scripts', array( $this, 'register_frontend_scripts' ) );
79
+
80
+ add_action( 'wp_ajax_get_elementor_template_content', array( $this, 'get_template_content' ) );
81
+
82
+ $cross_enabled = isset( self::$modules['premium-cross-domain'] ) ? self::$modules['premium-cross-domain'] : 1;
83
+
84
+ if ( $cross_enabled ) {
85
+
86
+ add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'enqueue_editor_cp_scripts' ), 99 );
87
+
88
+ Addons_Cross_CP::get_instance();
89
+
90
+ }
91
+
92
+ }
93
+
94
+ /**
95
+ * Loads plugin icons font
96
+ *
97
+ * @since 1.0.0
98
+ * @access public
99
+ * @return void
100
+ */
101
+ public function enqueue_editor_styles() {
102
+
103
+ $theme = Helper_Functions::get_elementor_ui_theme();
104
+
105
+ wp_enqueue_style(
106
+ 'pa-editor',
107
+ PREMIUM_ADDONS_URL . 'assets/editor/css/style.css',
108
+ array(),
109
+ PREMIUM_ADDONS_VERSION
110
+ );
111
+
112
+ // Enqueue required style for Elementor dark UI Theme.
113
+ if ( 'dark' === $theme ) {
114
+
115
+ wp_add_inline_style(
116
+ 'pa-editor',
117
+ '.elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
118
+ .elementor-control-raw-html.editor-pa-doc a {
119
+ color: #e0e1e3 !important;
120
+ }
121
+
122
+ [class^="pa-"]::after,
123
+ [class*=" pa-"]::after {
124
+ color: #fff;
125
+ }'
126
+ );
127
+
128
+ }
129
+
130
+ $badge_text = Helper_Functions::get_badge();
131
+
132
+ $dynamic_css = sprintf( '[class^="pa-"]::after, [class*=" pa-"]::after { content: "%s"; }', $badge_text );
133
+
134
+ wp_add_inline_style( 'pa-editor', $dynamic_css );
135
+
136
+ }
137
+
138
+ /**
139
+ * Register Frontend CSS files
140
+ *
141
+ * @since 2.9.0
142
+ * @access public
143
+ */
144
+ public function register_frontend_styles() {
145
+
146
+ $dir = Helper_Functions::get_styles_dir();
147
+ $suffix = Helper_Functions::get_assets_suffix();
148
+
149
+ $is_rtl = is_rtl() ? '-rtl' : '';
150
+
151
+ wp_register_style(
152
+ 'font-awesome-5-all',
153
+ ELEMENTOR_ASSETS_URL . 'lib/font-awesome/css/all.min.css',
154
+ false,
155
+ PREMIUM_ADDONS_VERSION
156
+ );
157
+
158
+ wp_register_style(
159
+ 'pa-prettyphoto',
160
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/prettyphoto' . $is_rtl . $suffix . '.css',
161
+ array(),
162
+ PREMIUM_ADDONS_VERSION,
163
+ 'all'
164
+ );
165
+
166
+ wp_register_style(
167
+ 'premium-addons',
168
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-addons' . $is_rtl . $suffix . '.css',
169
+ array(),
170
+ PREMIUM_ADDONS_VERSION,
171
+ 'all'
172
+ );
173
+
174
+ }
175
+
176
+ /**
177
+ * Enqueue Preview CSS files
178
+ *
179
+ * @since 2.9.0
180
+ * @access public
181
+ */
182
+ public function enqueue_preview_styles() {
183
+
184
+ wp_enqueue_style( 'pa-prettyphoto' );
185
+
186
+ wp_enqueue_style( 'premium-addons' );
187
+
188
+ }
189
+
190
+ /**
191
+ * Register Widgets Category
192
+ *
193
+ * Register a new category for Premium Addons widgets
194
+ *
195
+ * @since 4.0.0
196
+ * @access public
197
+ *
198
+ * @param object $elements_manager elements manager.
199
+ */
200
+ public function register_widgets_category( $elements_manager ) {
201
+
202
+ $elements_manager->add_category(
203
+ 'premium-elements',
204
+ array(
205
+ 'title' => Helper_Functions::get_category(),
206
+ ),
207
+ 1
208
+ );
209
+
210
+ }
211
+
212
+ /**
213
+ * Load widgets require function
214
+ *
215
+ * @since 1.0.0
216
+ * @access public
217
+ */
218
+ public function widgets_area() {
219
+ $this->widgets_register();
220
+ }
221
+
222
+ /**
223
+ * Requires widgets files
224
+ *
225
+ * @since 1.0.0
226
+ * @access private
227
+ */
228
+ private function widgets_register() {
229
+
230
+ $check_component_active = self::$modules;
231
+
232
+ foreach ( glob( PREMIUM_ADDONS_PATH . 'widgets/*.php' ) as $file ) {
233
+
234
+ $slug = basename( $file, '.php' );
235
+
236
+ // Fixes the conflict between Lottie widget/addon keys.
237
+ if ( 'premium-lottie' === $slug ) {
238
+
239
+ // Check if Lottie widget switcher value was saved before.
240
+ $saved_options = get_option( 'pa_save_settings' );
241
+
242
+ $slug = 'premium-lottie-widget';
243
+
244
+ // Check if settings were saved before.
245
+ if ( ! isset( $saved_options['is-updated'] ) ) {
246
+ $check_component_active[ $slug ] = 1;
247
+ }
248
+ }
249
+
250
+ $enabled = isset( $check_component_active[ $slug ] ) ? $check_component_active[ $slug ] : '';
251
+
252
+ if ( filter_var( $enabled, FILTER_VALIDATE_BOOLEAN ) || ! $check_component_active ) {
253
+ $this->register_addon( $file );
254
+ }
255
+ }
256
+
257
+ }
258
+
259
+ /**
260
+ * Registers required JS files
261
+ *
262
+ * @since 1.0.0
263
+ * @access public
264
+ */
265
+ public function register_frontend_scripts() {
266
+
267
+ $maps_settings = self::$maps;
268
+
269
+ $dir = Helper_Functions::get_scripts_dir();
270
+ $suffix = Helper_Functions::get_assets_suffix();
271
+
272
+ $locale = isset( $maps_settings['premium-map-locale'] ) ? $maps_settings['premium-map-locale'] : 'en';
273
+
274
+ wp_register_script(
275
+ 'premium-addons',
276
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-addons' . $suffix . '.js',
277
+ array( 'jquery' ),
278
+ PREMIUM_ADDONS_VERSION,
279
+ true
280
+ );
281
+
282
+ wp_register_script(
283
+ 'prettyPhoto-js',
284
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/prettyPhoto' . $suffix . '.js',
285
+ array( 'jquery' ),
286
+ PREMIUM_ADDONS_VERSION,
287
+ true
288
+ );
289
+
290
+ wp_register_script(
291
+ 'vticker-js',
292
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/vticker' . $suffix . '.js',
293
+ array( 'jquery' ),
294
+ PREMIUM_ADDONS_VERSION,
295
+ true
296
+ );
297
+ wp_register_script(
298
+ 'typed-js',
299
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/typed' . $suffix . '.js',
300
+ array( 'jquery' ),
301
+ PREMIUM_ADDONS_VERSION,
302
+ true
303
+ );
304
+
305
+ wp_register_script(
306
+ 'count-down-timer-js',
307
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/jquery-countdown' . $suffix . '.js',
308
+ array( 'jquery' ),
309
+ PREMIUM_ADDONS_VERSION,
310
+ true
311
+ );
312
+
313
+ wp_register_script(
314
+ 'isotope-js',
315
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/isotope' . $suffix . '.js',
316
+ array( 'jquery' ),
317
+ PREMIUM_ADDONS_VERSION,
318
+ true
319
+ );
320
+
321
+ wp_register_script(
322
+ 'modal-js',
323
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/modal' . $suffix . '.js',
324
+ array( 'jquery' ),
325
+ PREMIUM_ADDONS_VERSION,
326
+ true
327
+ );
328
+
329
+ wp_register_script(
330
+ 'premium-maps-js',
331
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-maps' . $suffix . '.js',
332
+ array( 'jquery', 'premium-maps-api-js' ),
333
+ PREMIUM_ADDONS_VERSION,
334
+ true
335
+ );
336
+
337
+ wp_register_script(
338
+ 'vscroll-js',
339
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/premium-vscroll' . $suffix . '.js',
340
+ array( 'jquery' ),
341
+ PREMIUM_ADDONS_VERSION,
342
+ true
343
+ );
344
+
345
+ wp_register_script(
346
+ 'slimscroll-js',
347
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/jquery-slimscroll' . $suffix . '.js',
348
+ array( 'jquery' ),
349
+ PREMIUM_ADDONS_VERSION,
350
+ true
351
+ );
352
+
353
+ wp_register_script(
354
+ 'iscroll-js',
355
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/iscroll' . $suffix . '.js',
356
+ array( 'jquery' ),
357
+ PREMIUM_ADDONS_VERSION,
358
+ true
359
+ );
360
+
361
+ wp_register_script(
362
+ 'tilt-js',
363
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/universal-tilt' . $suffix . '.js',
364
+ array( 'jquery' ),
365
+ PREMIUM_ADDONS_VERSION,
366
+ true
367
+ );
368
+
369
+ wp_register_script(
370
+ 'lottie-js',
371
+ PREMIUM_ADDONS_URL . 'assets/frontend/' . $dir . '/lottie' . $suffix . '.js',
372
+ array( 'jquery' ),
373
+ PREMIUM_ADDONS_VERSION,
374
+ true
375
+ );
376
+
377
+ if ( $maps_settings['premium-map-cluster'] ) {
378
+ wp_register_script(
379
+ 'google-maps-cluster',
380
+ 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js',
381
+ array(),
382
+ PREMIUM_ADDONS_VERSION,
383
+ false
384
+ );
385
+ }
386
+
387
+ if ( $maps_settings['premium-map-disable-api'] && '1' !== $maps_settings['premium-map-api'] ) {
388
+ $api = sprintf( 'https://maps.googleapis.com/maps/api/js?key=%1$s&language=%2$s', $maps_settings['premium-map-api'], $locale );
389
+ wp_register_script(
390
+ 'premium-maps-api-js',
391
+ $api,
392
+ array(),
393
+ PREMIUM_ADDONS_VERSION,
394
+ false
395
+ );
396
+ }
397
+
398
+ wp_localize_script(
399
+ 'premium-addons',
400
+ 'PremiumSettings',
401
+ array(
402
+ 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
403
+ 'nonce' => wp_create_nonce( 'pa-blog-widget-nonce' ),
404
+ )
405
+ );
406
+
407
+ }
408
+
409
+ /**
410
+ * Enqueue editor scripts
411
+ *
412
+ * @since 3.2.5
413
+ * @access public
414
+ */
415
+ public function enqueue_editor_scripts() {
416
+
417
+ $map_enabled = isset( self::$modules['premium-maps'] ) ? self::$modules['premium-maps'] : 1;
418
+
419
+ if ( $map_enabled ) {
420
+
421
+ $premium_maps_api = self::$maps['premium-map-api'];
422
+
423
+ $locale = isset( self::$maps['premium-map-locale'] ) ? self::$maps['premium-map-locale'] : 'en';
424
+
425
+ $premium_maps_disable_api = self::$maps['premium-map-disable-api'];
426
+
427
+ if ( $premium_maps_disable_api && '1' !== $premium_maps_api ) {
428
+
429
+ $api = sprintf( 'https://maps.googleapis.com/maps/api/js?key=%1$s&language=%2$s', $premium_maps_api, $locale );
430
+ wp_enqueue_script(
431
+ 'premium-maps-api-js',
432
+ $api,
433
+ array(),
434
+ PREMIUM_ADDONS_VERSION,
435
+ false
436
+ );
437
+
438
+ }
439
+
440
+ wp_enqueue_script(
441
+ 'pa-maps-finder',
442
+ PREMIUM_ADDONS_URL . 'assets/editor/js/pa-maps-finder.js',
443
+ array( 'jquery' ),
444
+ PREMIUM_ADDONS_VERSION,
445
+ true
446
+ );
447
+
448
+ }
449
+
450
+ }
451
+
452
+ /**
453
+ * Load Cross Domain Copy Paste JS Files.
454
+ *
455
+ * @since 3.21.1
456
+ */
457
+ public function enqueue_editor_cp_scripts() {
458
+
459
+ wp_enqueue_script(
460
+ 'premium-xdlocalstorage-js',
461
+ PREMIUM_ADDONS_URL . 'assets/editor/js/xdlocalstorage.js',
462
+ null,
463
+ PREMIUM_ADDONS_VERSION,
464
+ true
465
+ );
466
+
467
+ wp_enqueue_script(
468
+ 'premium-cross-cp',
469
+ PREMIUM_ADDONS_URL . 'assets/editor/js/premium-cross-cp.js',
470
+ array( 'jquery', 'elementor-editor', 'premium-xdlocalstorage-js' ),
471
+ PREMIUM_ADDONS_VERSION,
472
+ true
473
+ );
474
+
475
+ wp_localize_script(
476
+ 'jquery',
477
+ 'premium_cross_cp',
478
+ array(
479
+ 'ajax_url' => admin_url( 'admin-ajax.php' ),
480
+ 'nonce' => wp_create_nonce( 'premium_cross_cp_import' ),
481
+ )
482
+ );
483
+ }
484
+
485
+ /**
486
+ * Get Template Content
487
+ *
488
+ * Get Elementor template HTML content.
489
+ *
490
+ * @since 3.2.6
491
+ * @access public
492
+ */
493
+ public function get_template_content() {
494
+
495
+ $template = isset( $_GET['templateID'] ) ? sanitize_text_field( $_GET['templateID'] ) : '';
496
+
497
+ if ( empty( $template ) ) {
498
+ return;
499
+ }
500
+
501
+ $template_content = $this->templateInstance->get_template_content( $template );
502
+
503
+ if ( empty( $template_content ) || ! isset( $template_content ) ) {
504
+ wp_send_json_error();
505
+ }
506
+
507
+ $data = array(
508
+ 'template_content' => $template_content,
509
+ );
510
+
511
+ wp_send_json_success( $data );
512
+
513
+ }
514
+
515
+ /**
516
+ *
517
+ * Register addon by file name.
518
+ *
519
+ * @access public
520
+ *
521
+ * @param string $file File name.
522
+ *
523
+ * @return void
524
+ */
525
+ public function register_addon( $file ) {
526
+
527
+ $widget_manager = \Elementor\Plugin::instance()->widgets_manager;
528
+
529
+ $base = basename( str_replace( '.php', '', $file ) );
530
+ $class = ucwords( str_replace( '-', ' ', $base ) );
531
+ $class = str_replace( ' ', '_', $class );
532
+ $class = sprintf( 'PremiumAddons\Widgets\%s', $class );
533
+
534
+ if ( 'PremiumAddons\Widgets\Premium_Contactform' !== $class ) {
535
+ require $file;
536
+ } else {
537
+ if ( function_exists( 'wpcf7' ) ) {
538
+ require $file;
539
+ }
540
+ }
541
+
542
+ if ( 'PremiumAddons\Widgets\Premium_Videobox' === $class ) {
543
+ require_once PREMIUM_ADDONS_PATH . 'widgets/dep/urlopen.php';
544
+ }
545
+
546
+ if ( class_exists( $class ) ) {
547
+ $widget_manager->register_widget_type( new $class() );
548
+ }
549
+ }
550
+
551
+ /**
552
+ *
553
+ * Creates and returns an instance of the class
554
+ *
555
+ * @since 1.0.0
556
+ * @access public
557
+ *
558
+ * @return object
559
+ */
560
+ public static function get_instance() {
561
+
562
+ if ( ! isset( self::$instance ) ) {
563
+
564
+ self::$instance = new self();
565
+
566
+ }
567
+
568
+ return self::$instance;
569
+ }
570
+ }
includes/class-pa-core.php CHANGED
@@ -169,8 +169,6 @@ if( ! class_exists('PA_Core') ) {
169
 
170
  \PremiumAddons\Admin\Includes\Admin_Helper::get_instance();
171
 
172
- Addons_Category::get_instance();
173
-
174
  require_once ( PREMIUM_ADDONS_PATH . 'includes/class-premium-template-tags.php' );
175
 
176
  if ( is_admin() ) {
169
 
170
  \PremiumAddons\Admin\Includes\Admin_Helper::get_instance();
171
 
 
 
172
  require_once ( PREMIUM_ADDONS_PATH . 'includes/class-premium-template-tags.php' );
173
 
174
  if ( is_admin() ) {
includes/class-premium-template-tags.php CHANGED
@@ -1,1334 +1,1278 @@
1
- <?php
2
- /**
3
- *
4
- * PA Premium Temlpate Tags.
5
- */
6
-
7
- namespace PremiumAddons\Includes;
8
-
9
- // Elementor Classes.
10
- use Elementor\Plugin;
11
- use Elementor\Group_Control_Image_Size;
12
-
13
- if ( ! defined( 'ABSPATH' ) ) {
14
- exit; // Exit if accessed directly.
15
- }
16
-
17
- /**
18
- * Premium_Template_Tags class defines all the query of options of select box
19
- *
20
- * Setting up the helper assets of the premium widgets
21
- *
22
- * @since 1.0.0
23
- */
24
- class Premium_Template_Tags {
25
-
26
- /**
27
- * Class instance
28
- *
29
- * @var instance
30
- */
31
- protected static $instance;
32
-
33
- /**
34
- * Settings
35
- *
36
- * @var settings
37
- */
38
- public static $settings;
39
-
40
- /**
41
- * Pages Limit
42
- *
43
- * @since 3.20.9
44
- * @var integer $page_limit
45
- */
46
- public static $page_limit;
47
-
48
- /**
49
- * $options is option field of select
50
- *
51
- * @since 1.0.0
52
- * @var integer $page_limit
53
- */
54
- protected $options;
55
-
56
- /**
57
- * Class contructor
58
- */
59
- public function __construct() {
60
-
61
- add_action( 'pre_get_posts', array( $this, 'fix_query_offset' ), 1 );
62
- add_filter( 'found_posts', array( $this, 'fix_found_posts_query' ), 1, 2 );
63
-
64
- add_action( 'wp_ajax_pa_get_posts', array( $this, 'get_posts_query' ) );
65
- add_action( 'wp_ajax_nopriv_pa_get_posts', array( $this, 'get_posts_query' ) );
66
-
67
- }
68
-
69
- /**
70
- * Get instance of this class
71
- */
72
- public static function getInstance() {
73
-
74
- if ( ! static::$instance ) {
75
- static::$instance = new self();
76
- }
77
-
78
- return static::$instance;
79
- }
80
-
81
- /**
82
- * Get All Posts
83
- *
84
- * Returns an array of posts/pages
85
- *
86
- * @since 1.0.0
87
- * @access public
88
- *
89
- * @return $options array posts/pages query
90
- */
91
- public function get_all_posts() {
92
-
93
- $all_posts = get_posts(
94
- array(
95
- 'posts_per_page' => -1,
96
- 'post_type' => array( 'page', 'post' ),
97
- )
98
- );
99
-
100
- if ( ! empty( $all_posts ) && ! is_wp_error( $all_posts ) ) {
101
- foreach ( $all_posts as $post ) {
102
- $this->options[ $post->ID ] = strlen( $post->post_title ) > 20 ? substr( $post->post_title, 0, 20 ) . '...' : $post->post_title;
103
- }
104
- }
105
- return $this->options;
106
- }
107
-
108
- /**
109
- * Get ID By Title
110
- *
111
- * Get Elementor Template ID by title
112
- *
113
- * @since 3.6.0
114
- * @access public
115
- *
116
- * @param string $title template title.
117
- *
118
- * @return string $template_id template ID.
119
- */
120
- public function get_id_by_title( $title ) {
121
-
122
- $template = get_page_by_title( $title, OBJECT, 'elementor_library' );
123
-
124
- $template_id = isset( $template->ID ) ? $template->ID : $title;
125
-
126
- return $template_id;
127
- }
128
-
129
-
130
- /**
131
- * Get Elementor Page List
132
- *
133
- * Returns an array of Elementor templates
134
- *
135
- * @since 1.0.0
136
- * @access public
137
- *
138
- * @return $options array Elementor Templates
139
- */
140
- public function get_elementor_page_list() {
141
-
142
- $pagelist = get_posts(
143
- array(
144
- 'post_type' => 'elementor_library',
145
- 'showposts' => 999,
146
- )
147
- );
148
-
149
- if ( ! empty( $pagelist ) && ! is_wp_error( $pagelist ) ) {
150
-
151
- foreach ( $pagelist as $post ) {
152
- $options[ $post->post_title ] = $post->post_title;
153
- }
154
-
155
- update_option( 'temp_count', $options );
156
-
157
- return $options;
158
- }
159
- }
160
-
161
- /**
162
- * Get Elementor Template HTML Content
163
- *
164
- * @since 3.6.0
165
- * @access public
166
- *
167
- * @param string $title Template Title.
168
- *
169
- * @return $template_content string HTML Markup of the selected template.
170
- */
171
- public function get_template_content( $title ) {
172
-
173
- $frontend = Plugin::$instance->frontend;
174
-
175
- $id = $this->get_id_by_title( $title );
176
-
177
- $id = apply_filters( 'wpml_object_id', $id, 'elementor_library', true );
178
-
179
- $template_content = $frontend->get_builder_content_for_display( $id, true );
180
-
181
- return $template_content;
182
-
183
- }
184
-
185
- /**
186
- * Get categories
187
- *
188
- * Get posts categories array
189
- *
190
- * @since 3.20.3
191
- * @access public
192
- *
193
- * @return array
194
- */
195
- public static function get_categories() {
196
-
197
- $terms = get_terms(
198
- array(
199
- 'taxonomy' => 'category',
200
- 'hide_empty' => true,
201
- )
202
- );
203
-
204
- $options = array();
205
-
206
- if ( ! empty( $terms ) && ! is_wp_error( $terms ) ) {
207
- foreach ( $terms as $term ) {
208
- $options[ $term->term_id ] = $term->name;
209
- }
210
- }
211
-
212
- return $options;
213
- }
214
-
215
- /**
216
- * Get authors
217
- *
218
- * Get posts author array
219
- *
220
- * @since 3.20.3
221
- * @access public
222
- *
223
- * @return array
224
- */
225
- public static function get_authors() {
226
- $users = get_users();
227
-
228
- $options = array();
229
-
230
- if ( ! empty( $users ) && ! is_wp_error( $users ) ) {
231
- foreach ( $users as $user ) {
232
- if ( 'wp_update_service' !== $user->display_name ) {
233
- $options[ $user->ID ] = $user->display_name;
234
- }
235
- }
236
- }
237
-
238
- return $options;
239
- }
240
-
241
- /**
242
- * Get tags
243
- *
244
- * Get posts tags array
245
- *
246
- * @since 3.20.3
247
- * @access public
248
- *
249
- * @return array
250
- */
251
- public static function get_tags() {
252
- $tags = get_tags();
253
-
254
- $options = array();
255
-
256
- if ( ! empty( $tags ) && ! is_wp_error( $tags ) ) {
257
- foreach ( $tags as $tag ) {
258
- $options[ $tag->term_id ] = $tag->name;
259
- }
260
- }
261
-
262
- return $options;
263
- }
264
-
265
-
266
- /**
267
- * Get types
268
- *
269
- * Get posts tags array
270
- *
271
- * @since 3.20.3
272
- * @access public
273
- *
274
- * @return array
275
- */
276
- public static function get_posts_types() {
277
-
278
- $post_types = get_post_types(
279
- array(
280
- 'public' => true,
281
- ),
282
- 'objects'
283
- );
284
-
285
- $options = array();
286
-
287
- foreach ( $post_types as $post_type ) {
288
- $options[ $post_type->name ] = $post_type->label;
289
- }
290
-
291
- return $options;
292
- }
293
-
294
- /**
295
- * Get posts list
296
- *
297
- * Get posts list array
298
- *
299
- * @since 3.20.3
300
- * @access public
301
- *
302
- * @return array
303
- */
304
- public static function get_posts_list() {
305
-
306
- $list = get_posts(
307
- array(
308
- 'post_type' => 'post',
309
- 'posts_per_page' => -1,
310
- )
311
- );
312
-
313
- $options = array();
314
-
315
- if ( ! empty( $list ) && ! is_wp_error( $list ) ) {
316
- foreach ( $list as $post ) {
317
- $options[ $post->ID ] = $post->post_title;
318
- }
319
- }
320
-
321
- return $options;
322
- }
323
-
324
- /**
325
- * Get taxnomies.
326
- *
327
- * Get post taxnomies for post type
328
- *
329
- * @since 3.20.3
330
- * @access public
331
- *
332
- * @param string $type Post type.
333
- */
334
- public static function get_taxnomies( $type ) {
335
-
336
- $taxonomies = get_object_taxonomies( $type, 'objects' );
337
- $data = array();
338
-
339
- foreach ( $taxonomies as $tax_slug => $tax ) {
340
-
341
- if ( ! $tax->public || ! $tax->show_ui ) {
342
- continue;
343
- }
344
-
345
- $data[ $tax_slug ] = $tax;
346
- }
347
-
348
- return $data;
349
-
350
- }
351
-
352
- /**
353
- * Get query args
354
- *
355
- * Get query arguments array
356
- *
357
- * @since 3.20.3
358
- * @access public
359
- *
360
- * @return array query args
361
- */
362
- public static function get_query_args() {
363
-
364
- $settings = self::$settings;
365
-
366
- $paged = self::get_paged();
367
- $tax_count = 0;
368
-
369
- $post_type = $settings['post_type_filter'];
370
-
371
- $post_args = array(
372
- 'post_type' => $post_type,
373
- 'posts_per_page' => empty( $settings['premium_blog_number_of_posts'] ) ? 9999 : $settings['premium_blog_number_of_posts'],
374
- 'paged' => $paged,
375
- 'post_status' => 'publish',
376
- 'suppress_filters' => false,
377
- );
378
-
379
- $post_args['orderby'] = $settings['premium_blog_order_by'];
380
- $post_args['order'] = $settings['premium_blog_order'];
381
- $post_args['ignore_sticky_posts'] = 'yes' === $settings['ignore_sticky_posts'] ? 1 : 0;
382
-
383
- if ( ! empty( $settings['premium_blog_posts_exclude'] ) ) {
384
-
385
- $post_args[ $settings['posts_filter_rule'] ] = $settings['premium_blog_posts_exclude'];
386
- }
387
-
388
- if ( ! empty( $settings['premium_blog_users'] ) ) {
389
-
390
- $post_args[ $settings['author_filter_rule'] ] = $settings['premium_blog_users'];
391
- }
392
-
393
- // Get all the taxanomies associated with the post type.
394
- $taxonomy = self::get_taxnomies( $post_type );
395
-
396
- if ( ! empty( $taxonomy ) && ! is_wp_error( $taxonomy ) ) {
397
-
398
- // Get all taxonomy values under the taxonomy.
399
-
400
- $tax_count = 0;
401
- foreach ( $taxonomy as $index => $tax ) {
402
-
403
- if ( ! empty( $settings[ 'tax_' . $index . '_' . $post_type . '_filter' ] ) ) {
404
-
405
- $operator = $settings[ $index . '_' . $post_type . '_filter_rule' ];
406
-
407
- $post_args['tax_query'][] = array(
408
- 'taxonomy' => $index,
409
- 'field' => 'slug',
410
- 'terms' => $settings[ 'tax_' . $index . '_' . $post_type . '_filter' ],
411
- 'operator' => $operator,
412
- );
413
- $tax_count++;
414
- }
415
- }
416
- }
417
-
418
- if ( '' !== $settings['active_cat'] && '*' !== $settings['active_cat'] ) {
419
-
420
- $filter_type = $settings['filter_tabs_type'];
421
-
422
- if ( 'tag' === $settings['filter_tabs_type'] && 'post' === $post_type ) {
423
- $filter_type = 'post_tag';
424
- }
425
-
426
- $post_args['tax_query'][0]['taxonomy'] = $filter_type;
427
- $post_args['tax_query'][0]['field'] = 'slug';
428
- $post_args['tax_query'][0]['terms'] = $settings['active_cat'];
429
- $post_args['tax_query'][0]['operator'] = 'IN';
430
- }
431
-
432
- if ( 0 < $settings['premium_blog_offset'] ) {
433
-
434
- /**
435
- * Offset break the pagination. Using WordPress's work around
436
- *
437
- * @see https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination
438
- */
439
- $post_args['offset_to_fix'] = $settings['premium_blog_offset'];
440
- }
441
-
442
- // Exclude current post.
443
- if ( 'yes' === $settings['query_exclude_current'] ) {
444
- $post_args['post__not_in'][] = get_the_id();
445
- }
446
-
447
- return $post_args;
448
- }
449
-
450
- /**
451
- * Get query posts
452
- *
453
- * @since 3.20.3
454
- * @access public
455
- *
456
- * @return array query args
457
- */
458
- public function get_query_posts() {
459
-
460
- $post_args = $this->get_query_args();
461
-
462
- $defaults = array(
463
- 'author' => '',
464
- 'category' => '',
465
- 'orderby' => '',
466
- 'posts_per_page' => 1,
467
- );
468
-
469
- $query_args = wp_parse_args( $post_args, $defaults );
470
-
471
- $query = new \WP_Query( $query_args );
472
-
473
- $total_pages = $query->max_num_pages;
474
-
475
- $this->set_pagination_limit( $total_pages );
476
-
477
- return $query;
478
- }
479
-
480
-
481
- /**
482
- * Get paged
483
- *
484
- * Returns the paged number for the query.
485
- *
486
- * @since 3.20.0
487
- * @return int
488
- */
489
- public static function get_paged() {
490
-
491
- global $wp_the_query, $paged;
492
-
493
- if ( isset( $_POST['page_number'] ) && '' !== $_POST['page_number'] ) {
494
- return $_POST['page_number'];
495
- }
496
-
497
- // Check the 'paged' query var.
498
- $paged_qv = $wp_the_query->get( 'paged' );
499
-
500
- if ( is_numeric( $paged_qv ) ) {
501
- return $paged_qv;
502
- }
503
-
504
- // Check the 'page' query var.
505
- $page_qv = $wp_the_query->get( 'page' );
506
-
507
- if ( is_numeric( $page_qv ) ) {
508
- return $page_qv;
509
- }
510
-
511
- // Check the $paged global?
512
- if ( is_numeric( $paged ) ) {
513
- return $paged;
514
- }
515
-
516
- return 0;
517
- }
518
-
519
- /**
520
- * Get Post Content
521
- *
522
- * @access public
523
- * @since 3.20.3
524
- *
525
- * @param string $source content source.
526
- * @param integer $excerpt_length excerpt length.
527
- * @param string $cta_type call to action type.
528
- * @param string $read_more readmore text.
529
- */
530
- public function render_post_content( $source, $excerpt_length, $cta_type, $read_more ) {
531
-
532
- $excerpt = '';
533
-
534
- if ( 'full' === $source ) {
535
-
536
- // Print post full content.
537
- the_content();
538
-
539
- } else {
540
-
541
- $excerpt = trim( get_the_excerpt() );
542
-
543
- $words = explode( ' ', $excerpt, $excerpt_length + 1 );
544
-
545
- if ( count( $words ) > $excerpt_length ) {
546
-
547
- if ( ! has_excerpt() ) {
548
- array_pop( $words );
549
- if ( 'dots' === $cta_type ) {
550
- array_push( $words, '…' );
551
- }
552
- }
553
- }
554
-
555
- $excerpt = implode( ' ', $words );
556
- }
557
-
558
- return $excerpt;
559
-
560
- }
561
-
562
- /**
563
- * Get Post Excerpt Link
564
- *
565
- * @since 3.20.9
566
- * @access public
567
- *
568
- * @param string $read_more read more text.
569
- */
570
- public static function get_post_excerpt_link( $read_more ) {
571
-
572
- if ( empty( $read_more ) ) {
573
- return;
574
- }
575
-
576
- echo '<div class="premium-blog-excerpt-link-wrap">';
577
- echo '<a href="' . esc_url( get_permalink() ) . '" class="premium-blog-excerpt-link elementor-button">';
578
- echo wp_kses_post( $read_more );
579
- echo '</a>';
580
- echo '</div>';
581
-
582
- }
583
-
584
- /**
585
- * Set Widget Settings
586
- *
587
- * @since 3.20.8
588
- * @access public
589
- *
590
- * @param object $settings widget settings.
591
- * @param string $active_cat active category.
592
- */
593
- public function set_widget_settings( $settings, $active_cat = '' ) {
594
- $settings['active_cat'] = $active_cat;
595
- self::$settings = $settings;
596
- }
597
-
598
- /**
599
- * Set Pagination Limit
600
- *
601
- * @since 3.20.8
602
- * @access public
603
- *
604
- * @param integer $pages pages number.
605
- */
606
- public function set_pagination_limit( $pages ) {
607
- self::$page_limit = $pages;
608
- }
609
-
610
- /**
611
- * Get Post Thumbnail
612
- *
613
- * Renders HTML markup for post thumbnail
614
- *
615
- * @since 3.0.5
616
- * @access protected
617
- *
618
- * @param string $target target.
619
- */
620
- protected function get_post_thumbnail( $target ) {
621
-
622
- $settings = self::$settings;
623
-
624
- $skin = $settings['premium_blog_skin'];
625
-
626
- $settings['featured_image'] = array(
627
- 'id' => get_post_thumbnail_id(),
628
- );
629
-
630
- $thumbnail_html = Group_Control_Image_Size::get_attachment_image_html( $settings, 'featured_image' );
631
-
632
- if ( empty( $thumbnail_html ) ) {
633
- return;
634
- }
635
-
636
- if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) { ?>
637
- <a href="<?php esc_url( the_permalink() ); ?>" target="<?php echo esc_attr( $target ); ?>">
638
- <?php
639
- }
640
- echo wp_kses_post( $thumbnail_html );
641
- if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) {
642
- ?>
643
- </a>
644
- <?php
645
- }
646
- }
647
-
648
- /**
649
- * Render post title
650
- *
651
- * @since 3.4.4
652
- * @access protected
653
- *
654
- * @param string $link_target target.
655
- */
656
- protected function render_post_title( $link_target ) {
657
-
658
- $settings = self::$settings;
659
-
660
- $this->add_render_attribute( 'title', 'class', 'premium-blog-entry-title' );
661
-
662
- ?>
663
- <<?php echo wp_kses_post( $settings['premium_blog_title_tag'] . ' ' . $this->get_render_attribute_string( 'title' ) ); ?>>
664
- <a href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $link_target ); ?>">
665
- <?php esc_html( the_title() ); ?>
666
- </a>
667
- </<?php echo wp_kses_post( $settings['premium_blog_title_tag'] ); ?>>
668
- <?php
669
- }
670
-
671
- /**
672
- * Get Post Meta
673
- *
674
- * @since 3.4.4
675
- * @access protected
676
- *
677
- * @param string $link_target target.
678
- */
679
- protected function get_post_meta( $link_target ) {
680
-
681
- $settings = self::$settings;
682
-
683
- $skin = $settings['premium_blog_skin'];
684
-
685
- $author_meta = $settings['premium_blog_author_meta'];
686
-
687
- $data_meta = $settings['premium_blog_date_meta'];
688
-
689
- $categories_meta = $settings['premium_blog_categories_meta'];
690
-
691
- $comments_meta = $settings['premium_blog_comments_meta'];
692
-
693
- if ( 'yes' === $data_meta ) {
694
- $date_format = get_option( 'date_format' );
695
- }
696
-
697
- if ( 'yes' === $comments_meta ) {
698
-
699
- $comments_strings = array(
700
- 'no-comments' => __( 'No Comments', 'premium-addons-for-elementor' ),
701
- 'one-comment' => __( '1 Comment', 'premium-addons-for-elementor' ),
702
- 'multiple-comments' => __( '% Comments', 'premium-addons-for-elementor' ),
703
- );
704
-
705
- }
706
-
707
- ?>
708
- <div class="premium-blog-entry-meta">
709
- <?php if ( 'yes' === $author_meta ) : ?>
710
- <div class="premium-blog-post-author premium-blog-meta-data">
711
- <i class="fa fa-user fa-fw"></i>
712
- <?php the_author_posts_link(); ?>
713
- </div>
714
- <?php endif; ?>
715
-
716
- <?php if ( 'yes' === $data_meta ) { ?>
717
- <span class="premium-blog-meta-separator">•</span>
718
- <div class="premium-blog-post-time premium-blog-meta-data">
719
- <i class="fa fa-clock-o"></i>
720
- <span><?php the_time( $date_format ); ?></span>
721
- </div>
722
- <?php } ?>
723
-
724
- <?php if ( 'yes' === $categories_meta && ! in_array( $skin, array( 'side', 'banner' ), true ) ) : ?>
725
- <span class="premium-blog-meta-separator">•</span>
726
- <div class="premium-blog-post-categories premium-blog-meta-data">
727
- <i class="fa fa-align-left fa-fw"></i>
728
- <?php the_category( ', ' ); ?>
729
- </div>
730
- <?php endif; ?>
731
-
732
- <?php if ( 'yes' === $comments_meta ) : ?>
733
- <span class="premium-blog-meta-separator">•</span>
734
- <div class="premium-blog-post-comments premium-blog-meta-data">
735
- <i class="fa fa-comments-o fa-fw"></i>
736
- <?php comments_popup_link( $comments_strings['no-comments'], $comments_strings['one-comment'], $comments_strings['multiple-comments'], '', $comments_strings['no-comments'] ); ?>
737
- </div>
738
- <?php endif; ?>
739
- </div>
740
- <?php
741
- }
742
-
743
- /**
744
- * Renders post content
745
- *
746
- * @since 3.0.5
747
- * @access protected
748
- */
749
- protected function get_post_content() {
750
-
751
- $settings = self::$settings;
752
-
753
- if ( 'yes' !== $settings['premium_blog_excerpt'] || empty( $settings['premium_blog_excerpt_length'] ) ) {
754
- return;
755
- }
756
-
757
- $src = $settings['content_source'];
758
-
759
- $excerpt_type = $settings['premium_blog_excerpt_type'];
760
- $excerpt_text = $settings['premium_blog_excerpt_text'];
761
-
762
- $length = $settings['premium_blog_excerpt_length'];
763
-
764
- // Get post content.
765
- if ( 'excerpt' === $src ) :
766
- echo '<p class="premium-blog-post-content">';
767
- endif;
768
- echo wp_kses_post( $this->render_post_content( $src, $length, $excerpt_type, $excerpt_text ) );
769
- if ( 'excerpt' === $src ) :
770
- echo '</p>';
771
- endif;
772
-
773
- // Get post excerpt.
774
- if ( 'link' === $excerpt_type ) :
775
- $this->get_post_excerpt_link( $excerpt_text );
776
- endif;
777
- }
778
-
779
- /**
780
- * Renders post skin
781
- *
782
- * @since 3.0.5
783
- * @access protected
784
- */
785
- public function get_post_layout() {
786
-
787
- $settings = self::$settings;
788
-
789
- $image_effect = $settings['premium_blog_hover_image_effect'];
790
-
791
- $post_effect = $settings['premium_blog_hover_color_effect'];
792
-
793
- if ( 'yes' === $settings['premium_blog_new_tab'] ) {
794
- $target = '_blank';
795
- } else {
796
- $target = '_self';
797
- }
798
-
799
- $skin = $settings['premium_blog_skin'];
800
-
801
- $post_id = get_the_ID();
802
-
803
- $widget_id = $settings['widget_id'];
804
-
805
- $key = sprintf( 'post_%s_%s', $widget_id, $post_id );
806
-
807
- $tax_key = sprintf( '%s_tax', $key );
808
-
809
- $wrap_key = sprintf( '%s_wrap', $key );
810
-
811
- $content_key = sprintf( '%s_content', $key );
812
-
813
- $this->add_render_attribute( $tax_key, 'class', 'premium-blog-post-outer-container' );
814
-
815
- $this->add_render_attribute(
816
- $wrap_key,
817
- 'class',
818
- array(
819
- 'premium-blog-post-container',
820
- 'premium-blog-skin-' . $skin,
821
- )
822
- );
823
-
824
- $thumb = ( ! has_post_thumbnail() || 'yes' !== $settings['show_featured_image'] ) ? 'empty-thumb' : '';
825
-
826
- if ( 'yes' === $settings['premium_blog_cat_tabs'] && 'yes' !== $settings['premium_blog_carousel'] ) {
827
-
828
- $filter_rule = $settings['filter_tabs_type'];
829
-
830
- $taxonomies = 'category' === $filter_rule ? get_the_category( $post_id ) : get_the_tags( $post_id );
831
-
832
- if ( ! empty( $taxonomies ) ) {
833
- foreach ( $taxonomies as $index => $taxonomy ) {
834
-
835
- $taxonomy_key = 'category' === $filter_rule ? $taxonomy->slug : $taxonomy->name;
836
-
837
- $attr_key = str_replace( ' ', '-', $taxonomy_key );
838
-
839
- $this->add_render_attribute( $tax_key, 'class', strtolower( $attr_key ) );
840
- }
841
- }
842
- }
843
-
844
- $this->add_render_attribute(
845
- $content_key,
846
- 'class',
847
- array(
848
- 'premium-blog-content-wrapper',
849
- $thumb,
850
- )
851
- );
852
-
853
- ?>
854
- <div <?php echo wp_kses_post( $this->get_render_attribute_string( $tax_key ) ); ?>>
855
- <div <?php echo wp_kses_post( $this->get_render_attribute_string( $wrap_key ) ); ?>>
856
- <?php if ( empty( $thumb ) ) : ?>
857
- <div class="premium-blog-thumb-effect-wrapper">
858
- <div class="premium-blog-thumbnail-container <?php echo esc_attr( 'premium-blog-' . $image_effect . '-effect' ); ?>">
859
- <?php $this->get_post_thumbnail( $target ); ?>
860
- </div>
861
- <?php if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) : ?>
862
- <div class="premium-blog-effect-container <?php echo esc_attr( 'premium-blog-' . $post_effect . '-effect' ); ?>">
863
- <a class="premium-blog-post-link" href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>"></a>
864
- <?php if ( 'squares' === $settings['premium_blog_hover_color_effect'] ) { ?>
865
- <div class="premium-blog-squares-square-container"></div>
866
- <?php } ?>
867
- </div>
868
- <?php else : ?>
869
- <div class="premium-blog-thumbnail-overlay">
870
- <a class="elementor-icon" href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>"></a>
871
- </div>
872
- <?php endif; ?>
873
- </div>
874
- <?php endif; ?>
875
- <?php if ( 'cards' === $skin ) : ?>
876
- <div class="premium-blog-author-thumbnail">
877
- <?php echo get_avatar( get_the_author_meta( 'ID' ), 128, '', get_the_author_meta( 'display_name' ) ); ?>
878
- </div>
879
- <?php endif; ?>
880
- <div <?php echo wp_kses_post( $this->get_render_attribute_string( $content_key ) ); ?>>
881
- <div class="premium-blog-content-wrapper-inner">
882
- <div class="premium-blog-inner-container">
883
- <div class="premium-blog-entry-container">
884
- <?php if ( in_array( $skin, array( 'side', 'banner' ), true ) && 'yes' === $settings['premium_blog_categories_meta'] ) { ?>
885
- <div class="premium-blog-cats-container">
886
- <ul class="post-categories">
887
- <?php
888
- $post_cats = get_the_category();
889
- $cats_repeater = $settings['categories_repeater'];
890
- if ( count( $post_cats ) ) {
891
- foreach ( $post_cats as $index => $cat ) {
892
- $class = isset( $cats_repeater[ $index ] ) ? 'elementor-repeater-item-' . $cats_repeater[ $index ]['_id'] : '';
893
- echo wp_kses_post( sprintf( '<li><a href="%s" class="%s">%s</a></li>', get_category_link( $cat->cat_ID ), $class, $cat->name ) );
894
- }
895
- }
896
-
897
- ?>
898
- </ul>
899
- </div>
900
- <?php } ?>
901
- <?php
902
- $this->render_post_title( $target );
903
- if ( 'cards' !== $skin ) {
904
- $this->get_post_meta( $target );
905
- }
906
-
907
- ?>
908
-
909
- </div>
910
- </div>
911
-
912
- <?php
913
- $this->get_post_content();
914
- if ( 'cards' === $skin ) {
915
- $this->get_post_meta( $target );
916
- }
917
- ?>
918
- <?php if ( 'yes' === $settings['premium_blog_tags_meta'] && has_tag() ) : ?>
919
- <div class="premium-blog-post-tags-container">
920
- <i class="fa fa-tags fa-fw"></i>
921
- <?php the_tags( ' ', ', ' ); ?>
922
- </div>
923
- <?php endif; ?>
924
- </div>
925
- </div>
926
- </div>
927
- </div>
928
-
929
- <?php
930
- }
931
-
932
- /**
933
- * Render Posts
934
- *
935
- * @since 3.20.9
936
- * @access public
937
- */
938
- public function render_posts() {
939
-
940
- $query = $this->get_query_posts();
941
-
942
- $posts = $query->posts;
943
-
944
- if ( count( $posts ) ) {
945
- global $post;
946
-
947
- foreach ( $posts as $post ) {
948
- setup_postdata( $post );
949
- $this->get_post_layout();
950
- }
951
- }
952
-
953
- wp_reset_postdata();
954
-
955
- }
956
-
957
- /**
958
- * Inner Render
959
- *
960
- * @since 3.20.9
961
- * @access public
962
- *
963
- * @param object $widget widget.
964
- * @param string $active_cat active category.
965
- */
966
- public function inner_render( $widget, $active_cat ) {
967
-
968
- ob_start();
969
-
970
- $settings = $widget->get_settings();
971
-
972
- $this->set_widget_settings( $settings, $active_cat );
973
-
974
- $this->render_posts();
975
-
976
- return ob_get_clean();
977
-
978
- }
979
-
980
- /**
981
- * Render Pagination
982
- *
983
- * Written in PHP and used to generate the final HTML for pagination
984
- *
985
- * @since 3.20.3
986
- * @access protected
987
- */
988
- public function render_pagination() {
989
-
990
- $settings = self::$settings;
991
-
992
- $pages = self::$page_limit;
993
-
994
- if ( ! empty( $settings['max_pages'] ) ) {
995
- $pages = min( $settings['max_pages'], $pages );
996
- }
997
-
998
- $paged = $this->get_paged();
999
-
1000
- $current_page = $paged;
1001
- if ( ! $current_page ) {
1002
- $current_page = 1;
1003
- }
1004
-
1005
- $nav_links = paginate_links(
1006
- array(
1007
- 'current' => $current_page,
1008
- 'total' => $pages,
1009
- 'prev_next' => 'yes' === $settings['pagination_strings'] ? true : false,
1010
- 'prev_text' => sprintf( '« %s', $settings['premium_blog_prev_text'] ),
1011
- 'next_text' => sprintf( '%s »', $settings['premium_blog_next_text'] ),
1012
- 'type' => 'array',
1013
- )
1014
- );
1015
-
1016
- ?>
1017
- <nav class="premium-blog-pagination-container" role="navigation" aria-label="<?php echo esc_attr( __( 'Pagination', 'premium-addons-for-elementor' ) ); ?>">
1018
- <?php echo wp_kses_post( implode( PHP_EOL, $nav_links ) ); ?>
1019
- </nav>
1020
- <?php
1021
- }
1022
-
1023
- /**
1024
- * Inner Pagination Render
1025
- *
1026
- * Used to generate the pagination to be used with the AJAX call
1027
- *
1028
- * @since 3.20.3
1029
- * @access protected
1030
- */
1031
- public function inner_pagination_render() {
1032
-
1033
- ob_start();
1034
-
1035
- $this->render_pagination();
1036
-
1037
- return ob_get_clean();
1038
-
1039
- }
1040
-
1041
- /**
1042
- * Get Posts Query
1043
- *
1044
- * Get posts using AJAX
1045
- *
1046
- * @since 3.20.9
1047
- * @access public
1048
- */
1049
- public function get_posts_query() {
1050
-
1051
- check_ajax_referer( 'pa-blog-widget-nonce', 'nonce' );
1052
-
1053
- if ( ! isset( $_POST['page_id'] ) || ! isset( $_POST['widget_id'] ) ) {
1054
- return;
1055
- }
1056
-
1057
- $doc_id = isset( $_POST['page_id'] ) ? sanitize_text_field( $_POST['page_id'] ) : '';
1058
- $elem_id = isset( $_POST['widget_id'] ) ? sanitize_text_field( $_POST['widget_id'] ) : '';
1059
- $active_cat = isset( $_POST['category'] ) ? sanitize_text_field( $_POST['category'] ) : '';
1060
-
1061
- $elementor = Plugin::$instance;
1062
- $meta = $elementor->documents->get( $doc_id )->get_elements_data();
1063
-
1064
- $widget_data = $this->find_element_recursive( $meta, $elem_id );
1065
-
1066
- $data = array(
1067
- 'ID' => '',
1068
- 'posts' => '',
1069
- 'paging' => '',
1070
- );
1071
-
1072
- if ( null !== $widget_data ) {
1073
-
1074
- $widget = $elementor->elements_manager->create_element_instance( $widget_data );
1075
-
1076
- $posts = $this->inner_render( $widget, $active_cat );
1077
-
1078
- $pagination = $this->inner_pagination_render();
1079
-
1080
- $data['ID'] = $widget->get_id();
1081
- $data['posts'] = $posts;
1082
- $data['paging'] = $pagination;
1083
- }
1084
-
1085
- wp_send_json_success( $data );
1086
-
1087
- }
1088
-
1089
- /**
1090
- * Get Current Product Swap Image
1091
- *
1092
- * @since 3.4.0
1093
- * @access public
1094
- */
1095
- public static function get_current_product_swap_image() {
1096
-
1097
- global $product;
1098
-
1099
- $attachment_ids = $product->get_gallery_image_ids();
1100
-
1101
- if ( $attachment_ids ) {
1102
-
1103
- $image_size = apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' );
1104
-
1105
- echo wp_kses_post( apply_filters( 'pa_woo_product_swap_image', wp_get_attachment_image( reset( $attachment_ids ), $image_size, false, array( 'class' => 'premium-woo-product__on_hover' ) ) ) );
1106
- }
1107
- }
1108
-
1109
- /**
1110
- * Get Current Product Gallery Images
1111
- *
1112
- * Gets current product images
1113
- *
1114
- * @since 3.4.0
1115
- * @access public
1116
- */
1117
- public static function get_current_product_gallery_images() {
1118
-
1119
- global $product;
1120
-
1121
- $attachment_ids = $product->get_gallery_image_ids();
1122
-
1123
- if ( $attachment_ids ) {
1124
-
1125
- $image_size = apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' );
1126
-
1127
- foreach ( $attachment_ids as $index => $id ) {
1128
- if ( $index > 2 ) {
1129
- break;
1130
- }
1131
-
1132
- echo wp_kses_post( apply_filters( 'pa_woo_product_gallery_image', wp_get_attachment_image( $id, $image_size, false, array( 'class' => 'premium-woo-product__gallery_image' ) ) ) );
1133
- }
1134
- }
1135
- }
1136
-
1137
- /**
1138
- * Get Current Product Category
1139
- *
1140
- * @since 3.4.0
1141
- * @access public
1142
- */
1143
- public static function get_current_product_category() {
1144
- if ( apply_filters( 'pa_woo_product_parent_category', true ) ) :
1145
- ?>
1146
- <span class="premium-woo-product-category">
1147
- <?php
1148
- global $product;
1149
- $product_categories = function_exists( 'wc_get_product_category_list' ) ? wc_get_product_category_list( get_the_ID(), ',', '', '' ) : $product->get_categories( ',', '', '' );
1150
-
1151
- $product_categories = wp_strip_all_tags( $product_categories );
1152
- if ( $product_categories ) {
1153
- list( $parent_cat ) = explode( ',', $product_categories );
1154
- echo esc_html( $parent_cat );
1155
- }
1156
- ?>
1157
- </span>
1158
- <?php
1159
- endif;
1160
- }
1161
-
1162
- /**
1163
- * Get Product Short Description
1164
- *
1165
- * @since 3.4.0
1166
- * @access public
1167
- */
1168
- public static function get_product_excerpt() {
1169
-
1170
- if ( has_excerpt() ) {
1171
- echo '<div class="premium-woo-product-desc">';
1172
- echo wp_kses_post( the_excerpt() );
1173
- echo '</div>';
1174
- }
1175
-
1176
- }
1177
-
1178
-
1179
- /**
1180
- * Get Widget Setting data.
1181
- *
1182
- * @since 1.7.0
1183
- * @access public
1184
- * @param array $elements Element array.
1185
- * @param string $id Element ID.
1186
- * @return Boolean True/False.
1187
- */
1188
- public function find_element_recursive( $elements, $id ) {
1189
-
1190
- foreach ( $elements as $element ) {
1191
- if ( $id === $element['id'] ) {
1192
- return $element;
1193
- }
1194
-
1195
- if ( ! empty( $element['elements'] ) ) {
1196
- $element = $this->find_element_recursive( $element['elements'], $id );
1197
-
1198
- if ( $element ) {
1199
- return $element;
1200
- }
1201
- }
1202
- }
1203
-
1204
- return false;
1205
- }
1206
-
1207
- /**
1208
- * Add render attribute.
1209
- *
1210
- * Used to add attributes to a specific HTML element.
1211
- *
1212
- * The HTML tag is represented by the element parameter, then you need to
1213
- * define the attribute key and the attribute key. The final result will be:
1214
- * `<element attribute_key="attribute_value">`.
1215
- *
1216
- * Example usage:
1217
- *
1218
- * `$this->add_render_attribute( 'wrapper', 'class', 'custom-widget-wrapper-class' );`
1219
- * `$this->add_render_attribute( 'widget', 'id', 'custom-widget-id' );`
1220
- * `$this->add_render_attribute( 'button', [ 'class' => 'custom-button-class', 'id' => 'custom-button-id' ] );`
1221
- *
1222
- * @since 1.0.0
1223
- * @access public
1224
- *
1225
- * @param array|string $element The HTML element.
1226
- * @param array|string $key Optional. Attribute key. Default is null.
1227
- * @param array|string $value Optional. Attribute value. Default is null.
1228
- * @param bool $overwrite Optional. Whether to overwrite existing
1229
- * attribute. Default is false, not to overwrite.
1230
- *
1231
- * @return Element_Base Current instance of the element.
1232
- */
1233
- public function add_render_attribute( $element, $key = null, $value = null, $overwrite = false ) {
1234
- if ( is_array( $element ) ) {
1235
- foreach ( $element as $element_key => $attributes ) {
1236
- $this->add_render_attribute( $element_key, $attributes, null, $overwrite );
1237
- }
1238
-
1239
- return $this;
1240
- }
1241
-
1242
- if ( is_array( $key ) ) {
1243
- foreach ( $key as $attribute_key => $attributes ) {
1244
- $this->add_render_attribute( $element, $attribute_key, $attributes, $overwrite );
1245
- }
1246
-
1247
- return $this;
1248
- }
1249
-
1250
- if ( empty( $this->_render_attributes[ $element ][ $key ] ) ) {
1251
- $this->_render_attributes[ $element ][ $key ] = array();
1252
- }
1253
-
1254
- settype( $value, 'array' );
1255
-
1256
- if ( $overwrite ) {
1257
- $this->_render_attributes[ $element ][ $key ] = $value;
1258
- } else {
1259
- $this->_render_attributes[ $element ][ $key ] = array_merge( $this->_render_attributes[ $element ][ $key ], $value );
1260
- }
1261
-
1262
- return $this;
1263
- }
1264
-
1265
- /**
1266
- * Get render attribute string.
1267
- *
1268
- * Used to retrieve the value of the render attribute.
1269
- *
1270
- * @since 1.0.0
1271
- * @access public
1272
- *
1273
- * @param array|string $element The element.
1274
- *
1275
- * @return string Render attribute string, or an empty string if the attribute
1276
- * is empty or not exist.
1277
- */
1278
- public function get_render_attribute_string( $element ) {
1279
- if ( empty( $this->_render_attributes[ $element ] ) ) {
1280
- return '';
1281
- }
1282
-
1283
- $render_attributes = $this->_render_attributes[ $element ];
1284
-
1285
- $attributes = array();
1286
-
1287
- foreach ( $render_attributes as $attribute_key => $attribute_values ) {
1288
- $attributes[] = sprintf( '%1$s="%2$s"', $attribute_key, esc_attr( implode( ' ', $attribute_values ) ) );
1289
- }
1290
-
1291
- return implode( ' ', $attributes );
1292
- }
1293
-
1294
- /**
1295
- * Fix Query Offset.
1296
- *
1297
- * @since 4.0.8
1298
- * @access public
1299
- *
1300
- * @param object $query query object.
1301
- */
1302
- public function fix_query_offset( &$query ) {
1303
-
1304
- if ( ! empty( $query->query_vars['offset_to_fix'] ) ) {
1305
- if ( $query->is_paged ) {
1306
- $query->query_vars['offset'] = $query->query_vars['offset_to_fix'] + ( ( $query->query_vars['paged'] - 1 ) * $query->query_vars['posts_per_page'] );
1307
- } else {
1308
- $query->query_vars['offset'] = $query->query_vars['offset_to_fix'];
1309
- }
1310
- }
1311
- }
1312
-
1313
- /**
1314
- * Fix Found Posts Query
1315
- *
1316
- * @since 4.0.8
1317
- * @access public
1318
- *
1319
- * @param int $found_posts found posts.
1320
- * @param object $query query object.
1321
- */
1322
- public function fix_found_posts_query( $found_posts, $query ) {
1323
-
1324
- $offset_to_fix = $query->get( 'offset_to_fix' );
1325
-
1326
- if ( $offset_to_fix ) {
1327
- $found_posts -= $offset_to_fix;
1328
- }
1329
-
1330
- return $found_posts;
1331
- }
1332
-
1333
-
1334
- }
1
+ <?php
2
+ /**
3
+ *
4
+ * PA Premium Temlpate Tags.
5
+ */
6
+
7
+ namespace PremiumAddons\Includes;
8
+
9
+ // Elementor Classes.
10
+ use Elementor\Plugin;
11
+ use Elementor\Group_Control_Image_Size;
12
+
13
+ if ( ! defined( 'ABSPATH' ) ) {
14
+ exit; // Exit if accessed directly.
15
+ }
16
+
17
+ /**
18
+ * Premium_Template_Tags class defines all the query of options of select box
19
+ *
20
+ * Setting up the helper assets of the premium widgets
21
+ *
22
+ * @since 1.0.0
23
+ */
24
+ class Premium_Template_Tags {
25
+
26
+ /**
27
+ * Class instance
28
+ *
29
+ * @var instance
30
+ */
31
+ protected static $instance;
32
+
33
+ /**
34
+ * Settings
35
+ *
36
+ * @var settings
37
+ */
38
+ public static $settings;
39
+
40
+ /**
41
+ * Pages Limit
42
+ *
43
+ * @since 3.20.9
44
+ * @var integer $page_limit
45
+ */
46
+ public static $page_limit;
47
+
48
+ /**
49
+ * $options is option field of select
50
+ *
51
+ * @since 1.0.0
52
+ * @var integer $page_limit
53
+ */
54
+ protected $options;
55
+
56
+ /**
57
+ * Class contructor
58
+ */
59
+ public function __construct() {
60
+
61
+ add_action( 'pre_get_posts', array( $this, 'fix_query_offset' ), 1 );
62
+ add_filter( 'found_posts', array( $this, 'fix_found_posts_query' ), 1, 2 );
63
+
64
+ add_action( 'wp_ajax_pa_get_posts', array( $this, 'get_posts_query' ) );
65
+ add_action( 'wp_ajax_nopriv_pa_get_posts', array( $this, 'get_posts_query' ) );
66
+
67
+ }
68
+
69
+ /**
70
+ * Get instance of this class
71
+ */
72
+ public static function getInstance() {
73
+
74
+ if ( ! static::$instance ) {
75
+ static::$instance = new self();
76
+ }
77
+
78
+ return static::$instance;
79
+ }
80
+
81
+ /**
82
+ * Get All Posts
83
+ *
84
+ * Returns an array of posts/pages
85
+ *
86
+ * @since 1.0.0
87
+ * @access public
88
+ *
89
+ * @return $options array posts/pages query
90
+ */
91
+ public function get_all_posts() {
92
+
93
+ $all_posts = get_posts(
94
+ array(
95
+ 'posts_per_page' => -1,
96
+ 'post_type' => array( 'page', 'post' ),
97
+ )
98
+ );
99
+
100
+ if ( ! empty( $all_posts ) && ! is_wp_error( $all_posts ) ) {
101
+ foreach ( $all_posts as $post ) {
102
+ $this->options[ $post->ID ] = strlen( $post->post_title ) > 20 ? substr( $post->post_title, 0, 20 ) . '...' : $post->post_title;
103
+ }
104
+ }
105
+ return $this->options;
106
+ }
107
+
108
+ /**
109
+ * Get ID By Title
110
+ *
111
+ * Get Elementor Template ID by title
112
+ *
113
+ * @since 3.6.0
114
+ * @access public
115
+ *
116
+ * @param string $title template title.
117
+ *
118
+ * @return string $template_id template ID.
119
+ */
120
+ public function get_id_by_title( $title ) {
121
+
122
+ $template = get_page_by_title( $title, OBJECT, 'elementor_library' );
123
+
124
+ $template_id = isset( $template->ID ) ? $template->ID : $title;
125
+
126
+ return $template_id;
127
+ }
128
+
129
+
130
+ /**
131
+ * Get Elementor Page List
132
+ *
133
+ * Returns an array of Elementor templates
134
+ *
135
+ * @since 1.0.0
136
+ * @access public
137
+ *
138
+ * @return $options array Elementor Templates
139
+ */
140
+ public function get_elementor_page_list() {
141
+
142
+ $pagelist = get_posts(
143
+ array(
144
+ 'post_type' => 'elementor_library',
145
+ 'showposts' => 999,
146
+ )
147
+ );
148
+
149
+ if ( ! empty( $pagelist ) && ! is_wp_error( $pagelist ) ) {
150
+
151
+ foreach ( $pagelist as $post ) {
152
+ $options[ $post->post_title ] = $post->post_title;
153
+ }
154
+
155
+ update_option( 'temp_count', $options );
156
+
157
+ return $options;
158
+ }
159
+ }
160
+
161
+ /**
162
+ * Get Elementor Template HTML Content
163
+ *
164
+ * @since 3.6.0
165
+ * @access public
166
+ *
167
+ * @param string $title Template Title.
168
+ *
169
+ * @return $template_content string HTML Markup of the selected template.
170
+ */
171
+ public function get_template_content( $title ) {
172
+
173
+ $frontend = Plugin::$instance->frontend;
174
+
175
+ $id = $this->get_id_by_title( $title );
176
+
177
+ $id = apply_filters( 'wpml_object_id', $id, 'elementor_library', true );
178
+
179
+ $template_content = $frontend->get_builder_content_for_display( $id, true );
180
+
181
+ return $template_content;
182
+
183
+ }
184
+
185
+ /**
186
+ * Get authors
187
+ *
188
+ * Get posts author array
189
+ *
190
+ * @since 3.20.3
191
+ * @access public
192
+ *
193
+ * @return array
194
+ */
195
+ public static function get_authors() {
196
+ $users = get_users();
197
+
198
+ $options = array();
199
+
200
+ if ( ! empty( $users ) && ! is_wp_error( $users ) ) {
201
+ foreach ( $users as $user ) {
202
+ if ( 'wp_update_service' !== $user->display_name ) {
203
+ $options[ $user->ID ] = $user->display_name;
204
+ }
205
+ }
206
+ }
207
+
208
+ return $options;
209
+ }
210
+
211
+ /**
212
+ * Get types
213
+ *
214
+ * Get posts tags array
215
+ *
216
+ * @since 3.20.3
217
+ * @access public
218
+ *
219
+ * @return array
220
+ */
221
+ public static function get_posts_types() {
222
+
223
+ $post_types = get_post_types(
224
+ array(
225
+ 'public' => true,
226
+ ),
227
+ 'objects'
228
+ );
229
+
230
+ $options = array();
231
+
232
+ foreach ( $post_types as $post_type ) {
233
+ $options[ $post_type->name ] = $post_type->label;
234
+ }
235
+
236
+ return $options;
237
+ }
238
+
239
+ /**
240
+ * Get posts list
241
+ *
242
+ * Get posts list array
243
+ *
244
+ * @since 3.20.3
245
+ * @access public
246
+ *
247
+ * @return array
248
+ */
249
+ public static function get_posts_list() {
250
+
251
+ $list = get_posts(
252
+ array(
253
+ 'post_type' => 'post',
254
+ 'posts_per_page' => -1,
255
+ )
256
+ );
257
+
258
+ $options = array();
259
+
260
+ if ( ! empty( $list ) && ! is_wp_error( $list ) ) {
261
+ foreach ( $list as $post ) {
262
+ $options[ $post->ID ] = $post->post_title;
263
+ }
264
+ }
265
+
266
+ return $options;
267
+ }
268
+
269
+ /**
270
+ * Get taxnomies.
271
+ *
272
+ * Get post taxnomies for post type
273
+ *
274
+ * @since 3.20.3
275
+ * @access public
276
+ *
277
+ * @param string $type Post type.
278
+ */
279
+ public static function get_taxnomies( $type ) {
280
+
281
+ $taxonomies = get_object_taxonomies( $type, 'objects' );
282
+ $data = array();
283
+
284
+ foreach ( $taxonomies as $tax_slug => $tax ) {
285
+
286
+ if ( ! $tax->public || ! $tax->show_ui ) {
287
+ continue;
288
+ }
289
+
290
+ $data[ $tax_slug ] = $tax;
291
+ }
292
+
293
+ return $data;
294
+
295
+ }
296
+
297
+ /**
298
+ * Get query args
299
+ *
300
+ * Get query arguments array
301
+ *
302
+ * @since 3.20.3
303
+ * @access public
304
+ *
305
+ * @return array query args
306
+ */
307
+ public static function get_query_args() {
308
+
309
+ $settings = self::$settings;
310
+
311
+ $paged = self::get_paged();
312
+ $tax_count = 0;
313
+
314
+ $post_type = $settings['post_type_filter'];
315
+
316
+ $post_args = array(
317
+ 'post_type' => $post_type,
318
+ 'posts_per_page' => empty( $settings['premium_blog_number_of_posts'] ) ? 9999 : $settings['premium_blog_number_of_posts'],
319
+ 'paged' => $paged,
320
+ 'post_status' => 'publish',
321
+ 'suppress_filters' => false,
322
+ );
323
+
324
+ $post_args['orderby'] = $settings['premium_blog_order_by'];
325
+ $post_args['order'] = $settings['premium_blog_order'];
326
+ $post_args['ignore_sticky_posts'] = 'yes' === $settings['ignore_sticky_posts'] ? 1 : 0;
327
+
328
+ if ( ! empty( $settings['premium_blog_posts_exclude'] ) ) {
329
+
330
+ $post_args[ $settings['posts_filter_rule'] ] = $settings['premium_blog_posts_exclude'];
331
+ }
332
+
333
+ if ( ! empty( $settings['premium_blog_users'] ) ) {
334
+
335
+ $post_args[ $settings['author_filter_rule'] ] = $settings['premium_blog_users'];
336
+ }
337
+
338
+ // Get all the taxanomies associated with the post type.
339
+ $taxonomy = self::get_taxnomies( $post_type );
340
+
341
+ if ( ! empty( $taxonomy ) && ! is_wp_error( $taxonomy ) ) {
342
+
343
+ // Get all taxonomy values under the taxonomy.
344
+
345
+ $tax_count = 0;
346
+ foreach ( $taxonomy as $index => $tax ) {
347
+
348
+ if ( ! empty( $settings[ 'tax_' . $index . '_' . $post_type . '_filter' ] ) ) {
349
+
350
+ $operator = $settings[ $index . '_' . $post_type . '_filter_rule' ];
351
+
352
+ $post_args['tax_query'][] = array(
353
+ 'taxonomy' => $index,
354
+ 'field' => 'slug',
355
+ 'terms' => $settings[ 'tax_' . $index . '_' . $post_type . '_filter' ],
356
+ 'operator' => $operator,
357
+ );
358
+ $tax_count++;
359
+ }
360
+ }
361
+ }
362
+
363
+ if ( '' !== $settings['active_cat'] && '*' !== $settings['active_cat'] ) {
364
+
365
+ $filter_type = $settings['filter_tabs_type'];
366
+
367
+ if ( 'tag' === $settings['filter_tabs_type'] && 'post' === $post_type ) {
368
+ $filter_type = 'post_tag';
369
+ }
370
+
371
+ $post_args['tax_query'][0]['taxonomy'] = $filter_type;
372
+ $post_args['tax_query'][0]['field'] = 'slug';
373
+ $post_args['tax_query'][0]['terms'] = $settings['active_cat'];
374
+ $post_args['tax_query'][0]['operator'] = 'IN';
375
+ }
376
+
377
+ if ( 0 < $settings['premium_blog_offset'] ) {
378
+
379
+ /**
380
+ * Offset break the pagination. Using WordPress's work around
381
+ *
382
+ * @see https://codex.wordpress.org/Making_Custom_Queries_using_Offset_and_Pagination
383
+ */
384
+ $post_args['offset_to_fix'] = $settings['premium_blog_offset'];
385
+ }
386
+
387
+ // Exclude current post.
388
+ if ( 'yes' === $settings['query_exclude_current'] ) {
389
+ $post_args['post__not_in'][] = get_the_id();
390
+ }
391
+
392
+ return $post_args;
393
+ }
394
+
395
+ /**
396
+ * Get query posts
397
+ *
398
+ * @since 3.20.3
399
+ * @access public
400
+ *
401
+ * @return array query args
402
+ */
403
+ public function get_query_posts() {
404
+
405
+ $post_args = $this->get_query_args();
406
+
407
+ $defaults = array(
408
+ 'author' => '',
409
+ 'category' => '',
410
+ 'orderby' => '',
411
+ 'posts_per_page' => 1,
412
+ );
413
+
414
+ $query_args = wp_parse_args( $post_args, $defaults );
415
+
416
+ $query = new \WP_Query( $query_args );
417
+
418
+ $total_pages = $query->max_num_pages;
419
+
420
+ $this->set_pagination_limit( $total_pages );
421
+
422
+ return $query;
423
+ }
424
+
425
+
426
+ /**
427
+ * Get paged
428
+ *
429
+ * Returns the paged number for the query.
430
+ *
431
+ * @since 3.20.0
432
+ * @return int
433
+ */
434
+ public static function get_paged() {
435
+
436
+ global $wp_the_query, $paged;
437
+
438
+ if ( isset( $_POST['page_number'] ) && '' !== $_POST['page_number'] ) {
439
+ return $_POST['page_number'];
440
+ }
441
+
442
+ // Check the 'paged' query var.
443
+ $paged_qv = $wp_the_query->get( 'paged' );
444
+
445
+ if ( is_numeric( $paged_qv ) ) {
446
+ return $paged_qv;
447
+ }
448
+
449
+ // Check the 'page' query var.
450
+ $page_qv = $wp_the_query->get( 'page' );
451
+
452
+ if ( is_numeric( $page_qv ) ) {
453
+ return $page_qv;
454
+ }
455
+
456
+ // Check the $paged global?
457
+ if ( is_numeric( $paged ) ) {
458
+ return $paged;
459
+ }
460
+
461
+ return 0;
462
+ }
463
+
464
+ /**
465
+ * Get Post Content
466
+ *
467
+ * @access public
468
+ * @since 3.20.3
469
+ *
470
+ * @param string $source content source.
471
+ * @param integer $excerpt_length excerpt length.
472
+ * @param string $cta_type call to action type.
473
+ * @param string $read_more readmore text.
474
+ */
475
+ public function render_post_content( $source, $excerpt_length, $cta_type, $read_more ) {
476
+
477
+ $excerpt = '';
478
+
479
+ if ( 'full' === $source ) {
480
+
481
+ // Print post full content.
482
+ the_content();
483
+
484
+ } else {
485
+
486
+ $excerpt = trim( get_the_excerpt() );
487
+
488
+ $words = explode( ' ', $excerpt, $excerpt_length + 1 );
489
+
490
+ if ( count( $words ) > $excerpt_length ) {
491
+
492
+ if ( ! has_excerpt() ) {
493
+ array_pop( $words );
494
+ if ( 'dots' === $cta_type ) {
495
+ array_push( $words, '…' );
496
+ }
497
+ }
498
+ }
499
+
500
+ $excerpt = implode( ' ', $words );
501
+ }
502
+
503
+ return $excerpt;
504
+
505
+ }
506
+
507
+ /**
508
+ * Get Post Excerpt Link
509
+ *
510
+ * @since 3.20.9
511
+ * @access public
512
+ *
513
+ * @param string $read_more read more text.
514
+ */
515
+ public static function get_post_excerpt_link( $read_more ) {
516
+
517
+ if ( empty( $read_more ) ) {
518
+ return;
519
+ }
520
+
521
+ echo '<div class="premium-blog-excerpt-link-wrap">';
522
+ echo '<a href="' . esc_url( get_permalink() ) . '" class="premium-blog-excerpt-link elementor-button">';
523
+ echo wp_kses_post( $read_more );
524
+ echo '</a>';
525
+ echo '</div>';
526
+
527
+ }
528
+
529
+ /**
530
+ * Set Widget Settings
531
+ *
532
+ * @since 3.20.8
533
+ * @access public
534
+ *
535
+ * @param object $settings widget settings.
536
+ * @param string $active_cat active category.
537
+ */
538
+ public function set_widget_settings( $settings, $active_cat = '' ) {
539
+ $settings['active_cat'] = $active_cat;
540
+ self::$settings = $settings;
541
+ }
542
+
543
+ /**
544
+ * Set Pagination Limit
545
+ *
546
+ * @since 3.20.8
547
+ * @access public
548
+ *
549
+ * @param integer $pages pages number.
550
+ */
551
+ public function set_pagination_limit( $pages ) {
552
+ self::$page_limit = $pages;
553
+ }
554
+
555
+ /**
556
+ * Get Post Thumbnail
557
+ *
558
+ * Renders HTML markup for post thumbnail
559
+ *
560
+ * @since 3.0.5
561
+ * @access protected
562
+ *
563
+ * @param string $target target.
564
+ */
565
+ protected function get_post_thumbnail( $target ) {
566
+
567
+ $settings = self::$settings;
568
+
569
+ $skin = $settings['premium_blog_skin'];
570
+
571
+ $settings['featured_image'] = array(
572
+ 'id' => get_post_thumbnail_id(),
573
+ );
574
+
575
+ $thumbnail_html = Group_Control_Image_Size::get_attachment_image_html( $settings, 'featured_image' );
576
+
577
+ if ( empty( $thumbnail_html ) ) {
578
+ return;
579
+ }
580
+
581
+ if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) { ?>
582
+ <a href="<?php esc_url( the_permalink() ); ?>" target="<?php echo esc_attr( $target ); ?>">
583
+ <?php
584
+ }
585
+ echo wp_kses_post( $thumbnail_html );
586
+ if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) {
587
+ ?>
588
+ </a>
589
+ <?php
590
+ }
591
+ }
592
+
593
+ /**
594
+ * Render post title
595
+ *
596
+ * @since 3.4.4
597
+ * @access protected
598
+ *
599
+ * @param string $link_target target.
600
+ */
601
+ protected function render_post_title( $link_target ) {
602
+
603
+ $settings = self::$settings;
604
+
605
+ $this->add_render_attribute( 'title', 'class', 'premium-blog-entry-title' );
606
+
607
+ ?>
608
+ <<?php echo wp_kses_post( $settings['premium_blog_title_tag'] . ' ' . $this->get_render_attribute_string( 'title' ) ); ?>>
609
+ <a href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $link_target ); ?>">
610
+ <?php esc_html( the_title() ); ?>
611
+ </a>
612
+ </<?php echo wp_kses_post( $settings['premium_blog_title_tag'] ); ?>>
613
+ <?php
614
+ }
615
+
616
+ /**
617
+ * Get Post Meta
618
+ *
619
+ * @since 3.4.4
620
+ * @access protected
621
+ *
622
+ * @param string $link_target target.
623
+ */
624
+ protected function get_post_meta( $link_target ) {
625
+
626
+ $settings = self::$settings;
627
+
628
+ $skin = $settings['premium_blog_skin'];
629
+
630
+ $author_meta = $settings['premium_blog_author_meta'];
631
+
632
+ $data_meta = $settings['premium_blog_date_meta'];
633
+
634
+ $categories_meta = $settings['premium_blog_categories_meta'];
635
+
636
+ $comments_meta = $settings['premium_blog_comments_meta'];
637
+
638
+ if ( 'yes' === $data_meta ) {
639
+ $date_format = get_option( 'date_format' );
640
+ }
641
+
642
+ if ( 'yes' === $comments_meta ) {
643
+
644
+ $comments_strings = array(
645
+ 'no-comments' => __( 'No Comments', 'premium-addons-for-elementor' ),
646
+ 'one-comment' => __( '1 Comment', 'premium-addons-for-elementor' ),
647
+ 'multiple-comments' => __( '% Comments', 'premium-addons-for-elementor' ),
648
+ );
649
+
650
+ }
651
+
652
+ ?>
653
+ <div class="premium-blog-entry-meta">
654
+ <?php if ( 'yes' === $author_meta ) : ?>
655
+ <div class="premium-blog-post-author premium-blog-meta-data">
656
+ <i class="fa fa-user fa-fw"></i>
657
+ <?php the_author_posts_link(); ?>
658
+ </div>
659
+ <?php endif; ?>
660
+
661
+ <?php if ( 'yes' === $data_meta ) { ?>
662
+ <span class="premium-blog-meta-separator">•</span>
663
+ <div class="premium-blog-post-time premium-blog-meta-data">
664
+ <i class="fa fa-clock-o"></i>
665
+ <span><?php the_time( $date_format ); ?></span>
666
+ </div>
667
+ <?php } ?>
668
+
669
+ <?php if ( 'yes' === $categories_meta && ! in_array( $skin, array( 'side', 'banner' ), true ) ) : ?>
670
+ <span class="premium-blog-meta-separator">•</span>
671
+ <div class="premium-blog-post-categories premium-blog-meta-data">
672
+ <i class="fa fa-align-left fa-fw"></i>
673
+ <?php the_category( ', ' ); ?>
674
+ </div>
675
+ <?php endif; ?>
676
+
677
+ <?php if ( 'yes' === $comments_meta ) : ?>
678
+ <span class="premium-blog-meta-separator">•</span>
679
+ <div class="premium-blog-post-comments premium-blog-meta-data">
680
+ <i class="fa fa-comments-o fa-fw"></i>
681
+ <?php comments_popup_link( $comments_strings['no-comments'], $comments_strings['one-comment'], $comments_strings['multiple-comments'], '', $comments_strings['no-comments'] ); ?>
682
+ </div>
683
+ <?php endif; ?>
684
+ </div>
685
+ <?php
686
+ }
687
+
688
+ /**
689
+ * Renders post content
690
+ *
691
+ * @since 3.0.5
692
+ * @access protected
693
+ */
694
+ protected function get_post_content() {
695
+
696
+ $settings = self::$settings;
697
+
698
+ if ( 'yes' !== $settings['premium_blog_excerpt'] || empty( $settings['premium_blog_excerpt_length'] ) ) {
699
+ return;
700
+ }
701
+
702
+ $src = $settings['content_source'];
703
+
704
+ $excerpt_type = $settings['premium_blog_excerpt_type'];
705
+ $excerpt_text = $settings['premium_blog_excerpt_text'];
706
+
707
+ $length = $settings['premium_blog_excerpt_length'];
708
+
709
+ // Get post content.
710
+ if ( 'excerpt' === $src ) :
711
+ echo '<p class="premium-blog-post-content">';
712
+ endif;
713
+ echo wp_kses_post( $this->render_post_content( $src, $length, $excerpt_type, $excerpt_text ) );
714
+ if ( 'excerpt' === $src ) :
715
+ echo '</p>';
716
+ endif;
717
+
718
+ // Get post excerpt.
719
+ if ( 'link' === $excerpt_type ) :
720
+ $this->get_post_excerpt_link( $excerpt_text );
721
+ endif;
722
+ }
723
+
724
+ /**
725
+ * Renders post skin
726
+ *
727
+ * @since 3.0.5
728
+ * @access protected
729
+ */
730
+ public function get_post_layout() {
731
+
732
+ $settings = self::$settings;
733
+
734
+ $image_effect = $settings['premium_blog_hover_image_effect'];
735
+
736
+ $post_effect = $settings['premium_blog_hover_color_effect'];
737
+
738
+ if ( 'yes' === $settings['premium_blog_new_tab'] ) {
739
+ $target = '_blank';
740
+ } else {
741
+ $target = '_self';
742
+ }
743
+
744
+ $skin = $settings['premium_blog_skin'];
745
+
746
+ $post_id = get_the_ID();
747
+
748
+ $widget_id = $settings['widget_id'];
749
+
750
+ $key = sprintf( 'post_%s_%s', $widget_id, $post_id );
751
+
752
+ $tax_key = sprintf( '%s_tax', $key );
753
+
754
+ $wrap_key = sprintf( '%s_wrap', $key );
755
+
756
+ $content_key = sprintf( '%s_content', $key );
757
+
758
+ $this->add_render_attribute( $tax_key, 'class', 'premium-blog-post-outer-container' );
759
+
760
+ $this->add_render_attribute(
761
+ $wrap_key,
762
+ 'class',
763
+ array(
764
+ 'premium-blog-post-container',
765
+ 'premium-blog-skin-' . $skin,
766
+ )
767
+ );
768
+
769
+ $thumb = ( ! has_post_thumbnail() || 'yes' !== $settings['show_featured_image'] ) ? 'empty-thumb' : '';
770
+
771
+ if ( 'yes' === $settings['premium_blog_cat_tabs'] && 'yes' !== $settings['premium_blog_carousel'] ) {
772
+
773
+ $filter_rule = $settings['filter_tabs_type'];
774
+
775
+ $taxonomies = 'category' === $filter_rule ? get_the_category( $post_id ) : get_the_tags( $post_id );
776
+
777
+ if ( ! empty( $taxonomies ) ) {
778
+ foreach ( $taxonomies as $index => $taxonomy ) {
779
+
780
+ $taxonomy_key = 'category' === $filter_rule ? $taxonomy->slug : $taxonomy->name;
781
+
782
+ $attr_key = str_replace( ' ', '-', $taxonomy_key );
783
+
784
+ $this->add_render_attribute( $tax_key, 'class', strtolower( $attr_key ) );
785
+ }
786
+ }
787
+ }
788
+
789
+ $this->add_render_attribute(
790
+ $content_key,
791
+ 'class',
792
+ array(
793
+ 'premium-blog-content-wrapper',
794
+ $thumb,
795
+ )
796
+ );
797
+
798
+ ?>
799
+ <div <?php echo wp_kses_post( $this->get_render_attribute_string( $tax_key ) ); ?>>
800
+ <div <?php echo wp_kses_post( $this->get_render_attribute_string( $wrap_key ) ); ?>>
801
+ <?php if ( empty( $thumb ) ) : ?>
802
+ <div class="premium-blog-thumb-effect-wrapper">
803
+ <div class="premium-blog-thumbnail-container <?php echo esc_attr( 'premium-blog-' . $image_effect . '-effect' ); ?>">
804
+ <?php $this->get_post_thumbnail( $target ); ?>
805
+ </div>
806
+ <?php if ( in_array( $skin, array( 'modern', 'cards' ), true ) ) : ?>
807
+ <div class="premium-blog-effect-container <?php echo esc_attr( 'premium-blog-' . $post_effect . '-effect' ); ?>">
808
+ <a class="premium-blog-post-link" href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>"></a>
809
+ <?php if ( 'squares' === $settings['premium_blog_hover_color_effect'] ) { ?>
810
+ <div class="premium-blog-squares-square-container"></div>
811
+ <?php } ?>
812
+ </div>
813
+ <?php else : ?>
814
+ <div class="premium-blog-thumbnail-overlay">
815
+ <a class="elementor-icon" href="<?php the_permalink(); ?>" target="<?php echo esc_attr( $target ); ?>"></a>
816
+ </div>
817
+ <?php endif; ?>
818
+ </div>
819
+ <?php endif; ?>
820
+ <?php if ( 'cards' === $skin ) : ?>
821
+ <div class="premium-blog-author-thumbnail">
822
+ <?php echo get_avatar( get_the_author_meta( 'ID' ), 128, '', get_the_author_meta( 'display_name' ) ); ?>
823
+ </div>
824
+ <?php endif; ?>
825
+ <div <?php echo wp_kses_post( $this->get_render_attribute_string( $content_key ) ); ?>>
826
+ <div class="premium-blog-content-wrapper-inner">
827
+ <div class="premium-blog-inner-container">
828
+ <div class="premium-blog-entry-container">
829
+ <?php if ( in_array( $skin, array( 'side', 'banner' ), true ) && 'yes' === $settings['premium_blog_categories_meta'] ) { ?>
830
+ <div class="premium-blog-cats-container">
831
+ <ul class="post-categories">
832
+ <?php
833
+ $post_cats = get_the_category();
834
+ $cats_repeater = $settings['categories_repeater'];
835
+ if ( count( $post_cats ) ) {
836
+ foreach ( $post_cats as $index => $cat ) {
837
+ $class = isset( $cats_repeater[ $index ] ) ? 'elementor-repeater-item-' . $cats_repeater[ $index ]['_id'] : '';
838
+ echo wp_kses_post( sprintf( '<li><a href="%s" class="%s">%s</a></li>', get_category_link( $cat->cat_ID ), $class, $cat->name ) );
839
+ }
840
+ }
841
+
842
+ ?>
843
+ </ul>
844
+ </div>
845
+ <?php } ?>
846
+ <?php
847
+ $this->render_post_title( $target );
848
+ if ( 'cards' !== $skin ) {
849
+ $this->get_post_meta( $target );
850
+ }
851
+
852
+ ?>
853
+
854
+ </div>
855
+ </div>
856
+
857
+ <?php
858
+ $this->get_post_content();
859
+ if ( 'cards' === $skin ) {
860
+ $this->get_post_meta( $target );
861
+ }
862
+ ?>
863
+ <?php if ( 'yes' === $settings['premium_blog_tags_meta'] && has_tag() ) : ?>
864
+ <div class="premium-blog-post-tags-container">
865
+ <i class="fa fa-tags fa-fw"></i>
866
+ <?php the_tags( ' ', ', ' ); ?>
867
+ </div>
868
+ <?php endif; ?>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ </div>
873
+
874
+ <?php
875
+ }
876
+
877
+ /**
878
+ * Render Posts
879
+ *
880
+ * @since 3.20.9
881
+ * @access public
882
+ */
883
+ public function render_posts() {
884
+
885
+ $query = $this->get_query_posts();
886
+
887
+ $posts = $query->posts;
888
+
889
+ if ( count( $posts ) ) {
890
+ global $post;
891
+
892
+ foreach ( $posts as $post ) {
893
+ setup_postdata( $post );
894
+ $this->get_post_layout();
895
+ }
896
+ }
897
+
898
+ wp_reset_postdata();
899
+
900
+ }
901
+
902
+ /**
903
+ * Inner Render
904
+ *
905
+ * @since 3.20.9
906
+ * @access public
907
+ *
908
+ * @param object $widget widget.
909
+ * @param string $active_cat active category.
910
+ */
911
+ public function inner_render( $widget, $active_cat ) {
912
+
913
+ ob_start();
914
+
915
+ $settings = $widget->get_settings();
916
+
917
+ $this->set_widget_settings( $settings, $active_cat );
918
+
919
+ $this->render_posts();
920
+
921
+ return ob_get_clean();
922
+
923
+ }
924
+
925
+ /**
926
+ * Render Pagination
927
+ *
928
+ * Written in PHP and used to generate the final HTML for pagination
929
+ *
930
+ * @since 3.20.3
931
+ * @access protected
932
+ */
933
+ public function render_pagination() {
934
+
935
+ $settings = self::$settings;
936
+
937
+ $pages = self::$page_limit;
938
+
939
+ if ( ! empty( $settings['max_pages'] ) ) {
940
+ $pages = min( $settings['max_pages'], $pages );
941
+ }
942
+
943
+ $paged = $this->get_paged();
944
+
945
+ $current_page = $paged;
946
+ if ( ! $current_page ) {
947
+ $current_page = 1;
948
+ }
949
+
950
+ $nav_links = paginate_links(
951
+ array(
952
+ 'current' => $current_page,
953
+ 'total' => $pages,
954
+ 'prev_next' => 'yes' === $settings['pagination_strings'] ? true : false,
955
+ 'prev_text' => sprintf( '« %s', $settings['premium_blog_prev_text'] ),
956
+ 'next_text' => sprintf( '%s »', $settings['premium_blog_next_text'] ),
957
+ 'type' => 'array',
958
+ )
959
+ );
960
+
961
+ ?>
962
+ <nav class="premium-blog-pagination-container" role="navigation" aria-label="<?php echo esc_attr( __( 'Pagination', 'premium-addons-for-elementor' ) ); ?>">
963
+ <?php echo wp_kses_post( implode( PHP_EOL, $nav_links ) ); ?>
964
+ </nav>
965
+ <?php
966
+ }
967
+
968
+ /**
969
+ * Inner Pagination Render
970
+ *
971
+ * Used to generate the pagination to be used with the AJAX call
972
+ *
973
+ * @since 3.20.3
974
+ * @access protected
975
+ */
976
+ public function inner_pagination_render() {
977
+
978
+ ob_start();
979
+
980
+ $this->render_pagination();
981
+
982
+ return ob_get_clean();
983
+
984
+ }
985
+
986
+ /**
987
+ * Get Posts Query
988
+ *
989
+ * Get posts using AJAX
990
+ *
991
+ * @since 3.20.9
992
+ * @access public
993
+ */
994
+ public function get_posts_query() {
995
+
996
+ check_ajax_referer( 'pa-blog-widget-nonce', 'nonce' );
997
+
998
+ if ( ! isset( $_POST['page_id'] ) || ! isset( $_POST['widget_id'] ) ) {
999
+ return;
1000
+ }
1001
+
1002
+ $doc_id = isset( $_POST['page_id'] ) ? sanitize_text_field( $_POST['page_id'] ) : '';
1003
+ $elem_id = isset( $_POST['widget_id'] ) ? sanitize_text_field( $_POST['widget_id'] ) : '';
1004
+ $active_cat = isset( $_POST['category'] ) ? sanitize_text_field( $_POST['category'] ) : '';
1005
+
1006
+ $elementor = Plugin::$instance;
1007
+ $meta = $elementor->documents->get( $doc_id )->get_elements_data();
1008
+
1009
+ $widget_data = $this->find_element_recursive( $meta, $elem_id );
1010
+
1011
+ $data = array(
1012
+ 'ID' => '',
1013
+ 'posts' => '',
1014
+ 'paging' => '',
1015
+ );
1016
+
1017
+ if ( null !== $widget_data ) {
1018
+
1019
+ $widget = $elementor->elements_manager->create_element_instance( $widget_data );
1020
+
1021
+ $posts = $this->inner_render( $widget, $active_cat );
1022
+
1023
+ $pagination = $this->inner_pagination_render();
1024
+
1025
+ $data['ID'] = $widget->get_id();
1026
+ $data['posts'] = $posts;
1027
+ $data['paging'] = $pagination;
1028
+ }
1029
+
1030
+ wp_send_json_success( $data );
1031
+
1032
+ }
1033
+
1034
+ /**
1035
+ * Get Current Product Swap Image
1036
+ *
1037
+ * @since 3.4.0
1038
+ * @access public
1039
+ */
1040
+ public static function get_current_product_swap_image() {
1041
+
1042
+ global $product;
1043
+
1044
+ $attachment_ids = $product->get_gallery_image_ids();
1045
+
1046
+ if ( $attachment_ids ) {
1047
+
1048
+ $image_size = apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' );
1049
+
1050
+ echo wp_kses_post( apply_filters( 'pa_woo_product_swap_image', wp_get_attachment_image( reset( $attachment_ids ), $image_size, false, array( 'class' => 'premium-woo-product__on_hover' ) ) ) );
1051
+ }
1052
+ }
1053
+
1054
+ /**
1055
+ * Get Current Product Gallery Images
1056
+ *
1057
+ * Gets current product images
1058
+ *
1059
+ * @since 3.4.0
1060
+ * @access public
1061
+ */
1062
+ public static function get_current_product_gallery_images() {
1063
+
1064
+ global $product;
1065
+
1066
+ $attachment_ids = $product->get_gallery_image_ids();
1067
+
1068
+ if ( $attachment_ids ) {
1069
+
1070
+ $image_size = apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' );
1071
+
1072
+ foreach ( $attachment_ids as $index => $id ) {
1073
+ if ( $index > 2 ) {
1074
+ break;
1075
+ }
1076
+
1077
+ echo wp_kses_post( apply_filters( 'pa_woo_product_gallery_image', wp_get_attachment_image( $id, $image_size, false, array( 'class' => 'premium-woo-product__gallery_image' ) ) ) );
1078
+ }
1079
+ }
1080
+ }
1081
+
1082
+ /**
1083
+ * Get Current Product Category
1084
+ *
1085
+ * @since 3.4.0
1086
+ * @access public
1087
+ */
1088
+ public static function get_current_product_category() {
1089
+ if ( apply_filters( 'pa_woo_product_parent_category', true ) ) :
1090
+ ?>
1091
+ <span class="premium-woo-product-category">
1092
+ <?php
1093
+ global $product;
1094
+ $product_categories = function_exists( 'wc_get_product_category_list' ) ? wc_get_product_category_list( get_the_ID(), ',', '', '' ) : $product->get_categories( ',', '', '' );
1095
+
1096
+ $product_categories = wp_strip_all_tags( $product_categories );
1097
+ if ( $product_categories ) {
1098
+ list( $parent_cat ) = explode( ',', $product_categories );
1099
+ echo esc_html( $parent_cat );
1100
+ }
1101
+ ?>
1102
+ </span>
1103
+ <?php
1104
+ endif;
1105
+ }
1106
+
1107
+ /**
1108
+ * Get Product Short Description
1109
+ *
1110
+ * @since 3.4.0
1111
+ * @access public
1112
+ */
1113
+ public static function get_product_excerpt() {
1114
+
1115
+ if ( has_excerpt() ) {
1116
+ echo '<div class="premium-woo-product-desc">';
1117
+ echo wp_kses_post( the_excerpt() );
1118
+ echo '</div>';
1119
+ }
1120
+
1121
+ }
1122
+
1123
+
1124
+ /**
1125
+ * Get Widget Setting data.
1126
+ *
1127
+ * @since 1.7.0
1128
+ * @access public
1129
+ * @param array $elements Element array.
1130
+ * @param string $id Element ID.
1131
+ * @return Boolean True/False.
1132
+ */
1133
+ public function find_element_recursive( $elements, $id ) {
1134
+
1135
+ foreach ( $elements as $element ) {
1136
+ if ( $id === $element['id'] ) {
1137
+ return $element;
1138
+ }
1139
+
1140
+ if ( ! empty( $element['elements'] ) ) {
1141
+ $element = $this->find_element_recursive( $element['elements'], $id );
1142
+
1143
+ if ( $element ) {
1144
+ return $element;
1145
+ }
1146
+ }
1147
+ }
1148
+
1149
+ return false;
1150
+ }
1151
+
1152
+ /**
1153
+ * Add render attribute.
1154
+ *
1155
+ * Used to add attributes to a specific HTML element.
1156
+ *
1157
+ * The HTML tag is represented by the element parameter, then you need to
1158
+ * define the attribute key and the attribute key. The final result will be:
1159
+ * `<element attribute_key="attribute_value">`.
1160
+ *
1161
+ * Example usage:
1162
+ *
1163
+ * `$this->add_render_attribute( 'wrapper', 'class', 'custom-widget-wrapper-class' );`
1164
+ * `$this->add_render_attribute( 'widget', 'id', 'custom-widget-id' );`
1165
+ * `$this->add_render_attribute( 'button', [ 'class' => 'custom-button-class', 'id' => 'custom-button-id' ] );`
1166
+ *
1167
+ * @since 1.0.0
1168
+ * @access public
1169
+ *
1170
+ * @param array|string $element The HTML element.
1171
+ * @param array|string $key Optional. Attribute key. Default is null.
1172
+ * @param array|string $value Optional. Attribute value. Default is null.
1173
+ * @param bool $overwrite Optional. Whether to overwrite existing
1174
+ * attribute. Default is false, not to overwrite.
1175
+ *
1176
+ * @return Element_Base Current instance of the element.
1177
+ */
1178
+ public function add_render_attribute( $element, $key = null, $value = null, $overwrite = false ) {
1179
+ if ( is_array( $element ) ) {
1180
+ foreach ( $element as $element_key => $attributes ) {
1181
+ $this->add_render_attribute( $element_key, $attributes, null, $overwrite );
1182
+ }
1183
+
1184
+ return $this;
1185
+ }
1186
+
1187
+ if ( is_array( $key ) ) {
1188
+ foreach ( $key as $attribute_key => $attributes ) {
1189
+ $this->add_render_attribute( $element, $attribute_key, $attributes, $overwrite );
1190
+ }
1191
+
1192
+ return $this;
1193
+ }
1194
+
1195
+ if ( empty( $this->_render_attributes[ $element ][ $key ] ) ) {
1196
+ $this->_render_attributes[ $element ][ $key ] = array();
1197
+ }
1198
+
1199
+ settype( $value, 'array' );
1200
+
1201
+ if ( $overwrite ) {
1202
+ $this->_render_attributes[ $element ][ $key ] = $value;
1203
+ } else {
1204
+ $this->_render_attributes[ $element ][ $key ] = array_merge( $this->_render_attributes[ $element ][ $key ], $value );
1205
+ }
1206
+
1207
+ return $this;
1208
+ }
1209
+
1210
+ /**
1211
+ * Get render attribute string.
1212
+ *
1213
+ * Used to retrieve the value of the render attribute.
1214
+ *
1215
+ * @since 1.0.0
1216
+ * @access public
1217
+ *
1218
+ * @param array|string $element The element.
1219
+ *
1220
+ * @return string Render attribute string, or an empty string if the attribute
1221
+ * is empty or not exist.
1222
+ */
1223
+ public function get_render_attribute_string( $element ) {
1224
+ if ( empty( $this->_render_attributes[ $element ] ) ) {
1225
+ return '';
1226
+ }
1227
+
1228
+ $render_attributes = $this->_render_attributes[ $element ];
1229
+
1230
+ $attributes = array();
1231
+
1232
+ foreach ( $render_attributes as $attribute_key => $attribute_values ) {
1233
+ $attributes[] = sprintf( '%1$s="%2$s"', $attribute_key, esc_attr( implode( ' ', $attribute_values ) ) );
1234
+ }
1235
+
1236
+ return implode( ' ', $attributes );
1237
+ }
1238
+
1239
+ /**
1240
+ * Fix Query Offset.
1241
+ *
1242
+ * @since 4.0.8
1243
+ * @access public
1244
+ *
1245
+ * @param object $query query object.
1246
+ */
1247
+ public function fix_query_offset( &$query ) {
1248
+
1249
+ if ( ! empty( $query->query_vars['offset_to_fix'] ) ) {
1250
+ if ( $query->is_paged ) {
1251
+ $query->query_vars['offset'] = $query->query_vars['offset_to_fix'] + ( ( $query->query_vars['paged'] - 1 ) * $query->query_vars['posts_per_page'] );
1252
+ } else {
1253
+ $query->query_vars['offset'] = $query->query_vars['offset_to_fix'];
1254
+ }
1255
+ }
1256
+ }
1257
+
1258
+ /**
1259
+ * Fix Found Posts Query
1260
+ *
1261
+ * @since 4.0.8
1262
+ * @access public
1263
+ *
1264
+ * @param int $found_posts found posts.
1265
+ * @param object $query query object.
1266
+ */
1267
+ public function fix_found_posts_query( $found_posts, $query ) {
1268
+
1269
+ $offset_to_fix = $query->get( 'offset_to_fix' );
1270
+
1271
+ if ( $offset_to_fix ) {
1272
+ $found_posts -= $offset_to_fix;
1273
+ }
1274
+
1275
+ return $found_posts;
1276
+ }
1277
+
1278
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
includes/modules-manager.php DELETED
@@ -1,107 +0,0 @@
1
- <?php
2
-
3
- namespace PremiumAddons\Includes;
4
-
5
- use PremiumAddons\Base\Module_Base;
6
-
7
- if ( ! defined( 'ABSPATH' ) ) {
8
- exit; // Exit if accessed directly.
9
- }
10
-
11
- /**
12
- * Class Modules_Manager.
13
- */
14
- final class Modules_Manager {
15
-
16
- /**
17
- * Class instance
18
- *
19
- * @var instance
20
- */
21
- private static $instance = null;
22
-
23
- /**
24
- * Modules
25
- *
26
- * @var modules
27
- */
28
- private $modules = array();
29
-
30
- /**
31
- * Class constructor
32
- *
33
- * @return void
34
- */
35
- public function __construct() {
36
-
37
- $this->require_files();
38
-
39
- $this->register_modules();
40
-
41
- }
42
-
43
- /**
44
- * Require Files.
45
- *
46
- * @since 1.6.1
47
- * @access public
48
- *
49
- * @return void
50
- */
51
- public function require_files() {
52
-
53
- require_once PREMIUM_ADDONS_PATH . 'base/module-base.php';
54
-
55
- }
56
-
57
- /**
58
- * Register Modules.
59
- *
60
- * @since 1.6.1
61
- * @access public
62
- *
63
- * @return void
64
- */
65
- public function register_modules() {
66
-
67
- $modules = array(
68
- 'woocommerce',
69
- );
70
-
71
- foreach ( $modules as $module_name ) {
72
-
73
- $class_name = str_replace( '-', ' ', $module_name );
74
-
75
- $class_name = str_replace( ' ', '', ucwords( $class_name ) );
76
-
77
- $namespace = str_replace( 'Includes', '', __NAMESPACE__ );
78
-
79
- $class_name = $namespace . 'Modules\\' . $class_name . '\Module';
80
-
81
- $this->modules[ $module_name ] = $class_name::instance();
82
-
83
- }
84
-
85
- }
86
-
87
- /**
88
- *
89
- * Creates and returns an instance of the class
90
- *
91
- * @since 1.0.0
92
- * @access public
93
- *
94
- * @return object
95
- */
96
- public static function get_instance() {
97
-
98
- if ( ! isset( self::$instance ) ) {
99
-
100
- self::$instance = new self();
101
-
102
- }
103
-
104
- return self::$instance;
105
- }
106
-
107
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
includes/templates/classes/assets.php CHANGED
@@ -117,7 +117,7 @@ if( ! class_exists('Premium_Templates_Assets') ) {
117
  $button = Templates\premium_templates()->config->get('premium_temps');
118
 
119
  wp_localize_script( 'premium-temps-editor', 'PremiumTempsData', apply_filters(
120
- 'premium-templates-core/assets/editor/localize',
121
  array(
122
  'Elementor_Version' => ELEMENTOR_VERSION,
123
  'PremiumTemplatesBtn' => $button,
117
  $button = Templates\premium_templates()->config->get('premium_temps');
118
 
119
  wp_localize_script( 'premium-temps-editor', 'PremiumTempsData', apply_filters(
120
+ 'premium-templates-core/assets/editor/localize',
121
  array(
122
  'Elementor_Version' => ELEMENTOR_VERSION,
123
  'PremiumTemplatesBtn' => $button,
premium-addons-for-elementor.php CHANGED
@@ -3,7 +3,9 @@
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons for Elementor plugin includes widgets and addons like Blog Post Grid, Gallery, Carousel, Modal Popup, Google Maps, Pricing Tables, Lottie Animations, Countdown, Testimonials.
5
  Plugin URI: https://premiumaddons.com
6
- Version: 4.1.9
 
 
7
  Author: Leap13
8
  Author URI: https://leap13.com/
9
  Text Domain: premium-addons-for-elementor
@@ -16,7 +18,7 @@ if (! defined('ABSPATH') ) {
16
  }
17
 
18
  // Define Constants.
19
- define('PREMIUM_ADDONS_VERSION', '4.1.9');
20
  define('PREMIUM_ADDONS_URL', plugins_url('/', __FILE__));
21
  define('PREMIUM_ADDONS_PATH', plugin_dir_path(__FILE__));
22
  define('PREMIUM_ADDONS_FILE', __FILE__);
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons for Elementor plugin includes widgets and addons like Blog Post Grid, Gallery, Carousel, Modal Popup, Google Maps, Pricing Tables, Lottie Animations, Countdown, Testimonials.
5
  Plugin URI: https://premiumaddons.com
6
+ Version: 4.2.0
7
+ Elementor tested up to: 3.1.1
8
+ Elementor Pro tested up to: 3.0.10
9
  Author: Leap13
10
  Author URI: https://leap13.com/
11
  Text Domain: premium-addons-for-elementor
18
  }
19
 
20
  // Define Constants.
21
+ define('PREMIUM_ADDONS_VERSION', '4.2.0');
22
  define('PREMIUM_ADDONS_URL', plugins_url('/', __FILE__));
23
  define('PREMIUM_ADDONS_PATH', plugin_dir_path(__FILE__));
24
  define('PREMIUM_ADDONS_FILE', __FILE__);
readme.txt CHANGED
@@ -5,7 +5,7 @@ Donate Link: https://premiumaddons.com/?utm_source=wp-repo&utm_medium=link&utm_c
5
  Requires at least: 5.0
6
  Tested Up To: 5.6
7
  Requires PHP: 5.4
8
- Stable Tag: 4.1.9
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
@@ -188,6 +188,11 @@ Premium Addons for Elementor is 100% Ads Free, Ads can only be detected from You
188
 
189
  == Changelog ==
190
 
 
 
 
 
 
191
  = 4.1.9 =
192
 
193
  - Tweak: Added Box Shadow option for posts outer container in Blog widget.
5
  Requires at least: 5.0
6
  Tested Up To: 5.6
7
  Requires PHP: 5.4
8
+ Stable Tag: 4.2.0
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
188
 
189
  == Changelog ==
190
 
191
+ = 4.2.0 =
192
+
193
+ - Tweak: Added Check Content Overflow option in Vertical Scroll widget.
194
+ - Fixed: Premium Templates not working with Elementor v3.1.0
195
+
196
  = 4.1.9 =
197
 
198
  - Tweak: Added Box Shadow option for posts outer container in Blog widget.
widgets/premium-banner.php CHANGED
@@ -1,1382 +1,1362 @@
1
- <?php
2
- /**
3
- * Premium Banner.
4
- */
5
-
6
- namespace PremiumAddons\Widgets;
7
-
8
- // Elementor Classes.
9
- use Elementor\Widget_Base;
10
- use Elementor\Utils;
11
- use Elementor\Control_Media;
12
- use Elementor\Controls_Manager;
13
- use Elementor\Scheme_Color;
14
- use Elementor\Scheme_Typography;
15
- use Elementor\Group_Control_Border;
16
- use Elementor\Group_Control_Image_Size;
17
- use Elementor\Group_Control_Typography;
18
- use Elementor\Group_Control_Css_Filter;
19
- use Elementor\Group_Control_Box_Shadow;
20
- use Elementor\Group_Control_Text_Shadow;
21
-
22
- // PremiumAddons Classes.
23
- use PremiumAddons\Includes\Helper_Functions;
24
- use PremiumAddons\Includes\Premium_Template_Tags;
25
-
26
- if ( ! defined( 'ABSPATH' ) ) {
27
- exit; // If this file is called directly, abort.
28
- }
29
-
30
- /**
31
- * Class Premium_Banner
32
- */
33
- class Premium_Banner extends Widget_Base {
34
-
35
- protected $template_instance;
36
-
37
- /**
38
- * Get Elementor Helper Instance.
39
- *
40
- * @since 1.0.0
41
- * @access public
42
- */
43
- public function getTemplateInstance() {
44
- $this->template_instance = Premium_Template_Tags::getInstance();
45
- return $this->template_instance;
46
- }
47
-
48
- /**
49
- * Retrieve Widget Name.
50
- *
51
- * @since 1.0.0
52
- * @access public
53
- */
54
- public function get_name() {
55
- return 'premium-addon-banner';
56
- }
57
-
58
- /**
59
- * Retrieve Widget Title.
60
- *
61
- * @since 1.0.0
62
- * @access public
63
- */
64
- public function get_title() {
65
- return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __( 'Banner', 'premium-addons-for-elementor' ) );
66
- }
67
-
68
- /**
69
- * Retrieve Widget Icon.
70
- *
71
- * @since 1.0.0
72
- * @access public
73
- *
74
- * @return string widget icon.
75
- */
76
- public function get_icon() {
77
- return 'pa-banner';
78
- }
79
-
80
- /**
81
- * Retrieve Widget Categories.
82
- *
83
- * @since 1.5.1
84
- * @access public
85
- *
86
- * @return array Widget categories.
87
- */
88
- public function get_categories() {
89
- return array( 'premium-elements' );
90
- }
91
-
92
- /**
93
- * Retrieve Widget Dependent CSS.
94
- *
95
- * @since 1.0.0
96
- * @access public
97
- *
98
- * @return array CSS style handles.
99
- */
100
- public function get_style_depends() {
101
- return array(
102
- 'premium-addons',
103
- );
104
- }
105
-
106
- /**
107
- * Retrieve Widget Dependent JS.
108
- *
109
- * @since 1.0.0
110
- * @access public
111
- *
112
- * @return array JS script handles.
113
- */
114
- public function get_script_depends() {
115
- return array(
116
- 'tilt-js',
117
- 'premium-addons',
118
- );
119
- }
120
-
121
- /**
122
- * Retrieve Widget Support URL.
123
- *
124
- * @access public
125
- *
126
- * @return string support URL.
127
- */
128
- public function get_custom_help_url() {
129
- return 'https://premiumaddons.com/support/';
130
- }
131
-
132
- /**
133
- * Register Banner controls.
134
- *
135
- * @since 1.0.0
136
- * @access protected
137
- */
138
- protected function _register_controls() {
139
-
140
- $this->start_controls_section(
141
- 'premium_banner_global_settings',
142
- array(
143
- 'label' => __( 'Image', 'premium-addons-for-elementor' ),
144
- )
145
- );
146
-
147
- $this->add_control(
148
- 'premium_banner_image',
149
- array(
150
- 'label' => __( 'Upload Image', 'premium-addons-for-elementor' ),
151
- 'description' => __( 'Select an image for the Banner', 'premium-addons-for-elementor' ),
152
- 'type' => Controls_Manager::MEDIA,
153
- 'dynamic' => array( 'active' => true ),
154
- 'default' => array(
155
- 'url' => Utils::get_placeholder_image_src(),
156
- ),
157
- 'show_external' => true,
158
- )
159
- );
160
-
161
- $this->add_group_control(
162
- Group_Control_Image_Size::get_type(),
163
- array(
164
- 'name' => 'thumbnail',
165
- 'default' => 'full',
166
- 'separator' => 'none',
167
- )
168
- );
169
-
170
- $this->add_control(
171
- 'premium_banner_link_url_switch',
172
- array(
173
- 'label' => __( 'Link', 'premium-addons-for-elementor' ),
174
- 'type' => Controls_Manager::SWITCHER,
175
- )
176
- );
177
-
178
- $this->add_control(
179
- 'premium_banner_image_link_switcher',
180
- array(
181
- 'label' => __( 'Custom Link', 'premium-addons-for-elementor' ),
182
- 'type' => Controls_Manager::SWITCHER,
183
- 'description' => __( 'Add a custom link to the banner', 'premium-addons-for-elementor' ),
184
- 'condition' => array(
185
- 'premium_banner_link_url_switch' => 'yes',
186
- ),
187
- )
188
- );
189
-
190
- $this->add_control(
191
- 'premium_banner_image_custom_link',
192
- array(
193
- 'label' => __( 'Set custom Link', 'premium-addons-for-elementor' ),
194
- 'type' => Controls_Manager::URL,
195
- 'dynamic' => array( 'active' => true ),
196
- 'description' => __( 'What custom link you want to set to banner?', 'premium-addons-for-elementor' ),
197
- 'condition' => array(
198
- 'premium_banner_image_link_switcher' => 'yes',
199
- 'premium_banner_link_url_switch' => 'yes',
200
- ),
201
- 'show_external' => false,
202
- )
203
- );
204
-
205
- $this->add_control(
206
- 'premium_banner_image_existing_page_link',
207
- array(
208
- 'label' => __( 'Existing Page', 'premium-addons-for-elementor' ),
209
- 'type' => Controls_Manager::SELECT2,
210
- 'condition' => array(
211
- 'premium_banner_image_link_switcher!' => 'yes',
212
- 'premium_banner_link_url_switch' => 'yes',
213
- ),
214
- 'label_block' => true,
215
- 'multiple' => false,
216
- 'options' => $this->getTemplateInstance()->get_all_posts(),
217
- )
218
- );
219
-
220
- $this->add_control(
221
- 'premium_banner_link_title',
222
- array(
223
- 'label' => __( 'Link Title', 'premium-addons-for-elementor' ),
224
- 'type' => Controls_Manager::TEXT,
225
- 'dynamic' => array( 'active' => true ),
226
- 'condition' => array(
227
- 'premium_banner_link_url_switch' => 'yes',
228
- ),
229
- )
230
- );
231
-
232
- $this->add_control(
233
- 'premium_banner_image_link_open_new_tab',
234
- array(
235
- 'label' => __( 'New Tab', 'premium-addons-for-elementor' ),
236
- 'type' => Controls_Manager::SWITCHER,
237
- 'description' => __( 'Choose if you want the link be opened in a new tab or not', 'premium-addons-for-elementor' ),
238
- 'condition' => array(
239
- 'premium_banner_link_url_switch' => 'yes',
240
- ),
241
- )
242
- );
243
-
244
- $this->add_control(
245
- 'premium_banner_image_link_add_nofollow',
246
- array(
247
- 'label' => __( 'Nofollow Option', 'premium-addons-for-elementor' ),
248
- 'type' => Controls_Manager::SWITCHER,
249
- 'description' => __( 'if you choose yes, the link will not be counted in search engines', 'premium-addons-for-elementor' ),
250
- 'condition' => array(
251
- 'premium_banner_link_url_switch' => 'yes',
252
- ),
253
- )
254
- );
255
-
256
- $this->add_control(
257
- 'premium_banner_image_animation',
258
- array(
259
- 'label' => __( 'Effect', 'premium-addons-for-elementor' ),
260
- 'type' => Controls_Manager::SELECT,
261
- 'default' => 'animation1',
262
- 'description' => __( 'Choose a hover effect for the banner', 'premium-addons-for-elementor' ),
263
- 'options' => array(
264
- 'animation1' => __( 'Effect 1', 'premium-addons-for-elementor' ),
265
- 'animation5' => __( 'Effect 2', 'premium-addons-for-elementor' ),
266
- 'animation13' => __( 'Effect 3', 'premium-addons-for-elementor' ),
267
- 'animation2' => __( 'Effect 4', 'premium-addons-for-elementor' ),
268
- 'animation4' => __( 'Effect 5', 'premium-addons-for-elementor' ),
269
- 'animation6' => __( 'Effect 6', 'premium-addons-for-elementor' ),
270
- 'animation7' => __( 'Effect 7', 'premium-addons-for-elementor' ),
271
- 'animation8' => __( 'Effect 8', 'premium-addons-for-elementor' ),
272
- 'animation9' => __( 'Effect 9', 'premium-addons-for-elementor' ),
273
- 'animation10' => __( 'Effect 10', 'premium-addons-for-elementor' ),
274
- ),
275
- )
276
- );
277
-
278
- $this->add_control(
279
- 'premium_banner_active',
280
- array(
281
- 'label' => __( 'Always Hovered', 'premium-addons-for-elementor' ),
282
- 'type' => Controls_Manager::SWITCHER,
283
- 'description' => __( 'Choose if you want the effect to be always triggered', 'premium-addons-for-elementor' ),
284
- )
285
- );
286
-
287
- $this->add_control(
288
- 'premium_banner_hover_effect',
289
- array(
290
- 'label' => __( 'Hover Effect', 'premium-addons-for-elementor' ),
291
- 'type' => Controls_Manager::SELECT,
292
- 'options' => array(
293
- 'none' => __( 'None', 'premium-addons-for-elementor' ),
294
- 'zoomin' => __( 'Zoom In', 'premium-addons-for-elementor' ),
295
- 'zoomout' => __( 'Zoom Out', 'premium-addons-for-elementor' ),
296
- 'scale' => __( 'Scale', 'premium-addons-for-elementor' ),
297
- 'grayscale' => __( 'Grayscale', 'premium-addons-for-elementor' ),
298
- 'blur' => __( 'Blur', 'premium-addons-for-elementor' ),
299
- 'bright' => __( 'Bright', 'premium-addons-for-elementor' ),
300
- 'sepia' => __( 'Sepia', 'premium-addons-for-elementor' ),
301
- ),
302
- 'default' => 'none',
303
- )
304
- );
305
-
306
- $this->add_control(
307
- 'premium_banner_height',
308
- array(
309
- 'label' => __( 'Height', 'premium-addons-for-elementor' ),
310
- 'type' => Controls_Manager::SELECT,
311
- 'options' => array(
312
- 'default' => __( 'Default', 'premium-addons-for-elementor' ),
313
- 'custom' => __( 'Custom', 'premium-addons-for-elementor' ),
314
- ),
315
- 'default' => 'default',
316
- 'description' => __( 'Choose if you want to set a custom height for the banner or keep it as it is', 'premium-addons-for-elementor' ),
317
- )
318
- );
319
-
320
- $this->add_responsive_control(
321
- 'premium_banner_custom_height',
322
- array(
323
- 'label' => __( 'Min Height', 'premium-addons-for-elementor' ),
324
- 'type' => Controls_Manager::NUMBER,
325
- 'description' => __( 'Set a minimum height value in pixels', 'premium-addons-for-elementor' ),
326
- 'condition' => array(
327
- 'premium_banner_height' => 'custom',
328
- ),
329
- 'selectors' => array(
330
- '{{WRAPPER}} .premium-banner-ib' => 'height: {{VALUE}}px;',
331
- ),
332
- )
333
- );
334
-
335
- $this->add_responsive_control(
336
- 'premium_banner_img_vertical_align',
337
- array(
338
- 'label' => __( 'Vertical Align', 'premium-addons-for-elementor' ),
339
- 'type' => Controls_Manager::SELECT,
340
- 'condition' => array(
341
- 'premium_banner_height' => 'custom',
342
- ),
343
- 'options' => array(
344
- 'flex-start' => __( 'Top', 'premium-addons-for-elementor' ),
345
- 'center' => __( 'Middle', 'premium-addons-for-elementor' ),
346
- 'flex-end' => __( 'Bottom', 'premium-addons-for-elementor' ),
347
- 'inherit' => __( 'Full', 'premium-addons-for-elementor' ),
348
- ),
349
- 'default' => 'flex-start',
350
- 'selectors' => array(
351
- '{{WRAPPER}} .premium-banner-img-wrap' => 'align-items: {{VALUE}}; -webkit-align-items: {{VALUE}};',
352
- ),
353
- )
354
- );
355
-
356
- $this->add_control(
357
- 'mouse_tilt',
358
- array(
359
- 'label' => __( 'Enable Mouse Tilt', 'premium-addons-for-elementor' ),
360
- 'type' => Controls_Manager::SWITCHER,
361
- 'return_value' => 'true',
362
- )
363
- );
364
-
365
- $this->add_control(
366
- 'mouse_tilt_rev',
367
- array(
368
- 'label' => __( 'Reverse', 'premium-addons-for-elementor' ),
369
- 'type' => Controls_Manager::SWITCHER,
370
- 'return_value' => 'true',
371
- 'condition' => array(
372
- 'mouse_tilt' => 'true',
373
- ),
374
- )
375
- );
376
-
377
- $this->add_control(
378
- 'premium_banner_extra_class',
379
- array(
380
- 'label' => __( 'Extra Class', 'premium-addons-for-elementor' ),
381
- 'type' => Controls_Manager::TEXT,
382
- 'dynamic' => array( 'active' => true ),
383
- 'description' => __( 'Add extra class name that will be applied to the banner, and you can use this class for your customizations.', 'premium-addons-for-elementor' ),
384
- )
385
- );
386
-
387
- $this->end_controls_section();
388
-
389
- $this->start_controls_section(
390
- 'premium_banner_image_section',
391
- array(
392
- 'label' => __( 'Content', 'premium-addons-for-elementor' ),
393
- )
394
- );
395
-
396
- $this->add_control(
397
- 'premium_banner_title',
398
- array(
399
- 'label' => __( 'Title', 'premium-addons-for-elementor' ),
400
- 'placeholder' => __( 'Give a title to this banner', 'premium-addons-for-elementor' ),
401
- 'type' => Controls_Manager::TEXT,
402
- 'dynamic' => array( 'active' => true ),
403
- 'default' => __( 'Premium Banner', 'premium-addons-for-elementor' ),
404
- 'label_block' => false,
405
- )
406
- );
407
-
408
- $this->add_control(
409
- 'premium_banner_title_tag',
410
- array(
411
- 'label' => __( 'HTML Tag', 'premium-addons-for-elementor' ),
412
- 'description' => __( 'Select a heading tag for the title. Headings are defined with H1 to H6 tags', 'premium-addons-for-elementor' ),
413
- 'type' => Controls_Manager::SELECT,
414
- 'default' => 'h3',
415
- 'options' => array(
416
- 'h1' => 'H1',
417
- 'h2' => 'H2',
418
- 'h3' => 'H3',
419
- 'h4' => 'H4',
420
- 'h5' => 'H5',
421
- 'h6' => 'H6',
422
- 'div' => 'div',
423
- 'span' => 'span',
424
- 'p' => 'p',
425
- ),
426
- 'label_block' => true,
427
- )
428
- );
429
-
430
- $this->add_control(
431
- 'premium_banner_description_hint',
432
- array(
433
- 'label' => __( 'Description', 'premium-addons-for-elementor' ),
434
- 'type' => Controls_Manager::HEADING,
435
- )
436
- );
437
-
438
- $this->add_control(
439
- 'premium_banner_description',
440
- array(
441
- 'label' => __( 'Description', 'premium-addons-for-elementor' ),
442
- 'description' => __( 'Give the description to this banner', 'premium-addons-for-elementor' ),
443
- 'type' => Controls_Manager::WYSIWYG,
444
- 'dynamic' => array( 'active' => true ),
445
- 'default' => __( 'Premium Banner gives you a wide range of styles and options that you will definitely fall in love with', 'premium-addons-for-elementor' ),
446
- 'label_block' => true,
447
- )
448
- );
449
-
450
- $this->add_control(
451
- 'premium_banner_link_switcher',
452
- array(
453
- 'label' => __( 'Button', 'premium-addons-for-elementor' ),
454
- 'type' => Controls_Manager::SWITCHER,
455
- 'condition' => array(
456
- 'premium_banner_link_url_switch!' => 'yes',
457
- ),
458
- )
459
- );
460
-
461
- $this->add_control(
462
- 'premium_banner_more_text',
463
- array(
464
- 'label' => __( 'Text', 'premium-addons-for-elementor' ),
465
- 'type' => Controls_Manager::TEXT,
466
- 'dynamic' => array( 'active' => true ),
467
- 'default' => 'Click Here',
468
- 'condition' => array(
469
- 'premium_banner_link_switcher' => 'yes',
470
- 'premium_banner_link_url_switch!' => 'yes',
471
- ),
472
- )
473
- );
474
-
475
- $this->add_control(
476
- 'premium_banner_link_selection',
477
- array(
478
- 'label' => __( 'Link Type', 'premium-addons-for-elementor' ),
479
- 'type' => Controls_Manager::SELECT,
480
- 'options' => array(
481
- 'url' => __( 'URL', 'premium-addons-for-elementor' ),
482
- 'link' => __( 'Existing Page', 'premium-addons-for-elementor' ),
483
- ),
484
- 'default' => 'url',
485
- 'label_block' => true,
486
- 'condition' => array(
487
- 'premium_banner_link_switcher' => 'yes',
488
- 'premium_banner_link_url_switch!' => 'yes',
489
- ),
490
- )
491
- );
492
-
493
- $this->add_control(
494
- 'premium_banner_link',
495
- array(
496
- 'label' => __( 'Link', 'premium-addons-for-elementor' ),
497
- 'type' => Controls_Manager::URL,
498
- 'dynamic' => array( 'active' => true ),
499
- 'default' => array(
500
- 'url' => '#',
501
- ),
502
- 'placeholder' => 'https://premiumaddons.com/',
503
- 'label_block' => true,
504
- 'condition' => array(
505
- 'premium_banner_link_selection' => 'url',
506
- 'premium_banner_link_switcher' => 'yes',
507
- 'premium_banner_link_url_switch!' => 'yes',
508
- ),
509
- )
510
- );
511
-
512
- $this->add_control(
513
- 'premium_banner_existing_link',
514
- array(
515
- 'label' => __( 'Existing Page', 'premium-addons-for-elementor' ),
516
- 'type' => Controls_Manager::SELECT2,
517
- 'options' => $this->getTemplateInstance()->get_all_posts(),
518
- 'multiple' => false,
519
- 'condition' => array(
520
- 'premium_banner_link_selection' => 'link',
521
- 'premium_banner_link_switcher' => 'yes',
522
- 'premium_banner_link_url_switch!' => 'yes',
523
- ),
524
- 'label_block' => true,
525
- )
526
- );
527
-
528
- $this->add_control(
529
- 'premium_banner_title_text_align',
530
- array(
531
- 'label' => __( 'Alignment', 'premium-addons-for-elementor' ),
532
- 'type' => Controls_Manager::CHOOSE,
533
- 'options' => array(
534
- 'left' => array(
535
- 'title' => __( 'Left', 'premium-addons-for-elementor' ),
536
- 'icon' => 'fa fa-align-left',
537
- ),
538
- 'center' => array(
539
- 'title' => __( 'Center', 'premium-addons-for-elementor' ),
540
- 'icon' => 'fa fa-align-center',
541
- ),
542
- 'right' => array(
543
- 'title' => __( 'Right', 'premium-addons-for-elementor' ),
544
- 'icon' => 'fa fa-align-right',
545
- ),
546
- ),
547
- 'default' => 'left',
548
- 'toggle' => false,
549
- 'selectors' => array(
550
- '{{WRAPPER}} .premium-banner-ib-title, {{WRAPPER}} .premium-banner-ib-content, {{WRAPPER}} .premium-banner-read-more' => 'text-align: {{VALUE}} ;',
551
- ),
552
- )
553
- );
554
-
555
- $this->end_controls_section();
556
-
557
- $this->start_controls_section(
558
- 'premium_banner_responsive_section',
559
- array(
560
- 'label' => __( 'Responsive', 'premium-addons-for-elementor' ),
561
- )
562
- );
563
-
564
- $this->add_control(
565
- 'premium_banner_responsive_switcher',
566
- array(
567
- 'label' => __( 'Responsive Controls', 'premium-addons-for-elementor' ),
568
- 'type' => Controls_Manager::SWITCHER,
569
- 'description' => __( 'If the description text is not suiting well on specific screen sizes, you may enable this option which will hide the description text.', 'premium-addons-for-elementor' ),
570
- )
571
- );
572
-
573
- $this->add_control(
574
- 'premium_banner_min_range',
575
- array(
576
- 'label' => __( 'Minimum Size', 'premium-addons-for-elementor' ),
577
- 'type' => Controls_Manager::NUMBER,
578
- 'description' => __( 'Note: minimum size for extra small screens is 1px.', 'premium-addons-for-elementor' ),
579
- 'default' => 1,
580
- 'condition' => array(
581
- 'premium_banner_responsive_switcher' => 'yes',
582
- ),
583
- )
584
- );
585
-
586
- $this->add_control(
587
- 'premium_banner_max_range',
588
- array(
589
- 'label' => __( 'Maximum Size', 'premium-addons-for-elementor' ),
590
- 'type' => Controls_Manager::NUMBER,
591
- 'description' => __( 'Note: maximum size for extra small screens is 767px.', 'premium-addons-for-elementor' ),
592
- 'default' => 767,
593
- 'condition' => array(
594
- 'premium_banner_responsive_switcher' => 'yes',
595
- ),
596
- )
597
- );
598
-
599
- $this->end_controls_section();
600
-
601
- $this->start_controls_section(
602
- 'section_pa_docs',
603
- array(
604
- 'label' => __( 'Helpful Documentations', 'premium-addons-for-elementor' ),
605
- )
606
- );
607
-
608
- $doc1_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'editor-page', 'wp-editor', 'get-support' );
609
-
610
- $this->add_control(
611
- 'doc_1',
612
- array(
613
- 'type' => Controls_Manager::RAW_HTML,
614
- 'raw' => sprintf( '<a href="%s" target="_blank">%s</a>', $doc1_url, __( 'Gettings started »', 'premium-addons-for-elementor' ) ),
615
- 'content_classes' => 'editor-pa-doc',
616
- )
617
- );
618
-
619
- $this->end_controls_section();
620
-
621
- $this->start_controls_section(
622
- 'premium_banner_opacity_style',
623
- array(
624
- 'label' => __( 'General', 'premium-addons-for-elementor' ),
625
- 'tab' => Controls_Manager::TAB_STYLE,
626
- )
627
- );
628
-
629
- $this->add_control(
630
- 'premium_banner_image_bg_color',
631
- array(
632
- 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
633
- 'type' => Controls_Manager::COLOR,
634
- 'selectors' => array(
635
- '{{WRAPPER}} .premium-banner-ib' => 'background: {{VALUE}};',
636
- ),
637
- )
638
- );
639
-
640
- $this->add_control(
641
- 'premium_banner_image_opacity',
642
- array(
643
- 'label' => __( 'Image Opacity', 'premium-addons-for-elementor' ),
644
- 'type' => Controls_Manager::SLIDER,
645
- 'default' => array(
646
- 'size' => 1,
647
- ),
648
- 'range' => array(
649
- 'px' => array(
650
- 'min' => 0,
651
- 'max' => 1,
652
- 'step' => .1,
653
- ),
654
- ),
655
- 'selectors' => array(
656
- '{{WRAPPER}} .premium-banner-ib img' => 'opacity: {{SIZE}};',
657
- ),
658
- )
659
- );
660
-
661
- $this->add_control(
662
- 'premium_banner_image_hover_opacity',
663
- array(
664
- 'label' => __( 'Hover Opacity', 'premium-addons-for-elementor' ),
665
- 'type' => Controls_Manager::SLIDER,
666
- 'default' => array(
667
- 'size' => 1,
668
- ),
669
- 'range' => array(
670
- 'px' => array(
671
- 'min' => 0,
672
- 'max' => 1,
673
- 'step' => .1,
674
- ),
675
- ),
676
- 'separator' => 'after',
677
- 'selectors' => array(
678
- '{{WRAPPER}} .premium-banner-ib img.active' => 'opacity: {{SIZE}};',
679
- ),
680
- )
681
- );
682
-
683
- $this->add_control(
684
- 'premium_banner_title_border_width',
685
- array(
686
- 'label' => __( 'Hover Border Width', 'premium-addons-for-elementor' ),
687
- 'type' => Controls_Manager::SLIDER,
688
- 'size_units' => array( 'px', '%', 'em' ),
689
- 'condition' => array(
690
- 'premium_banner_image_animation' => array( 'animation13', 'animation9', 'animation10' ),
691
- ),
692
- 'selectors' => array(
693
- '{{WRAPPER}} .premium-banner-animation13 .premium-banner-ib-title::after' => 'height: {{size}}{{unit}};',
694
- '{{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::before , {{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::after' => 'height: {{size}}{{unit}};',
695
- '{{WRAPPER}} .premium-banner-animation10 .premium-banner-ib-title::after' => 'height: {{size}}{{unit}};',
696
- ),
697
- )
698
- );
699
-
700
- $this->add_control(
701
- 'premium_banner_style3_title_border',
702
- array(
703
- 'label' => __( 'Hover Border Color', 'premium-addons-for-elementor' ),
704
- 'type' => Controls_Manager::COLOR,
705
- 'condition' => array(
706
- 'premium_banner_image_animation' => array( 'animation13', 'animation9', 'animation10' ),
707
- ),
708
- 'separator' => 'after',
709
- 'selectors' => array(
710
- '{{WRAPPER}} .premium-banner-animation13 .premium-banner-ib-title::after' => 'background: {{VALUE}};',
711
- '{{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::before , {{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::after' => 'background: {{VALUE}};',
712
- '{{WRAPPER}} .premium-banner-animation10 .premium-banner-ib-title::after' => 'background: {{VALUE}};',
713
- ),
714
- )
715
- );
716
-
717
- $this->add_control(
718
- 'premium_banner_inner_border_width',
719
- array(
720
- 'label' => __( 'Hover Border Width', 'premium-addons-for-elementor' ),
721
- 'type' => Controls_Manager::SLIDER,
722
- 'size_units' => array( 'px', '%', 'em' ),
723
- 'condition' => array(
724
- 'premium_banner_image_animation' => array( 'animation4', 'animation6', 'animation7', 'animation8' ),
725
- ),
726
- 'selectors' => array(
727
- '{{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::after, {{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation6 .premium-banner-ib-desc::before' => 'border-width: {{size}}{{unit}};',
728
- '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bleft ,{{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bright , {{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bright,{{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bleft' => 'width: {{size}}{{unit}};',
729
- '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-btop , {{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bottom , {{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bottom,{{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-btop ' => 'height: {{size}}{{unit}};',
730
- ),
731
- )
732
- );
733
-
734
- $this->add_control(
735
- 'premium_banner_scaled_border_color',
736
- array(
737
- 'label' => __( 'Hover Border Color', 'premium-addons-for-elementor' ),
738
- 'type' => Controls_Manager::COLOR,
739
- 'condition' => array(
740
- 'premium_banner_image_animation' => array( 'animation4', 'animation6', 'animation7', 'animation8' ),
741
- ),
742
- 'separator' => 'after',
743
- 'selectors' => array(
744
- '{{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::after, {{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation6 .premium-banner-ib-desc::before' => 'border-color: {{VALUE}};',
745
- '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br , {{WRAPPER}} .premium-banner-animation8 .premium-banner-br' => 'background-color: {{VALUE}};',
746
- ),
747
- )
748
- );
749
-
750
- $this->add_group_control(
751
- Group_Control_Css_Filter::get_type(),
752
- array(
753
- 'name' => 'css_filters',
754
- 'selector' => '{{WRAPPER}} .premium-banner-ib img',
755
- )
756
- );
757
-
758
- $this->add_group_control(
759
- Group_Control_Css_Filter::get_type(),
760
- array(
761
- 'name' => 'hover_css_filters',
762
- 'label' => __( 'Hover CSS Filters', 'premium-addons-for-elementor' ),
763
- 'selector' => '{{WRAPPER}} .premium-banner-ib img.active',
764
- )
765
- );
766
-
767
- $this->add_group_control(
768
- Group_Control_Border::get_type(),
769
- array(
770
- 'name' => 'premium_banner_image_border',
771
- 'selector' => '{{WRAPPER}} .premium-banner-ib',
772
- )
773
- );
774
-
775
- $this->add_responsive_control(
776
- 'premium_banner_image_border_radius',
777
- array(
778
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
779
- 'type' => Controls_Manager::SLIDER,
780
- 'size_units' => array( 'px', '%', 'em' ),
781
- 'selectors' => array(
782
- '{{WRAPPER}} .premium-banner-ib' => 'border-radius: {{SIZE}}{{UNIT}};',
783
- ),
784
- )
785
- );
786
-
787
- $this->add_control(
788
- 'blend_mode',
789
- array(
790
- 'label' => __( 'Blend Mode', 'elementor' ),
791
- 'type' => Controls_Manager::SELECT,
792
- 'options' => array(
793
- '' => __( 'Normal', 'elementor' ),
794
- 'multiply' => 'Multiply',
795
- 'screen' => 'Screen',
796
- 'overlay' => 'Overlay',
797
- 'darken' => 'Darken',
798
- 'lighten' => 'Lighten',
799
- 'color-dodge' => 'Color Dodge',
800
- 'saturation' => 'Saturation',
801
- 'color' => 'Color',
802
- 'luminosity' => 'Luminosity',
803
- ),
804
- 'separator' => 'before',
805
- 'selectors' => array(
806
- '{{WRAPPER}} .premium-banner-ib' => 'mix-blend-mode: {{VALUE}}',
807
- ),
808
- )
809
- );
810
-
811
- $this->end_controls_section();
812
-
813
- $this->start_controls_section(
814
- 'premium_banner_title_style',
815
- array(
816
- 'label' => __( 'Title', 'premium-addons-for-elementor' ),
817
- 'tab' => Controls_Manager::TAB_STYLE,
818
- )
819
- );
820
-
821
- $this->add_control(
822
- 'premium_banner_color_of_title',
823
- array(
824
- 'label' => __( 'Color', 'premium-addons-for-elementor' ),
825
- 'type' => Controls_Manager::COLOR,
826
- 'scheme' => array(
827
- 'type' => Scheme_Color::get_type(),
828
- 'value' => Scheme_Color::COLOR_1,
829
- ),
830
- 'selectors' => array(
831
- '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title' => 'color: {{VALUE}};',
832
- ),
833
- )
834
- );
835
-
836
- $this->add_group_control(
837
- Group_Control_Typography::get_type(),
838
- array(
839
- 'name' => 'premium_banner_title_typography',
840
- 'selector' => '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title',
841
- 'scheme' => Scheme_Typography::TYPOGRAPHY_1,
842
- )
843
- );
844
-
845
- $this->add_control(
846
- 'premium_banner_style2_title_bg',
847
- array(
848
- 'label' => __( 'Background', 'premium-addons-for-elementor' ),
849
- 'type' => Controls_Manager::COLOR,
850
- 'default' => '#f2f2f2',
851
- 'description' => __( 'Choose a background color for the title', 'premium-addons-for-elementor' ),
852
- 'condition' => array(
853
- 'premium_banner_image_animation' => 'animation5',
854
- ),
855
- 'selectors' => array(
856
- '{{WRAPPER}} .premium-banner-animation5 .premium-banner-ib-desc' => 'background: {{VALUE}};',
857
- ),
858
- )
859
- );
860
-
861
- $this->add_group_control(
862
- Group_Control_Text_Shadow::get_type(),
863
- array(
864
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
865
- 'name' => 'premium_banner_title_shadow',
866
- 'selector' => '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title',
867
- )
868
- );
869
-
870
- $this->add_responsive_control(
871
- 'premium_banner_title_margin',
872
- array(
873
- 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
874
- 'type' => Controls_Manager::DIMENSIONS,
875
- 'size_units' => array( 'px', 'em', '%' ),
876
- 'selectors' => array(
877
- '{{WRAPPER}} .premium-banner-ib-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
878
- ),
879
- )
880
- );
881
-
882
- $this->end_controls_section();
883
-
884
- $this->start_controls_section(
885
- 'premium_banner_styles_of_content',
886
- array(
887
- 'label' => __( 'Description', 'premium-addons-for-elementor' ),
888
- 'tab' => Controls_Manager::TAB_STYLE,
889
- )
890
- );
891
-
892
- $this->add_control(
893
- 'premium_banner_color_of_content',
894
- array(
895
- 'label' => __( 'Color', 'premium-addons-for-elementor' ),
896
- 'type' => Controls_Manager::COLOR,
897
- 'scheme' => array(
898
- 'type' => Scheme_Color::get_type(),
899
- 'value' => Scheme_Color::COLOR_3,
900
- ),
901
- 'selectors' => array(
902
- '{{WRAPPER}} .premium-banner .premium_banner_content' => 'color: {{VALUE}};',
903
- ),
904
- )
905
- );
906
-
907
- $this->add_group_control(
908
- Group_Control_Typography::get_type(),
909
- array(
910
- 'name' => 'premium_banner_content_typhography',
911
- 'selector' => '{{WRAPPER}} .premium-banner .premium_banner_content',
912
- 'scheme' => Scheme_Typography::TYPOGRAPHY_3,
913
- )
914
- );
915
-
916
- $this->add_group_control(
917
- Group_Control_Text_Shadow::get_type(),
918
- array(
919
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
920
- 'name' => 'premium_banner_description_shadow',
921
- 'selector' => '{{WRAPPER}} .premium-banner .premium_banner_content',
922
- )
923
- );
924
-
925
- $this->add_responsive_control(
926
- 'premium_banner_desc_margin',
927
- array(
928
- 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
929
- 'type' => Controls_Manager::DIMENSIONS,
930
- 'size_units' => array( 'px', 'em', '%' ),
931
- 'selectors' => array(
932
- '{{WRAPPER}} .premium-banner-ib-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
933
- ),
934
- )
935
- );
936
-
937
- $this->end_controls_section();
938
-
939
- $this->start_controls_section(
940
- 'premium_banner_styles_of_button',
941
- array(
942
- 'label' => __( 'Button', 'premium-addons-for-elementor' ),
943
- 'tab' => Controls_Manager::TAB_STYLE,
944
- 'condition' => array(
945
- 'premium_banner_link_switcher' => 'yes',
946
- 'premium_banner_link_url_switch!' => 'yes',
947
- ),
948
- )
949
- );
950
-
951
- $this->add_control(
952
- 'premium_banner_color_of_button',
953
- array(
954
- 'label' => __( 'Color', 'premium-addons-for-elementor' ),
955
- 'type' => Controls_Manager::COLOR,
956
- 'scheme' => array(
957
- 'type' => Scheme_Color::get_type(),
958
- 'value' => Scheme_Color::COLOR_3,
959
- ),
960
- 'selectors' => array(
961
- '{{WRAPPER}} .premium-banner .premium-banner-link' => 'color: {{VALUE}};',
962
- ),
963
- )
964
- );
965
-
966
- $this->add_control(
967
- 'premium_banner_hover_color_of_button',
968
- array(
969
- 'label' => __( 'Hover Color', 'premium-addons-for-elementor' ),
970
- 'type' => Controls_Manager::COLOR,
971
- 'scheme' => array(
972
- 'type' => Scheme_Color::get_type(),
973
- 'value' => Scheme_Color::COLOR_3,
974
- ),
975
- 'selectors' => array(
976
- '{{WRAPPER}} .premium-banner .premium-banner-link:hover' => 'color: {{VALUE}};',
977
- ),
978
- )
979
- );
980
-
981
- $this->add_group_control(
982
- Group_Control_Typography::get_type(),
983
- array(
984
- 'name' => 'premium_banner_button_typhography',
985
- 'scheme' => Scheme_Typography::TYPOGRAPHY_3,
986
- 'selector' => '{{WRAPPER}} .premium-banner-link',
987
- )
988
- );
989
-
990
- $this->add_control(
991
- 'premium_banner_backcolor_of_button',
992
- array(
993
- 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
994
- 'type' => Controls_Manager::COLOR,
995
- 'selectors' => array(
996
- '{{WRAPPER}} .premium-banner .premium-banner-link' => 'background-color: {{VALUE}};',
997
- ),
998
- )
999
- );
1000
-
1001
- $this->add_control(
1002
- 'premium_banner_hover_backcolor_of_button',
1003
- array(
1004
- 'label' => __( 'Hover Background Color', 'premium-addons-for-elementor' ),
1005
- 'type' => Controls_Manager::COLOR,
1006
- 'selectors' => array(
1007
- '{{WRAPPER}} .premium-banner .premium-banner-link:hover' => 'background-color: {{VALUE}};',
1008
- ),
1009
- )
1010
- );
1011
-
1012
- $this->add_group_control(
1013
- Group_Control_Border::get_type(),
1014
- array(
1015
- 'name' => 'premium_banner_button_border',
1016
- 'selector' => '{{WRAPPER}} .premium-banner .premium-banner-link',
1017
- )
1018
- );
1019
-
1020
- $this->add_control(
1021
- 'premium_banner_button_border_radius',
1022
- array(
1023
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
1024
- 'type' => Controls_Manager::SLIDER,
1025
- 'size_units' => array( 'px', '%', 'em' ),
1026
- 'selectors' => array(
1027
- '{{WRAPPER}} .premium-banner-link' => 'border-radius: {{SIZE}}{{UNIT}};',
1028
- ),
1029
- )
1030
- );
1031
-
1032
- $this->add_group_control(
1033
- Group_Control_Text_Shadow::get_type(),
1034
- array(
1035
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
1036
- 'name' => 'premium_banner_button_shadow',
1037
- 'selector' => '{{WRAPPER}} .premium-banner .premium-banner-link',
1038
- )
1039
- );
1040
-
1041
- $this->add_responsive_control(
1042
- 'premium_banner_button_margin',
1043
- array(
1044
- 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
1045
- 'type' => Controls_Manager::DIMENSIONS,
1046
- 'size_units' => array( 'px', 'em', '%' ),
1047
- 'selectors' => array(
1048
- '{{WRAPPER}} .premium-banner-read-more' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1049
- ),
1050
- )
1051
- );
1052
-
1053
- $this->add_responsive_control(
1054
- 'premium_banner_button_padding',
1055
- array(
1056
- 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
1057
- 'type' => Controls_Manager::DIMENSIONS,
1058
- 'size_units' => array( 'px', 'em', '%' ),
1059
- 'selectors' => array(
1060
- '{{WRAPPER}} .premium-banner-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1061
- ),
1062
- )
1063
- );
1064
-
1065
- $this->end_controls_section();
1066
-
1067
- $this->start_controls_section(
1068
- 'premium_banner_container_style',
1069
- array(
1070
- 'label' => __( 'Container', 'premium-addons-for-elementor' ),
1071
- 'tab' => Controls_Manager::TAB_STYLE,
1072
- )
1073
- );
1074
-
1075
- $this->add_group_control(
1076
- Group_Control_Border::get_type(),
1077
- array(
1078
- 'name' => 'premium_banner_border',
1079
- 'selector' => '{{WRAPPER}} .premium-banner',
1080
- )
1081
- );
1082
-
1083
- $this->add_control(
1084
- 'premium_banner_border_radius',
1085
- array(
1086
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
1087
- 'type' => Controls_Manager::DIMENSIONS,
1088
- 'size_units' => array( 'px', '%', 'em' ),
1089
- 'selectors' => array(
1090
- '{{WRAPPER}} .premium-banner' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1091
- ),
1092
- )
1093
- );
1094
-
1095
- $this->add_group_control(
1096
- Group_Control_Box_Shadow::get_type(),
1097
- array(
1098
- 'name' => 'premium_banner_shadow',
1099
- 'selector' => '{{WRAPPER}} .premium-banner',
1100
- )
1101
- );
1102
-
1103
- $this->end_controls_section();
1104
-
1105
- }
1106
-
1107
- /**
1108
- * Render Banner widget output on the frontend.
1109
- *
1110
- * Written in PHP and used to generate the final HTML.
1111
- *
1112
- * @since 1.0.0
1113
- * @access protected
1114
- */
1115
- protected function render() {
1116
-
1117
- $settings = $this->get_settings_for_display();
1118
-
1119
- $this->add_render_attribute( 'banner', 'id', 'premium-banner-' . $this->get_id() );
1120
- $this->add_render_attribute( 'banner', 'class', 'premium-banner' );
1121
-
1122
- if ( 'true' === $settings['mouse_tilt'] ) {
1123
- $this->add_render_attribute( 'banner', 'data-box-tilt', 'true' );
1124
- if ( 'true' === $settings['mouse_tilt_rev'] ) {
1125
- $this->add_render_attribute( 'banner', 'data-box-tilt-reverse', 'true' );
1126
- }
1127
- }
1128
-
1129
- $this->add_inline_editing_attributes( 'premium_banner_title' );
1130
- $this->add_render_attribute(
1131
- 'premium_banner_title',
1132
- 'class',
1133
- array(
1134
- 'premium-banner-ib-title',
1135
- 'premium_banner_title',
1136
- )
1137
- );
1138
-
1139
- $this->add_inline_editing_attributes( 'premium_banner_description', 'advanced' );
1140
-
1141
- $title_tag = $settings['premium_banner_title_tag'];
1142
- $title = $settings['premium_banner_title'];
1143
- $full_title = '<div class="premium-banner-title-wrap"><' . $title_tag . ' ' . $this->get_render_attribute_string( 'premium_banner_title' ) . '>' . $title . '</' . $title_tag . '></div>';
1144
-
1145
- $link = 'yes' === $settings['premium_banner_image_link_switcher'] ? $settings['premium_banner_image_custom_link']['url'] : get_permalink( $settings['premium_banner_image_existing_page_link'] );
1146
-
1147
- $link_title = 'yes' === $settings['premium_banner_link_url_switch'] ? $settings['premium_banner_link_title'] : '';
1148
-
1149
- $open_new_tab = 'yes' === $settings['premium_banner_image_link_open_new_tab'] ? ' target="_blank"' : '';
1150
- $nofollow_link = 'yes' === $settings['premium_banner_image_link_add_nofollow'] ? ' rel="nofollow"' : '';
1151
- $full_link = '<a class="premium-banner-ib-link" href="' . $link . '" title="' . $link_title . '"' . $open_new_tab . $nofollow_link . '></a>';
1152
- $animation_class = 'premium-banner-' . $settings['premium_banner_image_animation'];
1153
- $hover_class = ' ' . $settings['premium_banner_hover_effect'];
1154
- $extra_class = ! empty( $settings['premium_banner_extra_class'] ) ? ' ' . $settings['premium_banner_extra_class'] : '';
1155
- $active = 'yes' === $settings['premium_banner_active'] ? ' active' : '';
1156
- $full_class = $animation_class . $hover_class . $extra_class . $active;
1157
- $min_size = $settings['premium_banner_min_range'] . 'px';
1158
- $max_size = $settings['premium_banner_max_range'] . 'px';
1159
-
1160
- $banner_url = 'url' === $settings['premium_banner_link_selection'] ? $settings['premium_banner_link']['url'] : get_permalink( $settings['premium_banner_existing_link'] );
1161
-
1162
- $image_html = '';
1163
- if ( ! empty( $settings['premium_banner_image']['url'] ) ) {
1164
-
1165
- $this->add_render_attribute( 'image', 'src', $settings['premium_banner_image']['url'] );
1166
- $this->add_render_attribute( 'image', 'alt', Control_Media::get_image_alt( $settings['premium_banner_image'] ) );
1167
-
1168
- $this->add_render_attribute( 'image', 'title', Control_Media::get_image_title( $settings['premium_banner_image'] ) );
1169
-
1170
- $image_html = Group_Control_Image_Size::get_attachment_image_html( $settings, 'thumbnail', 'premium_banner_image' );
1171
-
1172
- }
1173
-
1174
- ?>
1175
- <div <?php echo wp_kses_post( $this->get_render_attribute_string( 'banner' ) ); ?>>
1176
- <div class="premium-banner-ib <?php echo esc_attr( $full_class ); ?> premium-banner-min-height">
1177
- <?php if ( ! empty( $settings['premium_banner_image']['url'] ) ) : ?>
1178
- <?php if ( 'custom' === $settings['premium_banner_height'] ) : ?>
1179
- <div class="premium-banner-img-wrap">
1180
- <?php endif; ?>
1181
- <?php echo wp_kses_post( $image_html ); ?>
1182
- <?php if ( 'custom' === $settings['premium_banner_height'] ) : ?>
1183
- </div>
1184
- <?php
1185
- endif;
1186
- endif;
1187
- ?>
1188
- <div class="premium-banner-ib-desc">
1189
- <?php if ( 'animation7' === $settings['premium_banner_image_animation'] || 'animation8' === $settings['premium_banner_image_animation'] ) : ?>
1190
- <div class="premium-banner-border">
1191
- <div class="premium-banner-br premium-banner-bleft premium-banner-brlr "></div>
1192
- <div class="premium-banner-br premium-banner-bright premium-banner-brlr "></div>
1193
- <div class="premium-banner-br premium-banner-btop premium-banner-brtb "></div>
1194
- <div class="premium-banner-br premium-banner-bottom premium-banner-brtb "></div>
1195
- </div>
1196
-
1197
- <?php endif; ?>
1198
- <div class="premium-banner-desc-centered">
1199
- <?php
1200
- echo wp_kses_post( $full_title );
1201
- if ( ! empty( $settings['premium_banner_description'] ) ) :
1202
- ?>
1203
- <div class="premium-banner-ib-content premium_banner_content">
1204
- <div <?php echo wp_kses_post( $this->get_render_attribute_string( 'premium_banner_description' ) ); ?>>
1205
- <?php echo wp_kses_post( $settings['premium_banner_description'] ); ?>
1206
- </div>
1207
- </div>
1208
- <?php endif; ?>
1209
- <?php
1210
- if ( 'yes' === $settings['premium_banner_link_switcher'] && ! empty( $settings['premium_banner_more_text'] ) ) :
1211
- ?>
1212
-
1213
- <div class ="premium-banner-read-more">
1214
- <a class = "premium-banner-link"
1215
- <?php
1216
- if ( ! empty( $banner_url ) ) :
1217
- ?>
1218
- href="<?php echo esc_url( $banner_url ); ?>"<?php endif; ?>
1219
- <?php if ( ! empty( $settings['premium_banner_link']['is_external'] ) ) : ?>
1220
- target="_blank"
1221
- <?php endif; ?>
1222
- <?php if ( ! empty( $settings['premium_banner_link']['nofollow'] ) ) : ?>
1223
- rel="nofollow"
1224
- <?php endif; ?>>
1225
- <?php echo esc_html( $settings['premium_banner_more_text'] ); ?>
1226
- </a>
1227
- </div>
1228
-
1229
- <?php endif; ?>
1230
- </div>
1231
- </div>
1232
- <?php
1233
- if ( 'yes' === $settings['premium_banner_link_url_switch'] && ( ! empty( $settings['premium_banner_image_custom_link']['url'] ) || ! empty( $settings['premium_banner_image_existing_page_link'] ) ) ) {
1234
- echo wp_kses_post( $full_link );
1235
- }
1236
- ?>
1237
- </div>
1238
- <?php if ( 'yes' === $settings['premium_banner_responsive_switcher'] ) : ?>
1239
- <style>
1240
- @media( min-width: <?php echo wp_kses_post( $min_size ); ?> ) and (max-width:<?php echo wp_kses_post( $max_size ); ?> ) {
1241
- #premium-banner-<?php echo esc_attr( $this->get_id() ); ?> .premium-banner-ib-content {
1242
- display: none;
1243
- }
1244
- }
1245
- </style>
1246
- <?php endif; ?>
1247
- </div>
1248
- <?php
1249
- }
1250
-
1251
- /**
1252
- * Render Banner widget output in the editor.
1253
- *
1254
- * Written as a Backbone JavaScript template and used to generate the live preview.
1255
- *
1256
- * @since 1.0.0
1257
- * @access protected
1258
- */
1259
- protected function content_template() {
1260
- ?>
1261
- <#
1262
-
1263
- view.addRenderAttribute( 'banner', 'id', 'premium-banner-' + view.getID() );
1264
- view.addRenderAttribute( 'banner', 'class', 'premium-banner' );
1265
-
1266
- if( 'true' === settings.mouse_tilt ) {
1267
- view.addRenderAttribute( 'banner', 'data-box-tilt', 'true' );
1268
- if( 'true' === settings.mouse_tilt_rev ) {
1269
- view.addRenderAttribute( 'banner', 'data-box-tilt-reverse', 'true' );
1270
- }
1271
- }
1272
-
1273
- var active = 'yes' === settings.premium_banner_active ? 'active' : '';
1274
-
1275
- view.addRenderAttribute( 'banner_inner', 'class', [
1276
- 'premium-banner-ib',
1277
- 'premium-banner-min-height',
1278
- 'premium-banner-' + settings.premium_banner_image_animation,
1279
- settings.premium_banner_hover_effect,
1280
- settings.premium_banner_extra_class,
1281
- active
1282
- ] );
1283
-
1284
- var titleTag = settings.premium_banner_title_tag,
1285
- title = settings.premium_banner_title;
1286
-
1287
- view.addRenderAttribute( 'premium_banner_title', 'class', [
1288
- 'premium-banner-ib-title',
1289
- 'premium_banner_title'
1290
- ] );
1291
-
1292
- view.addInlineEditingAttributes( 'premium_banner_title' );
1293
-
1294
- var description = settings.premium_banner_description;
1295
-
1296
- view.addInlineEditingAttributes( 'description', 'advanced' );
1297
-
1298
- var linkSwitcher = settings.premium_banner_link_switcher,
1299
- readMore = settings.premium_banner_more_text,
1300
- bannerUrl = 'url' === settings.premium_banner_link_selection ? settings.premium_banner_link.url : settings.premium_banner_existing_link;
1301
-
1302
- var bannerLink = 'yes' === settings.premium_banner_image_link_switcher ? settings.premium_banner_image_custom_link.url : settings.premium_banner_image_existing_page_link,
1303
- linkTitle = 'yes' === settings.premium_banner_link_url_switch ? settings.premium_banner_link_title : '';
1304
-
1305
- var minSize = settings.premium_banner_min_range + 'px',
1306
- maxSize = settings.premium_banner_max_range + 'px';
1307
-
1308
- var imageHtml = '';
1309
- if ( settings.premium_banner_image.url ) {
1310
- var image = {
1311
- id: settings.premium_banner_image.id,
1312
- url: settings.premium_banner_image.url,
1313
- size: settings.thumbnail_size,
1314
- dimension: settings.thumbnail_custom_dimension,
1315
- model: view.getEditModel()
1316
- };
1317
-
1318
- var image_url = elementor.imagesManager.getImageUrl( image );
1319
-
1320
- imageHtml = '<img src="' + image_url + '"/>';
1321
-
1322
- }
1323
-
1324
- #>
1325
-
1326
- <div {{{ view.getRenderAttributeString( 'banner' ) }}}>
1327
- <div {{{ view.getRenderAttributeString( 'banner_inner' ) }}}>
1328
- <# if( '' !== settings.premium_banner_image.url ) { #>
1329
- <# if( 'custom' === settings.premium_banner_height ) { #>
1330
- <div class="premium-banner-img-wrap">
1331
- <# } #>
1332
- {{{imageHtml}}}
1333
- <# if( 'custom' === settings.premium_banner_height ) { #>
1334
- </div>
1335
- <# } #>
1336
- <# } #>
1337
- <div class="premium-banner-ib-desc">
1338
- <# if (settings.premium_banner_image_animation ==='animation7' || settings.premium_banner_image_animation ==='animation8'){ #>
1339
- <div class="premium-banner-border">
1340
- <div class="premium-banner-br premium-banner-bleft premium-banner-brlr"></div>
1341
- <div class="premium-banner-br premium-banner-bright premium-banner-brlr"></div>
1342
- <div class="premium-banner-br premium-banner-btop premium-banner-brtb"></div>
1343
- <div class="premium-banner-br premium-banner-bottom premium-banner-brtb"></div>
1344
- </div>
1345
- <# } #>
1346
- <div class="premium-banner-desc-centered">
1347
- <# if( '' !== title ) { #>
1348
- <div class="premium-banner-title-wrap">
1349
- <{{{titleTag}}} {{{ view.getRenderAttributeString('premium_banner_title') }}}>{{{ title }}}</{{{titleTag}}}>
1350
- </div>
1351
- <# } #>
1352
- <# if( '' !== description ) { #>
1353
- <div class="premium-banner-ib-content premium_banner_content">
1354
- <div {{{ view.getRenderAttributeString( 'description' ) }}}>{{{ description }}}</div>
1355
- </div>
1356
- <# } #>
1357
- <# if( 'yes' === linkSwitcher && '' !== readMore ) { #>
1358
- <div class ="premium-banner-read-more">
1359
- <a class = "premium-banner-link" href="{{ bannerUrl }}">{{{ readMore }}}</a>
1360
- </div>
1361
- <# } #>
1362
- </div>
1363
- </div>
1364
- <# if( 'yes' === settings.premium_banner_link_url_switch && ( '' !== settings.premium_banner_image_custom_link.url || '' !== settings.premium_banner_image_existing_page_link ) ) { #>
1365
- <a class="premium-banner-ib-link" href="{{ bannerLink }}" title="{{ linkTitle }}"></a>
1366
- <# } #>
1367
- </div>
1368
- <# if( 'yes' === settings.premium_banner_responsive_switcher ) { #>
1369
- <style>
1370
- @media( min-width: {{minSize}} ) and ( max-width: {{maxSize}} ) {
1371
- #premium-banner-{{ view.getID() }} .premium-banner-ib-content {
1372
- display: none;
1373
- }
1374
- }
1375
- </style>
1376
- <# } #>
1377
- </div>
1378
-
1379
-
1380
- <?php
1381
- }
1382
- }
1
+ <?php
2
+ /**
3
+ * Premium Banner.
4
+ */
5
+
6
+ namespace PremiumAddons\Widgets;
7
+
8
+ // Elementor Classes.
9
+ use Elementor\Widget_Base;
10
+ use Elementor\Utils;
11
+ use Elementor\Control_Media;
12
+ use Elementor\Controls_Manager;
13
+ use Elementor\Scheme_Color;
14
+ use Elementor\Scheme_Typography;
15
+ use Elementor\Group_Control_Border;
16
+ use Elementor\Group_Control_Image_Size;
17
+ use Elementor\Group_Control_Typography;
18
+ use Elementor\Group_Control_Css_Filter;
19
+ use Elementor\Group_Control_Box_Shadow;
20
+ use Elementor\Group_Control_Text_Shadow;
21
+
22
+ // PremiumAddons Classes.
23
+ use PremiumAddons\Includes\Helper_Functions;
24
+ use PremiumAddons\Includes\Premium_Template_Tags;
25
+
26
+ if ( ! defined( 'ABSPATH' ) ) {
27
+ exit; // If this file is called directly, abort.
28
+ }
29
+
30
+ /**
31
+ * Class Premium_Banner
32
+ */
33
+ class Premium_Banner extends Widget_Base {
34
+
35
+ protected $template_instance;
36
+
37
+ /**
38
+ * Get Elementor Helper Instance.
39
+ *
40
+ * @since 1.0.0
41
+ * @access public
42
+ */
43
+ public function getTemplateInstance() {
44
+ $this->template_instance = Premium_Template_Tags::getInstance();
45
+ return $this->template_instance;
46
+ }
47
+
48
+ /**
49
+ * Retrieve Widget Name.
50
+ *
51
+ * @since 1.0.0
52
+ * @access public
53
+ */
54
+ public function get_name() {
55
+ return 'premium-addon-banner';
56
+ }
57
+
58
+ /**
59
+ * Retrieve Widget Title.
60
+ *
61
+ * @since 1.0.0
62
+ * @access public
63
+ */
64
+ public function get_title() {
65
+ return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __( 'Banner', 'premium-addons-for-elementor' ) );
66
+ }
67
+
68
+ /**
69
+ * Retrieve Widget Icon.
70
+ *
71
+ * @since 1.0.0
72
+ * @access public
73
+ *
74
+ * @return string widget icon.
75
+ */
76
+ public function get_icon() {
77
+ return 'pa-banner';
78
+ }
79
+
80
+ /**
81
+ * Retrieve Widget Categories.
82
+ *
83
+ * @since 1.5.1
84
+ * @access public
85
+ *
86
+ * @return array Widget categories.
87
+ */
88
+ public function get_categories() {
89
+ return array( 'premium-elements' );
90
+ }
91
+
92
+ /**
93
+ * Retrieve Widget Dependent CSS.
94
+ *
95
+ * @since 1.0.0
96
+ * @access public
97
+ *
98
+ * @return array CSS style handles.
99
+ */
100
+ public function get_style_depends() {
101
+ return array(
102
+ 'premium-addons',
103
+ );
104
+ }
105
+
106
+ /**
107
+ * Retrieve Widget Dependent JS.
108
+ *
109
+ * @since 1.0.0
110
+ * @access public
111
+ *
112
+ * @return array JS script handles.
113
+ */
114
+ public function get_script_depends() {
115
+ return array(
116
+ 'tilt-js',
117
+ 'premium-addons',
118
+ );
119
+ }
120
+
121
+ /**
122
+ * Retrieve Widget Support URL.
123
+ *
124
+ * @access public
125
+ *
126
+ * @return string support URL.
127
+ */
128
+ public function get_custom_help_url() {
129
+ return 'https://premiumaddons.com/support/';
130
+ }
131
+
132
+ /**
133
+ * Register Banner controls.
134
+ *
135
+ * @since 1.0.0
136
+ * @access protected
137
+ */
138
+ protected function _register_controls() {
139
+
140
+ $this->start_controls_section(
141
+ 'premium_banner_global_settings',
142
+ array(
143
+ 'label' => __( 'Image', 'premium-addons-for-elementor' ),
144
+ )
145
+ );
146
+
147
+ $this->add_control(
148
+ 'premium_banner_image',
149
+ array(
150
+ 'label' => __( 'Upload Image', 'premium-addons-for-elementor' ),
151
+ 'description' => __( 'Select an image for the Banner', 'premium-addons-for-elementor' ),
152
+ 'type' => Controls_Manager::MEDIA,
153
+ 'dynamic' => array( 'active' => true ),
154
+ 'default' => array(
155
+ 'url' => Utils::get_placeholder_image_src(),
156
+ ),
157
+ 'show_external' => true,
158
+ )
159
+ );
160
+
161
+ $this->add_group_control(
162
+ Group_Control_Image_Size::get_type(),
163
+ array(
164
+ 'name' => 'thumbnail',
165
+ 'default' => 'full',
166
+ 'separator' => 'none',
167
+ )
168
+ );
169
+
170
+ $this->add_control(
171
+ 'premium_banner_link_url_switch',
172
+ array(
173
+ 'label' => __( 'Link', 'premium-addons-for-elementor' ),
174
+ 'type' => Controls_Manager::SWITCHER,
175
+ )
176
+ );
177
+
178
+ $this->add_control(
179
+ 'premium_banner_image_link_switcher',
180
+ array(
181
+ 'label' => __( 'Custom Link', 'premium-addons-for-elementor' ),
182
+ 'type' => Controls_Manager::SWITCHER,
183
+ 'condition' => array(
184
+ 'premium_banner_link_url_switch' => 'yes',
185
+ ),
186
+ )
187
+ );
188
+
189
+ $this->add_control(
190
+ 'premium_banner_image_custom_link',
191
+ array(
192
+ 'label' => __( 'Set custom Link', 'premium-addons-for-elementor' ),
193
+ 'type' => Controls_Manager::URL,
194
+ 'dynamic' => array( 'active' => true ),
195
+ 'condition' => array(
196
+ 'premium_banner_image_link_switcher' => 'yes',
197
+ 'premium_banner_link_url_switch' => 'yes',
198
+ ),
199
+ 'show_external' => false,
200
+ )
201
+ );
202
+
203
+ $this->add_control(
204
+ 'premium_banner_image_existing_page_link',
205
+ array(
206
+ 'label' => __( 'Existing Page', 'premium-addons-for-elementor' ),
207
+ 'type' => Controls_Manager::SELECT2,
208
+ 'condition' => array(
209
+ 'premium_banner_image_link_switcher!' => 'yes',
210
+ 'premium_banner_link_url_switch' => 'yes',
211
+ ),
212
+ 'label_block' => true,
213
+ 'multiple' => false,
214
+ 'options' => $this->getTemplateInstance()->get_all_posts(),
215
+ )
216
+ );
217
+
218
+ $this->add_control(
219
+ 'premium_banner_link_title',
220
+ array(
221
+ 'label' => __( 'Link Title', 'premium-addons-for-elementor' ),
222
+ 'type' => Controls_Manager::TEXT,
223
+ 'dynamic' => array( 'active' => true ),
224
+ 'condition' => array(
225
+ 'premium_banner_link_url_switch' => 'yes',
226
+ ),
227
+ )
228
+ );
229
+
230
+ $this->add_control(
231
+ 'premium_banner_image_link_open_new_tab',
232
+ array(
233
+ 'label' => __( 'New Tab', 'premium-addons-for-elementor' ),
234
+ 'type' => Controls_Manager::SWITCHER,
235
+ 'condition' => array(
236
+ 'premium_banner_link_url_switch' => 'yes',
237
+ ),
238
+ )
239
+ );
240
+
241
+ $this->add_control(
242
+ 'premium_banner_image_link_add_nofollow',
243
+ array(
244
+ 'label' => __( 'Nofollow Option', 'premium-addons-for-elementor' ),
245
+ 'type' => Controls_Manager::SWITCHER,
246
+ 'condition' => array(
247
+ 'premium_banner_link_url_switch' => 'yes',
248
+ ),
249
+ )
250
+ );
251
+
252
+ $this->add_control(
253
+ 'premium_banner_image_animation',
254
+ array(
255
+ 'label' => __( 'Effect', 'premium-addons-for-elementor' ),
256
+ 'type' => Controls_Manager::SELECT,
257
+ 'default' => 'animation1',
258
+ 'options' => array(
259
+ 'animation1' => __( 'Effect 1', 'premium-addons-for-elementor' ),
260
+ 'animation5' => __( 'Effect 2', 'premium-addons-for-elementor' ),
261
+ 'animation13' => __( 'Effect 3', 'premium-addons-for-elementor' ),
262
+ 'animation2' => __( 'Effect 4', 'premium-addons-for-elementor' ),
263
+ 'animation4' => __( 'Effect 5', 'premium-addons-for-elementor' ),
264
+ 'animation6' => __( 'Effect 6', 'premium-addons-for-elementor' ),
265
+ 'animation7' => __( 'Effect 7', 'premium-addons-for-elementor' ),
266
+ 'animation8' => __( 'Effect 8', 'premium-addons-for-elementor' ),
267
+ 'animation9' => __( 'Effect 9', 'premium-addons-for-elementor' ),
268
+ 'animation10' => __( 'Effect 10', 'premium-addons-for-elementor' ),
269
+ ),
270
+ )
271
+ );
272
+
273
+ $this->add_control(
274
+ 'premium_banner_active',
275
+ array(
276
+ 'label' => __( 'Always Hovered', 'premium-addons-for-elementor' ),
277
+ 'type' => Controls_Manager::SWITCHER,
278
+ )
279
+ );
280
+
281
+ $this->add_control(
282
+ 'premium_banner_hover_effect',
283
+ array(
284
+ 'label' => __( 'Hover Effect', 'premium-addons-for-elementor' ),
285
+ 'type' => Controls_Manager::SELECT,
286
+ 'options' => array(
287
+ 'none' => __( 'None', 'premium-addons-for-elementor' ),
288
+ 'zoomin' => __( 'Zoom In', 'premium-addons-for-elementor' ),
289
+ 'zoomout' => __( 'Zoom Out', 'premium-addons-for-elementor' ),
290
+ 'scale' => __( 'Scale', 'premium-addons-for-elementor' ),
291
+ 'grayscale' => __( 'Grayscale', 'premium-addons-for-elementor' ),
292
+ 'blur' => __( 'Blur', 'premium-addons-for-elementor' ),
293
+ 'bright' => __( 'Bright', 'premium-addons-for-elementor' ),
294
+ 'sepia' => __( 'Sepia', 'premium-addons-for-elementor' ),
295
+ ),
296
+ 'default' => 'none',
297
+ )
298
+ );
299
+
300
+ $this->add_control(
301
+ 'premium_banner_height',
302
+ array(
303
+ 'label' => __( 'Height', 'premium-addons-for-elementor' ),
304
+ 'type' => Controls_Manager::SELECT,
305
+ 'options' => array(
306
+ 'default' => __( 'Default', 'premium-addons-for-elementor' ),
307
+ 'custom' => __( 'Custom', 'premium-addons-for-elementor' ),
308
+ ),
309
+ 'default' => 'default',
310
+ )
311
+ );
312
+
313
+ $this->add_responsive_control(
314
+ 'premium_banner_custom_height',
315
+ array(
316
+ 'label' => __( 'Min Height', 'premium-addons-for-elementor' ),
317
+ 'type' => Controls_Manager::NUMBER,
318
+ 'condition' => array(
319
+ 'premium_banner_height' => 'custom',
320
+ ),
321
+ 'selectors' => array(
322
+ '{{WRAPPER}} .premium-banner-ib' => 'height: {{VALUE}}px;',
323
+ ),
324
+ )
325
+ );
326
+
327
+ $this->add_responsive_control(
328
+ 'premium_banner_img_vertical_align',
329
+ array(
330
+ 'label' => __( 'Vertical Align', 'premium-addons-for-elementor' ),
331
+ 'type' => Controls_Manager::SELECT,
332
+ 'condition' => array(
333
+ 'premium_banner_height' => 'custom',
334
+ ),
335
+ 'options' => array(
336
+ 'flex-start' => __( 'Top', 'premium-addons-for-elementor' ),
337
+ 'center' => __( 'Middle', 'premium-addons-for-elementor' ),
338
+ 'flex-end' => __( 'Bottom', 'premium-addons-for-elementor' ),
339
+ 'inherit' => __( 'Full', 'premium-addons-for-elementor' ),
340
+ ),
341
+ 'default' => 'flex-start',
342
+ 'selectors' => array(
343
+ '{{WRAPPER}} .premium-banner-img-wrap' => 'align-items: {{VALUE}}; -webkit-align-items: {{VALUE}};',
344
+ ),
345
+ )
346
+ );
347
+
348
+ $this->add_control(
349
+ 'mouse_tilt',
350
+ array(
351
+ 'label' => __( 'Enable Mouse Tilt', 'premium-addons-for-elementor' ),
352
+ 'type' => Controls_Manager::SWITCHER,
353
+ 'return_value' => 'true',
354
+ )
355
+ );
356
+
357
+ $this->add_control(
358
+ 'mouse_tilt_rev',
359
+ array(
360
+ 'label' => __( 'Reverse', 'premium-addons-for-elementor' ),
361
+ 'type' => Controls_Manager::SWITCHER,
362
+ 'return_value' => 'true',
363
+ 'condition' => array(
364
+ 'mouse_tilt' => 'true',
365
+ ),
366
+ )
367
+ );
368
+
369
+ $this->add_control(
370
+ 'premium_banner_extra_class',
371
+ array(
372
+ 'label' => __( 'Extra Class', 'premium-addons-for-elementor' ),
373
+ 'type' => Controls_Manager::TEXT,
374
+ 'dynamic' => array( 'active' => true ),
375
+ )
376
+ );
377
+
378
+ $this->end_controls_section();
379
+
380
+ $this->start_controls_section(
381
+ 'premium_banner_image_section',
382
+ array(
383
+ 'label' => __( 'Content', 'premium-addons-for-elementor' ),
384
+ )
385
+ );
386
+
387
+ $this->add_control(
388
+ 'premium_banner_title',
389
+ array(
390
+ 'label' => __( 'Title', 'premium-addons-for-elementor' ),
391
+ 'placeholder' => __( 'Give a title to this banner', 'premium-addons-for-elementor' ),
392
+ 'type' => Controls_Manager::TEXT,
393
+ 'dynamic' => array( 'active' => true ),
394
+ 'default' => __( 'Premium Banner', 'premium-addons-for-elementor' ),
395
+ 'label_block' => false,
396
+ )
397
+ );
398
+
399
+ $this->add_control(
400
+ 'premium_banner_title_tag',
401
+ array(
402
+ 'label' => __( 'HTML Tag', 'premium-addons-for-elementor' ),
403
+ 'type' => Controls_Manager::SELECT,
404
+ 'default' => 'h3',
405
+ 'options' => array(
406
+ 'h1' => 'H1',
407
+ 'h2' => 'H2',
408
+ 'h3' => 'H3',
409
+ 'h4' => 'H4',
410
+ 'h5' => 'H5',
411
+ 'h6' => 'H6',
412
+ 'div' => 'div',
413
+ 'span' => 'span',
414
+ 'p' => 'p',
415
+ ),
416
+ 'label_block' => true,
417
+ )
418
+ );
419
+
420
+ $this->add_control(
421
+ 'premium_banner_description_hint',
422
+ array(
423
+ 'label' => __( 'Description', 'premium-addons-for-elementor' ),
424
+ 'type' => Controls_Manager::HEADING,
425
+ )
426
+ );
427
+
428
+ $this->add_control(
429
+ 'premium_banner_description',
430
+ array(
431
+ 'label' => __( 'Description', 'premium-addons-for-elementor' ),
432
+ 'type' => Controls_Manager::WYSIWYG,
433
+ 'dynamic' => array( 'active' => true ),
434
+ 'default' => __( 'Premium Banner gives you a wide range of styles and options that you will definitely fall in love with', 'premium-addons-for-elementor' ),
435
+ 'label_block' => true,
436
+ )
437
+ );
438
+
439
+ $this->add_control(
440
+ 'premium_banner_link_switcher',
441
+ array(
442
+ 'label' => __( 'Button', 'premium-addons-for-elementor' ),
443
+ 'type' => Controls_Manager::SWITCHER,
444
+ 'condition' => array(
445
+ 'premium_banner_link_url_switch!' => 'yes',
446
+ ),
447
+ )
448
+ );
449
+
450
+ $this->add_control(
451
+ 'premium_banner_more_text',
452
+ array(
453
+ 'label' => __( 'Text', 'premium-addons-for-elementor' ),
454
+ 'type' => Controls_Manager::TEXT,
455
+ 'dynamic' => array( 'active' => true ),
456
+ 'default' => 'Click Here',
457
+ 'condition' => array(
458
+ 'premium_banner_link_switcher' => 'yes',
459
+ 'premium_banner_link_url_switch!' => 'yes',
460
+ ),
461
+ )
462
+ );
463
+
464
+ $this->add_control(
465
+ 'premium_banner_link_selection',
466
+ array(
467
+ 'label' => __( 'Link Type', 'premium-addons-for-elementor' ),
468
+ 'type' => Controls_Manager::SELECT,
469
+ 'options' => array(
470
+ 'url' => __( 'URL', 'premium-addons-for-elementor' ),
471
+ 'link' => __( 'Existing Page', 'premium-addons-for-elementor' ),
472
+ ),
473
+ 'default' => 'url',
474
+ 'label_block' => true,
475
+ 'condition' => array(
476
+ 'premium_banner_link_switcher' => 'yes',
477
+ 'premium_banner_link_url_switch!' => 'yes',
478
+ ),
479
+ )
480
+ );
481
+
482
+ $this->add_control(
483
+ 'premium_banner_link',
484
+ array(
485
+ 'label' => __( 'Link', 'premium-addons-for-elementor' ),
486
+ 'type' => Controls_Manager::URL,
487
+ 'dynamic' => array( 'active' => true ),
488
+ 'default' => array(
489
+ 'url' => '#',
490
+ ),
491
+ 'placeholder' => 'https://premiumaddons.com/',
492
+ 'label_block' => true,
493
+ 'condition' => array(
494
+ 'premium_banner_link_selection' => 'url',
495
+ 'premium_banner_link_switcher' => 'yes',
496
+ 'premium_banner_link_url_switch!' => 'yes',
497
+ ),
498
+ )
499
+ );
500
+
501
+ $this->add_control(
502
+ 'premium_banner_existing_link',
503
+ array(
504
+ 'label' => __( 'Existing Page', 'premium-addons-for-elementor' ),
505
+ 'type' => Controls_Manager::SELECT2,
506
+ 'options' => $this->getTemplateInstance()->get_all_posts(),
507
+ 'multiple' => false,
508
+ 'condition' => array(
509
+ 'premium_banner_link_selection' => 'link',
510
+ 'premium_banner_link_switcher' => 'yes',
511
+ 'premium_banner_link_url_switch!' => 'yes',
512
+ ),
513
+ 'label_block' => true,
514
+ )
515
+ );
516
+
517
+ $this->add_control(
518
+ 'premium_banner_title_text_align',
519
+ array(
520
+ 'label' => __( 'Alignment', 'premium-addons-for-elementor' ),
521
+ 'type' => Controls_Manager::CHOOSE,
522
+ 'options' => array(
523
+ 'left' => array(
524
+ 'title' => __( 'Left', 'premium-addons-for-elementor' ),
525
+ 'icon' => 'fa fa-align-left',
526
+ ),
527
+ 'center' => array(
528
+ 'title' => __( 'Center', 'premium-addons-for-elementor' ),
529
+ 'icon' => 'fa fa-align-center',
530
+ ),
531
+ 'right' => array(
532
+ 'title' => __( 'Right', 'premium-addons-for-elementor' ),
533
+ 'icon' => 'fa fa-align-right',
534
+ ),
535
+ ),
536
+ 'default' => 'left',
537
+ 'toggle' => false,
538
+ 'selectors' => array(
539
+ '{{WRAPPER}} .premium-banner-ib-title, {{WRAPPER}} .premium-banner-ib-content, {{WRAPPER}} .premium-banner-read-more' => 'text-align: {{VALUE}} ;',
540
+ ),
541
+ )
542
+ );
543
+
544
+ $this->end_controls_section();
545
+
546
+ $this->start_controls_section(
547
+ 'premium_banner_responsive_section',
548
+ array(
549
+ 'label' => __( 'Responsive', 'premium-addons-for-elementor' ),
550
+ )
551
+ );
552
+
553
+ $this->add_control(
554
+ 'premium_banner_responsive_switcher',
555
+ array(
556
+ 'label' => __( 'Responsive Controls', 'premium-addons-for-elementor' ),
557
+ 'type' => Controls_Manager::SWITCHER,
558
+ 'description' => __( 'If the description text is not suiting well on specific screen sizes, you may enable this option which will hide the description text.', 'premium-addons-for-elementor' ),
559
+ )
560
+ );
561
+
562
+ $this->add_control(
563
+ 'premium_banner_min_range',
564
+ array(
565
+ 'label' => __( 'Minimum Size', 'premium-addons-for-elementor' ),
566
+ 'type' => Controls_Manager::NUMBER,
567
+ 'description' => __( 'Note: minimum size for extra small screens is 1px.', 'premium-addons-for-elementor' ),
568
+ 'default' => 1,
569
+ 'condition' => array(
570
+ 'premium_banner_responsive_switcher' => 'yes',
571
+ ),
572
+ )
573
+ );
574
+
575
+ $this->add_control(
576
+ 'premium_banner_max_range',
577
+ array(
578
+ 'label' => __( 'Maximum Size', 'premium-addons-for-elementor' ),
579
+ 'type' => Controls_Manager::NUMBER,
580
+ 'description' => __( 'Note: maximum size for extra small screens is 767px.', 'premium-addons-for-elementor' ),
581
+ 'default' => 767,
582
+ 'condition' => array(
583
+ 'premium_banner_responsive_switcher' => 'yes',
584
+ ),
585
+ )
586
+ );
587
+
588
+ $this->end_controls_section();
589
+
590
+ $this->start_controls_section(
591
+ 'section_pa_docs',
592
+ array(
593
+ 'label' => __( 'Helpful Documentations', 'premium-addons-for-elementor' ),
594
+ )
595
+ );
596
+
597
+ $doc1_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'editor-page', 'wp-editor', 'get-support' );
598
+
599
+ $this->add_control(
600
+ 'doc_1',
601
+ array(
602
+ 'type' => Controls_Manager::RAW_HTML,
603
+ 'raw' => sprintf( '<a href="%s" target="_blank">%s</a>', $doc1_url, __( 'Gettings started »', 'premium-addons-for-elementor' ) ),
604
+ 'content_classes' => 'editor-pa-doc',
605
+ )
606
+ );
607
+
608
+ $this->end_controls_section();
609
+
610
+ $this->start_controls_section(
611
+ 'premium_banner_opacity_style',
612
+ array(
613
+ 'label' => __( 'General', 'premium-addons-for-elementor' ),
614
+ 'tab' => Controls_Manager::TAB_STYLE,
615
+ )
616
+ );
617
+
618
+ $this->add_control(
619
+ 'premium_banner_image_bg_color',
620
+ array(
621
+ 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
622
+ 'type' => Controls_Manager::COLOR,
623
+ 'selectors' => array(
624
+ '{{WRAPPER}} .premium-banner-ib' => 'background: {{VALUE}};',
625
+ ),
626
+ )
627
+ );
628
+
629
+ $this->add_control(
630
+ 'premium_banner_image_opacity',
631
+ array(
632
+ 'label' => __( 'Image Opacity', 'premium-addons-for-elementor' ),
633
+ 'type' => Controls_Manager::SLIDER,
634
+ 'default' => array(
635
+ 'size' => 1,
636
+ ),
637
+ 'range' => array(
638
+ 'px' => array(
639
+ 'min' => 0,
640
+ 'max' => 1,
641
+ 'step' => .1,
642
+ ),
643
+ ),
644
+ 'selectors' => array(
645
+ '{{WRAPPER}} .premium-banner-ib img' => 'opacity: {{SIZE}};',
646
+ ),
647
+ )
648
+ );
649
+
650
+ $this->add_control(
651
+ 'premium_banner_image_hover_opacity',
652
+ array(
653
+ 'label' => __( 'Hover Opacity', 'premium-addons-for-elementor' ),
654
+ 'type' => Controls_Manager::SLIDER,
655
+ 'default' => array(
656
+ 'size' => 1,
657
+ ),
658
+ 'range' => array(
659
+ 'px' => array(
660
+ 'min' => 0,
661
+ 'max' => 1,
662
+ 'step' => .1,
663
+ ),
664
+ ),
665
+ 'separator' => 'after',
666
+ 'selectors' => array(
667
+ '{{WRAPPER}} .premium-banner-ib img.active' => 'opacity: {{SIZE}};',
668
+ ),
669
+ )
670
+ );
671
+
672
+ $this->add_control(
673
+ 'premium_banner_title_border_width',
674
+ array(
675
+ 'label' => __( 'Hover Border Width', 'premium-addons-for-elementor' ),
676
+ 'type' => Controls_Manager::SLIDER,
677
+ 'size_units' => array( 'px', '%', 'em' ),
678
+ 'condition' => array(
679
+ 'premium_banner_image_animation' => array( 'animation13', 'animation9', 'animation10' ),
680
+ ),
681
+ 'selectors' => array(
682
+ '{{WRAPPER}} .premium-banner-animation13 .premium-banner-ib-title::after' => 'height: {{size}}{{unit}};',
683
+ '{{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::after' => 'height: {{size}}{{unit}};',
684
+ '{{WRAPPER}} .premium-banner-animation10 .premium-banner-ib-title::after' => 'height: {{size}}{{unit}};',
685
+ ),
686
+ )
687
+ );
688
+
689
+ $this->add_control(
690
+ 'premium_banner_style3_title_border',
691
+ array(
692
+ 'label' => __( 'Hover Border Color', 'premium-addons-for-elementor' ),
693
+ 'type' => Controls_Manager::COLOR,
694
+ 'condition' => array(
695
+ 'premium_banner_image_animation' => array( 'animation13', 'animation9', 'animation10' ),
696
+ ),
697
+ 'separator' => 'after',
698
+ 'selectors' => array(
699
+ '{{WRAPPER}} .premium-banner-animation13 .premium-banner-ib-title::after' => 'background: {{VALUE}};',
700
+ '{{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation9 .premium-banner-ib-desc::after' => 'background: {{VALUE}};',
701
+ '{{WRAPPER}} .premium-banner-animation10 .premium-banner-ib-title::after' => 'background: {{VALUE}};',
702
+ ),
703
+ )
704
+ );
705
+
706
+ $this->add_control(
707
+ 'premium_banner_inner_border_width',
708
+ array(
709
+ 'label' => __( 'Hover Border Width', 'premium-addons-for-elementor' ),
710
+ 'type' => Controls_Manager::SLIDER,
711
+ 'size_units' => array( 'px', '%', 'em' ),
712
+ 'condition' => array(
713
+ 'premium_banner_image_animation' => array( 'animation4', 'animation6', 'animation7', 'animation8' ),
714
+ ),
715
+ 'selectors' => array(
716
+ '{{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::after, {{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation6 .premium-banner-ib-desc::before' => 'border-width: {{size}}{{unit}};',
717
+ '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bleft, {{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bright , {{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bright,{{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bleft' => 'width: {{size}}{{unit}};',
718
+ '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-btop, {{WRAPPER}} .premium-banner-animation7 .premium-banner-br.premium-banner-bottom , {{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-bottom,{{WRAPPER}} .premium-banner-animation8 .premium-banner-br.premium-banner-btop ' => 'height: {{size}}{{unit}};',
719
+ ),
720
+ )
721
+ );
722
+
723
+ $this->add_control(
724
+ 'premium_banner_scaled_border_color',
725
+ array(
726
+ 'label' => __( 'Hover Border Color', 'premium-addons-for-elementor' ),
727
+ 'type' => Controls_Manager::COLOR,
728
+ 'condition' => array(
729
+ 'premium_banner_image_animation' => array( 'animation4', 'animation6', 'animation7', 'animation8' ),
730
+ ),
731
+ 'separator' => 'after',
732
+ 'selectors' => array(
733
+ '{{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::after, {{WRAPPER}} .premium-banner-animation4 .premium-banner-ib-desc::before, {{WRAPPER}} .premium-banner-animation6 .premium-banner-ib-desc::before' => 'border-color: {{VALUE}};',
734
+ '{{WRAPPER}} .premium-banner-animation7 .premium-banner-br, {{WRAPPER}} .premium-banner-animation8 .premium-banner-br' => 'background-color: {{VALUE}};',
735
+ ),
736
+ )
737
+ );
738
+
739
+ $this->add_group_control(
740
+ Group_Control_Css_Filter::get_type(),
741
+ array(
742
+ 'name' => 'css_filters',
743
+ 'selector' => '{{WRAPPER}} .premium-banner-ib img',
744
+ )
745
+ );
746
+
747
+ $this->add_group_control(
748
+ Group_Control_Css_Filter::get_type(),
749
+ array(
750
+ 'name' => 'hover_css_filters',
751
+ 'label' => __( 'Hover CSS Filters', 'premium-addons-for-elementor' ),
752
+ 'selector' => '{{WRAPPER}} .premium-banner-ib img.active',
753
+ )
754
+ );
755
+
756
+ $this->add_group_control(
757
+ Group_Control_Border::get_type(),
758
+ array(
759
+ 'name' => 'premium_banner_image_border',
760
+ 'selector' => '{{WRAPPER}} .premium-banner-ib',
761
+ )
762
+ );
763
+
764
+ $this->add_responsive_control(
765
+ 'premium_banner_image_border_radius',
766
+ array(
767
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
768
+ 'type' => Controls_Manager::SLIDER,
769
+ 'size_units' => array( 'px', '%', 'em' ),
770
+ 'selectors' => array(
771
+ '{{WRAPPER}} .premium-banner-ib' => 'border-radius: {{SIZE}}{{UNIT}};',
772
+ ),
773
+ )
774
+ );
775
+
776
+ $this->add_control(
777
+ 'blend_mode',
778
+ array(
779
+ 'label' => __( 'Blend Mode', 'elementor' ),
780
+ 'type' => Controls_Manager::SELECT,
781
+ 'options' => array(
782
+ '' => __( 'Normal', 'elementor' ),
783
+ 'multiply' => 'Multiply',
784
+ 'screen' => 'Screen',
785
+ 'overlay' => 'Overlay',
786
+ 'darken' => 'Darken',
787
+ 'lighten' => 'Lighten',
788
+ 'color-dodge' => 'Color Dodge',
789
+ 'saturation' => 'Saturation',
790
+ 'color' => 'Color',
791
+ 'luminosity' => 'Luminosity',
792
+ ),
793
+ 'separator' => 'before',
794
+ 'selectors' => array(
795
+ '{{WRAPPER}} .premium-banner-ib' => 'mix-blend-mode: {{VALUE}}',
796
+ ),
797
+ )
798
+ );
799
+
800
+ $this->end_controls_section();
801
+
802
+ $this->start_controls_section(
803
+ 'premium_banner_title_style',
804
+ array(
805
+ 'label' => __( 'Title', 'premium-addons-for-elementor' ),
806
+ 'tab' => Controls_Manager::TAB_STYLE,
807
+ )
808
+ );
809
+
810
+ $this->add_control(
811
+ 'premium_banner_color_of_title',
812
+ array(
813
+ 'label' => __( 'Color', 'premium-addons-for-elementor' ),
814
+ 'type' => Controls_Manager::COLOR,
815
+ 'scheme' => array(
816
+ 'type' => Scheme_Color::get_type(),
817
+ 'value' => Scheme_Color::COLOR_1,
818
+ ),
819
+ 'selectors' => array(
820
+ '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title' => 'color: {{VALUE}};',
821
+ ),
822
+ )
823
+ );
824
+
825
+ $this->add_group_control(
826
+ Group_Control_Typography::get_type(),
827
+ array(
828
+ 'name' => 'premium_banner_title_typography',
829
+ 'selector' => '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title',
830
+ 'scheme' => Scheme_Typography::TYPOGRAPHY_1,
831
+ )
832
+ );
833
+
834
+ $this->add_control(
835
+ 'premium_banner_style2_title_bg',
836
+ array(
837
+ 'label' => __( 'Background', 'premium-addons-for-elementor' ),
838
+ 'type' => Controls_Manager::COLOR,
839
+ 'default' => '#f2f2f2',
840
+ 'description' => __( 'Choose a background color for the title', 'premium-addons-for-elementor' ),
841
+ 'condition' => array(
842
+ 'premium_banner_image_animation' => 'animation5',
843
+ ),
844
+ 'selectors' => array(
845
+ '{{WRAPPER}} .premium-banner-animation5 .premium-banner-ib-desc' => 'background: {{VALUE}};',
846
+ ),
847
+ )
848
+ );
849
+
850
+ $this->add_group_control(
851
+ Group_Control_Text_Shadow::get_type(),
852
+ array(
853
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
854
+ 'name' => 'premium_banner_title_shadow',
855
+ 'selector' => '{{WRAPPER}} .premium-banner-ib-desc .premium_banner_title',
856
+ )
857
+ );
858
+
859
+ $this->add_responsive_control(
860
+ 'premium_banner_title_margin',
861
+ array(
862
+ 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
863
+ 'type' => Controls_Manager::DIMENSIONS,
864
+ 'size_units' => array( 'px', 'em', '%' ),
865
+ 'selectors' => array(
866
+ '{{WRAPPER}} .premium-banner-ib-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
867
+ ),
868
+ )
869
+ );
870
+
871
+ $this->end_controls_section();
872
+
873
+ $this->start_controls_section(
874
+ 'premium_banner_styles_of_content',
875
+ array(
876
+ 'label' => __( 'Description', 'premium-addons-for-elementor' ),
877
+ 'tab' => Controls_Manager::TAB_STYLE,
878
+ )
879
+ );
880
+
881
+ $this->add_control(
882
+ 'premium_banner_color_of_content',
883
+ array(
884
+ 'label' => __( 'Color', 'premium-addons-for-elementor' ),
885
+ 'type' => Controls_Manager::COLOR,
886
+ 'scheme' => array(
887
+ 'type' => Scheme_Color::get_type(),
888
+ 'value' => Scheme_Color::COLOR_3,
889
+ ),
890
+ 'selectors' => array(
891
+ '{{WRAPPER}} .premium-banner .premium_banner_content' => 'color: {{VALUE}};',
892
+ ),
893
+ )
894
+ );
895
+
896
+ $this->add_group_control(
897
+ Group_Control_Typography::get_type(),
898
+ array(
899
+ 'name' => 'premium_banner_content_typhography',
900
+ 'selector' => '{{WRAPPER}} .premium-banner .premium_banner_content',
901
+ 'scheme' => Scheme_Typography::TYPOGRAPHY_3,
902
+ )
903
+ );
904
+
905
+ $this->add_group_control(
906
+ Group_Control_Text_Shadow::get_type(),
907
+ array(
908
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
909
+ 'name' => 'premium_banner_description_shadow',
910
+ 'selector' => '{{WRAPPER}} .premium-banner .premium_banner_content',
911
+ )
912
+ );
913
+
914
+ $this->add_responsive_control(
915
+ 'premium_banner_desc_margin',
916
+ array(
917
+ 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
918
+ 'type' => Controls_Manager::DIMENSIONS,
919
+ 'size_units' => array( 'px', 'em', '%' ),
920
+ 'selectors' => array(
921
+ '{{WRAPPER}} .premium-banner-ib-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
922
+ ),
923
+ )
924
+ );
925
+
926
+ $this->end_controls_section();
927
+
928
+ $this->start_controls_section(
929
+ 'premium_banner_styles_of_button',
930
+ array(
931
+ 'label' => __( 'Button', 'premium-addons-for-elementor' ),
932
+ 'tab' => Controls_Manager::TAB_STYLE,
933
+ 'condition' => array(
934
+ 'premium_banner_link_switcher' => 'yes',
935
+ 'premium_banner_link_url_switch!' => 'yes',
936
+ ),
937
+ )
938
+ );
939
+
940
+ $this->add_control(
941
+ 'premium_banner_color_of_button',
942
+ array(
943
+ 'label' => __( 'Color', 'premium-addons-for-elementor' ),
944
+ 'type' => Controls_Manager::COLOR,
945
+ 'scheme' => array(
946
+ 'type' => Scheme_Color::get_type(),
947
+ 'value' => Scheme_Color::COLOR_3,
948
+ ),
949
+ 'selectors' => array(
950
+ '{{WRAPPER}} .premium-banner .premium-banner-link' => 'color: {{VALUE}};',
951
+ ),
952
+ )
953
+ );
954
+
955
+ $this->add_control(
956
+ 'premium_banner_hover_color_of_button',
957
+ array(
958
+ 'label' => __( 'Hover Color', 'premium-addons-for-elementor' ),
959
+ 'type' => Controls_Manager::COLOR,
960
+ 'scheme' => array(
961
+ 'type' => Scheme_Color::get_type(),
962
+ 'value' => Scheme_Color::COLOR_3,
963
+ ),
964
+ 'selectors' => array(
965
+ '{{WRAPPER}} .premium-banner .premium-banner-link:hover' => 'color: {{VALUE}};',
966
+ ),
967
+ )
968
+ );
969
+
970
+ $this->add_group_control(
971
+ Group_Control_Typography::get_type(),
972
+ array(
973
+ 'name' => 'premium_banner_button_typhography',
974
+ 'scheme' => Scheme_Typography::TYPOGRAPHY_3,
975
+ 'selector' => '{{WRAPPER}} .premium-banner-link',
976
+ )
977
+ );
978
+
979
+ $this->add_control(
980
+ 'premium_banner_backcolor_of_button',
981
+ array(
982
+ 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
983
+ 'type' => Controls_Manager::COLOR,
984
+ 'selectors' => array(
985
+ '{{WRAPPER}} .premium-banner .premium-banner-link' => 'background-color: {{VALUE}};',
986
+ ),
987
+ )
988
+ );
989
+
990
+ $this->add_control(
991
+ 'premium_banner_hover_backcolor_of_button',
992
+ array(
993
+ 'label' => __( 'Hover Background Color', 'premium-addons-for-elementor' ),
994
+ 'type' => Controls_Manager::COLOR,
995
+ 'selectors' => array(
996
+ '{{WRAPPER}} .premium-banner .premium-banner-link:hover' => 'background-color: {{VALUE}};',
997
+ ),
998
+ )
999
+ );
1000
+
1001
+ $this->add_group_control(
1002
+ Group_Control_Border::get_type(),
1003
+ array(
1004
+ 'name' => 'premium_banner_button_border',
1005
+ 'selector' => '{{WRAPPER}} .premium-banner .premium-banner-link',
1006
+ )
1007
+ );
1008
+
1009
+ $this->add_control(
1010
+ 'premium_banner_button_border_radius',
1011
+ array(
1012
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
1013
+ 'type' => Controls_Manager::SLIDER,
1014
+ 'size_units' => array( 'px', '%', 'em' ),
1015
+ 'selectors' => array(
1016
+ '{{WRAPPER}} .premium-banner-link' => 'border-radius: {{SIZE}}{{UNIT}};',
1017
+ ),
1018
+ )
1019
+ );
1020
+
1021
+ $this->add_group_control(
1022
+ Group_Control_Text_Shadow::get_type(),
1023
+ array(
1024
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
1025
+ 'name' => 'premium_banner_button_shadow',
1026
+ 'selector' => '{{WRAPPER}} .premium-banner .premium-banner-link',
1027
+ )
1028
+ );
1029
+
1030
+ $this->add_responsive_control(
1031
+ 'premium_banner_button_margin',
1032
+ array(
1033
+ 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
1034
+ 'type' => Controls_Manager::DIMENSIONS,
1035
+ 'size_units' => array( 'px', 'em', '%' ),
1036
+ 'selectors' => array(
1037
+ '{{WRAPPER}} .premium-banner-read-more' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1038
+ ),
1039
+ )
1040
+ );
1041
+
1042
+ $this->add_responsive_control(
1043
+ 'premium_banner_button_padding',
1044
+ array(
1045
+ 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
1046
+ 'type' => Controls_Manager::DIMENSIONS,
1047
+ 'size_units' => array( 'px', 'em', '%' ),
1048
+ 'selectors' => array(
1049
+ '{{WRAPPER}} .premium-banner-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1050
+ ),
1051
+ )
1052
+ );
1053
+
1054
+ $this->end_controls_section();
1055
+
1056
+ $this->start_controls_section(
1057
+ 'premium_banner_container_style',
1058
+ array(
1059
+ 'label' => __( 'Container', 'premium-addons-for-elementor' ),
1060
+ 'tab' => Controls_Manager::TAB_STYLE,
1061
+ )
1062
+ );
1063
+
1064
+ $this->add_group_control(
1065
+ Group_Control_Border::get_type(),
1066
+ array(
1067
+ 'name' => 'premium_banner_border',
1068
+ 'selector' => '{{WRAPPER}} .premium-banner',
1069
+ )
1070
+ );
1071
+
1072
+ $this->add_control(
1073
+ 'premium_banner_border_radius',
1074
+ array(
1075
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
1076
+ 'type' => Controls_Manager::DIMENSIONS,
1077
+ 'size_units' => array( 'px', '%', 'em' ),
1078
+ 'selectors' => array(
1079
+ '{{WRAPPER}} .premium-banner' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1080
+ ),
1081
+ )
1082
+ );
1083
+
1084
+ $this->add_group_control(
1085
+ Group_Control_Box_Shadow::get_type(),
1086
+ array(
1087
+ 'name' => 'premium_banner_shadow',
1088
+ 'selector' => '{{WRAPPER}} .premium-banner',
1089
+ )
1090
+ );
1091
+
1092
+ $this->end_controls_section();
1093
+
1094
+ }
1095
+
1096
+ /**
1097
+ * Render Banner widget output on the frontend.
1098
+ *
1099
+ * Written in PHP and used to generate the final HTML.
1100
+ *
1101
+ * @since 1.0.0
1102
+ * @access protected
1103
+ */
1104
+ protected function render() {
1105
+
1106
+ $settings = $this->get_settings_for_display();
1107
+
1108
+ $this->add_render_attribute( 'banner', 'id', 'premium-banner-' . $this->get_id() );
1109
+ $this->add_render_attribute( 'banner', 'class', 'premium-banner' );
1110
+
1111
+ if ( 'true' === $settings['mouse_tilt'] ) {
1112
+ $this->add_render_attribute( 'banner', 'data-box-tilt', 'true' );
1113
+ if ( 'true' === $settings['mouse_tilt_rev'] ) {
1114
+ $this->add_render_attribute( 'banner', 'data-box-tilt-reverse', 'true' );
1115
+ }
1116
+ }
1117
+
1118
+ $this->add_inline_editing_attributes( 'premium_banner_title' );
1119
+ $this->add_render_attribute(
1120
+ 'premium_banner_title',
1121
+ 'class',
1122
+ array(
1123
+ 'premium-banner-ib-title',
1124
+ 'premium_banner_title',
1125
+ )
1126
+ );
1127
+
1128
+ $this->add_inline_editing_attributes( 'premium_banner_description', 'advanced' );
1129
+
1130
+ $title_tag = $settings['premium_banner_title_tag'];
1131
+ $title = $settings['premium_banner_title'];
1132
+ $full_title = '<div class="premium-banner-title-wrap"><' . $title_tag . ' ' . $this->get_render_attribute_string( 'premium_banner_title' ) . '>' . $title . '</' . $title_tag . '></div>';
1133
+
1134
+ $link = 'yes' === $settings['premium_banner_image_link_switcher'] ? $settings['premium_banner_image_custom_link']['url'] : get_permalink( $settings['premium_banner_image_existing_page_link'] );
1135
+
1136
+ $link_title = 'yes' === $settings['premium_banner_link_url_switch'] ? $settings['premium_banner_link_title'] : '';
1137
+
1138
+ $open_new_tab = 'yes' === $settings['premium_banner_image_link_open_new_tab'] ? ' target="_blank"' : '';
1139
+ $nofollow_link = 'yes' === $settings['premium_banner_image_link_add_nofollow'] ? ' rel="nofollow"' : '';
1140
+ $full_link = '<a class="premium-banner-ib-link" href="' . $link . '" title="' . $link_title . '"' . $open_new_tab . $nofollow_link . '></a>';
1141
+ $animation_class = 'premium-banner-' . $settings['premium_banner_image_animation'];
1142
+ $hover_class = ' ' . $settings['premium_banner_hover_effect'];
1143
+ $extra_class = ! empty( $settings['premium_banner_extra_class'] ) ? ' ' . $settings['premium_banner_extra_class'] : '';
1144
+ $active = 'yes' === $settings['premium_banner_active'] ? ' active' : '';
1145
+ $full_class = $animation_class . $hover_class . $extra_class . $active;
1146
+ $min_size = $settings['premium_banner_min_range'] . 'px';
1147
+ $max_size = $settings['premium_banner_max_range'] . 'px';
1148
+
1149
+ $banner_url = 'url' === $settings['premium_banner_link_selection'] ? $settings['premium_banner_link']['url'] : get_permalink( $settings['premium_banner_existing_link'] );
1150
+
1151
+ $image_html = '';
1152
+
1153
+ if ( ! empty( $settings['premium_banner_image']['url'] ) ) {
1154
+
1155
+ $this->add_render_attribute(
1156
+ 'image',
1157
+ array(
1158
+ 'src' => $settings['premium_banner_image']['url'],
1159
+ 'alt' => Control_Media::get_image_alt( $settings['premium_banner_image'] ),
1160
+ 'title' => Control_Media::get_image_title( $settings['premium_banner_image'] ),
1161
+ )
1162
+ );
1163
+
1164
+ $image_html = Group_Control_Image_Size::get_attachment_image_html( $settings, 'thumbnail', 'premium_banner_image' );
1165
+
1166
+ }
1167
+
1168
+ ?>
1169
+ <div <?php echo wp_kses_post( $this->get_render_attribute_string( 'banner' ) ); ?>>
1170
+ <div class="premium-banner-ib <?php echo esc_attr( $full_class ); ?> premium-banner-min-height">
1171
+ <?php if ( ! empty( $settings['premium_banner_image']['url'] ) ) : ?>
1172
+ <?php if ( 'custom' === $settings['premium_banner_height'] ) : ?>
1173
+ <div class="premium-banner-img-wrap">
1174
+ <?php endif; ?>
1175
+ <?php echo wp_kses_post( $image_html ); ?>
1176
+ <?php if ( 'custom' === $settings['premium_banner_height'] ) : ?>
1177
+ </div>
1178
+ <?php endif;
1179
+ endif; ?>
1180
+ <div class="premium-banner-ib-desc">
1181
+ <?php if ( 'animation7' === $settings['premium_banner_image_animation'] || 'animation8' === $settings['premium_banner_image_animation'] ) : ?>
1182
+ <div class="premium-banner-border">
1183
+ <div class="premium-banner-br premium-banner-bleft premium-banner-brlr "></div>
1184
+ <div class="premium-banner-br premium-banner-bright premium-banner-brlr "></div>
1185
+ <div class="premium-banner-br premium-banner-btop premium-banner-brtb "></div>
1186
+ <div class="premium-banner-br premium-banner-bottom premium-banner-brtb "></div>
1187
+ </div>
1188
+ <?php endif; ?>
1189
+ <div class="premium-banner-desc-centered">
1190
+ <?php echo wp_kses_post( $full_title );
1191
+ if ( ! empty( $settings['premium_banner_description'] ) ) : ?>
1192
+ <div class="premium-banner-ib-content premium_banner_content">
1193
+ <div <?php echo wp_kses_post( $this->get_render_attribute_string( 'premium_banner_description' ) ); ?>>
1194
+ <?php echo wp_kses_post( $settings['premium_banner_description'] ); ?>
1195
+ </div>
1196
+ </div>
1197
+ <?php endif; ?>
1198
+ <?php if ( 'yes' === $settings['premium_banner_link_switcher'] && ! empty( $settings['premium_banner_more_text'] ) ) : ?>
1199
+ <div class="premium-banner-read-more">
1200
+ <a class="premium-banner-link"
1201
+ <?php
1202
+ if ( ! empty( $banner_url ) ) : ?>
1203
+ href="<?php echo esc_url( $banner_url ); ?>"<?php endif; ?>
1204
+ <?php if ( ! empty( $settings['premium_banner_link']['is_external'] ) ) : ?>
1205
+ target="_blank"
1206
+ <?php endif; ?>
1207
+ <?php if ( ! empty( $settings['premium_banner_link']['nofollow'] ) ) : ?>
1208
+ rel="nofollow"
1209
+ <?php endif; ?>>
1210
+ <?php echo esc_html( $settings['premium_banner_more_text'] ); ?>
1211
+ </a>
1212
+ </div>
1213
+ <?php endif; ?>
1214
+ </div>
1215
+ </div>
1216
+ <?php if ( 'yes' === $settings['premium_banner_link_url_switch'] && ( ! empty( $settings['premium_banner_image_custom_link']['url'] ) || ! empty( $settings['premium_banner_image_existing_page_link'] ) ) ) {
1217
+ echo wp_kses_post( $full_link );
1218
+ } ?>
1219
+ </div>
1220
+ <?php if ( 'yes' === $settings['premium_banner_responsive_switcher'] ) : ?>
1221
+ <style>
1222
+ @media( min-width: <?php echo wp_kses_post( $min_size ); ?> ) and (max-width:<?php echo wp_kses_post( $max_size ); ?> ) {
1223
+ #premium-banner-<?php echo esc_attr( $this->get_id() ); ?> .premium-banner-ib-content {
1224
+ display: none;
1225
+ }
1226
+ }
1227
+ </style>
1228
+ <?php endif; ?>
1229
+ </div>
1230
+ <?php
1231
+ }
1232
+
1233
+ /**
1234
+ * Render Banner widget output in the editor.
1235
+ *
1236
+ * Written as a Backbone JavaScript template and used to generate the live preview.
1237
+ *
1238
+ * @since 1.0.0
1239
+ * @access protected
1240
+ */
1241
+ protected function content_template() {
1242
+ ?>
1243
+ <#
1244
+
1245
+ view.addRenderAttribute( 'banner', 'id', 'premium-banner-' + view.getID() );
1246
+ view.addRenderAttribute( 'banner', 'class', 'premium-banner' );
1247
+
1248
+ if( 'true' === settings.mouse_tilt ) {
1249
+ view.addRenderAttribute( 'banner', 'data-box-tilt', 'true' );
1250
+ if( 'true' === settings.mouse_tilt_rev ) {
1251
+ view.addRenderAttribute( 'banner', 'data-box-tilt-reverse', 'true' );
1252
+ }
1253
+ }
1254
+
1255
+ var active = 'yes' === settings.premium_banner_active ? 'active' : '';
1256
+
1257
+ view.addRenderAttribute( 'banner_inner', 'class', [
1258
+ 'premium-banner-ib',
1259
+ 'premium-banner-min-height',
1260
+ 'premium-banner-' + settings.premium_banner_image_animation,
1261
+ settings.premium_banner_hover_effect,
1262
+ settings.premium_banner_extra_class,
1263
+ active
1264
+ ] );
1265
+
1266
+ var titleTag = settings.premium_banner_title_tag,
1267
+ title = settings.premium_banner_title;
1268
+
1269
+ view.addRenderAttribute( 'premium_banner_title', 'class', [
1270
+ 'premium-banner-ib-title',
1271
+ 'premium_banner_title'
1272
+ ] );
1273
+
1274
+ view.addInlineEditingAttributes( 'premium_banner_title' );
1275
+
1276
+ var description = settings.premium_banner_description;
1277
+
1278
+ view.addInlineEditingAttributes( 'description', 'advanced' );
1279
+
1280
+ var linkSwitcher = settings.premium_banner_link_switcher,
1281
+ readMore = settings.premium_banner_more_text,
1282
+ bannerUrl = 'url' === settings.premium_banner_link_selection ? settings.premium_banner_link.url : settings.premium_banner_existing_link;
1283
+
1284
+ var bannerLink = 'yes' === settings.premium_banner_image_link_switcher ? settings.premium_banner_image_custom_link.url : settings.premium_banner_image_existing_page_link,
1285
+ linkTitle = 'yes' === settings.premium_banner_link_url_switch ? settings.premium_banner_link_title : '';
1286
+
1287
+ var minSize = settings.premium_banner_min_range + 'px',
1288
+ maxSize = settings.premium_banner_max_range + 'px';
1289
+
1290
+ var imageHtml = '';
1291
+ if ( settings.premium_banner_image.url ) {
1292
+ var image = {
1293
+ id: settings.premium_banner_image.id,
1294
+ url: settings.premium_banner_image.url,
1295
+ size: settings.thumbnail_size,
1296
+ dimension: settings.thumbnail_custom_dimension,
1297
+ model: view.getEditModel()
1298
+ };
1299
+
1300
+ var image_url = elementor.imagesManager.getImageUrl( image );
1301
+
1302
+ imageHtml = '<img src="' + image_url + '"/>';
1303
+
1304
+ }
1305
+
1306
+ #>
1307
+
1308
+ <div {{{ view.getRenderAttributeString( 'banner' ) }}}>
1309
+ <div {{{ view.getRenderAttributeString( 'banner_inner' ) }}}>
1310
+ <# if( '' !== settings.premium_banner_image.url ) { #>
1311
+ <# if( 'custom' === settings.premium_banner_height ) { #>
1312
+ <div class="premium-banner-img-wrap">
1313
+ <# } #>
1314
+ {{{imageHtml}}}
1315
+ <# if( 'custom' === settings.premium_banner_height ) { #>
1316
+ </div>
1317
+ <# } #>
1318
+ <# } #>
1319
+ <div class="premium-banner-ib-desc">
1320
+ <# if (settings.premium_banner_image_animation ==='animation7' || settings.premium_banner_image_animation ==='animation8'){ #>
1321
+ <div class="premium-banner-border">
1322
+ <div class="premium-banner-br premium-banner-bleft premium-banner-brlr"></div>
1323
+ <div class="premium-banner-br premium-banner-bright premium-banner-brlr"></div>
1324
+ <div class="premium-banner-br premium-banner-btop premium-banner-brtb"></div>
1325
+ <div class="premium-banner-br premium-banner-bottom premium-banner-brtb"></div>
1326
+ </div>
1327
+ <# } #>
1328
+ <div class="premium-banner-desc-centered">
1329
+ <# if( '' !== title ) { #>
1330
+ <div class="premium-banner-title-wrap">
1331
+ <{{{titleTag}}} {{{ view.getRenderAttributeString('premium_banner_title') }}}>{{{ title }}}</{{{titleTag}}}>
1332
+ </div>
1333
+ <# } #>
1334
+ <# if( '' !== description ) { #>
1335
+ <div class="premium-banner-ib-content premium_banner_content">
1336
+ <div {{{ view.getRenderAttributeString( 'description' ) }}}>{{{ description }}}</div>
1337
+ </div>
1338
+ <# } #>
1339
+ <# if( 'yes' === linkSwitcher && '' !== readMore ) { #>
1340
+ <div class="premium-banner-read-more">
1341
+ <a class="premium-banner-link" href="{{ bannerUrl }}">{{{ readMore }}}</a>
1342
+ </div>
1343
+ <# } #>
1344
+ </div>
1345
+ </div>
1346
+ <# if( 'yes' === settings.premium_banner_link_url_switch && ( '' !== settings.premium_banner_image_custom_link.url || '' !== settings.premium_banner_image_existing_page_link ) ) { #>
1347
+ <a class="premium-banner-ib-link" href="{{ bannerLink }}" title="{{ linkTitle }}"></a>
1348
+ <# } #>
1349
+ </div>
1350
+ <# if( 'yes' === settings.premium_banner_responsive_switcher ) { #>
1351
+ <style>
1352
+ @media( min-width: {{minSize}} ) and ( max-width: {{maxSize}} ) {
1353
+ #premium-banner-{{ view.getID() }} .premium-banner-ib-content {
1354
+ display: none;
1355
+ }
1356
+ }
1357
+ </style>
1358
+ <# } #>
1359
+ </div>
1360
+ <?php
1361
+ }
1362
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
widgets/premium-maps.php CHANGED
@@ -124,7 +124,7 @@ class Premium_Maps extends Widget_Base {
124
  array(
125
  'label' => __( 'Find Latitude & Longitude', 'elementor' ),
126
  'type' => Controls_Manager::RAW_HTML,
127
- 'raw' => '<form onsubmit="getAddress(this);" action="javascript:void(0);"><input type="text" id="premium-map-get-address" class="premium-map-get-address" style="margin-top:10px; margin-bottom:10px;"><input type="submit" value="Search" class="elementor-button elementor-button-default" onclick="getAddress(this)"></form><div class="premium-address-result" style="margin-top:10px; line-height: 1.3; font-size: 12px;"></div>',
128
  'label_block' => true,
129
  'condition' => array(
130
  'premium_map_location_finder' => 'yes',
@@ -224,7 +224,7 @@ class Premium_Maps extends Widget_Base {
224
  array(
225
  'label' => __( 'Find Latitude & Longitude', 'elementor' ),
226
  'type' => Controls_Manager::RAW_HTML,
227
- 'raw' => '<form onsubmit="getPinAddress(this);" action="javascript:void(0);"><input type="text" id="premium-map-get-address" class="premium-map-get-address" style="margin-top:10px; margin-bottom:10px;"><input type="submit" value="Search" class="elementor-button elementor-button-default" onclick="getPinAddress(this)"></form><div class="premium-address-result" style="margin-top:10px; line-height: 1.3; font-size: 12px;"></div>',
228
  'label_block' => true,
229
  'condition' => array(
230
  'premium_map_pin_location_finder' => 'yes',
124
  array(
125
  'label' => __( 'Find Latitude & Longitude', 'elementor' ),
126
  'type' => Controls_Manager::RAW_HTML,
127
+ 'raw' => '<form onsubmit="getAddress(this);" action="javascript:void(0);"><input type="text" id="premium-map-get-address" class="premium-map-get-address" style="margin-top:10px; margin-bottom:10px;"><input type="submit" value="Search" class="elementor-button elementor-button-default" onclick="getAddress(this)"></form>',
128
  'label_block' => true,
129
  'condition' => array(
130
  'premium_map_location_finder' => 'yes',
224
  array(
225
  'label' => __( 'Find Latitude & Longitude', 'elementor' ),
226
  'type' => Controls_Manager::RAW_HTML,
227
+ 'raw' => '<form onsubmit="getPinAddress(this);" action="javascript:void(0);"><input type="text" id="premium-map-get-address" class="premium-map-get-address" style="margin-top:10px; margin-bottom:10px;"><input type="submit" value="Search" class="elementor-button elementor-button-default" onclick="getPinAddress(this)"></form>',
228
  'label_block' => true,
229
  'condition' => array(
230
  'premium_map_pin_location_finder' => 'yes',
widgets/premium-vscroll.php CHANGED
@@ -1,1100 +1,1116 @@
1
- <?php
2
-
3
- /**
4
- * Premium Vertical Scroll.
5
- */
6
- namespace PremiumAddons\Widgets;
7
-
8
- // Elementor Classes.
9
- use Elementor\Widget_Base;
10
- use Elementor\Controls_Manager;
11
- use Elementor\Repeater;
12
- use Elementor\Scheme_Color;
13
- use Elementor\Scheme_Typography;
14
- use Elementor\Group_Control_Border;
15
- use Elementor\Group_Control_Typography;
16
- use Elementor\Group_Control_Box_Shadow;
17
-
18
- // PremiumAddons Classes.
19
- use PremiumAddons\Includes\Helper_Functions;
20
- use PremiumAddons\Includes\Premium_Template_Tags;
21
-
22
- if ( ! defined( 'ABSPATH' ) ) {
23
- exit(); // If this file is called directly, abort.
24
- }
25
-
26
- /**
27
- * Class Premium_Vscroll
28
- */
29
- class Premium_Vscroll extends Widget_Base {
30
-
31
- public function getTemplateInstance() {
32
- return $this->templateInstance = Premium_Template_Tags::getInstance();
33
- }
34
-
35
- public function get_name() {
36
- return 'premium-vscroll';
37
- }
38
-
39
- public function get_title() {
40
- return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __( 'Vertical Scroll', 'premium-addons-for-elementor' ) );
41
- }
42
-
43
- public function get_icon() {
44
- return 'pa-vscroll';
45
- }
46
-
47
- public function get_categories() {
48
- return array( 'premium-elements' );
49
- }
50
-
51
- public function get_style_depends() {
52
- return array(
53
- 'premium-addons',
54
- );
55
- }
56
-
57
- public function get_script_depends() {
58
- return array(
59
- 'iscroll-js',
60
- 'slimscroll-js',
61
- 'vscroll-js',
62
- );
63
- }
64
-
65
- public function is_reload_preview_required() {
66
- return true;
67
- }
68
-
69
- public function get_custom_help_url() {
70
- return 'https://premiumaddons.com/support/';
71
- }
72
-
73
- /**
74
- * Register Video Box controls.
75
- *
76
- * @since 2.7.4
77
- * @access protected
78
- */
79
- protected function _register_controls() {
80
-
81
- $this->start_controls_section(
82
- 'content_templates',
83
- array(
84
- 'label' => __( 'Content', 'premium-addons-for-elementor' ),
85
- )
86
- );
87
-
88
- $this->add_control(
89
- 'template_height_hint',
90
- array(
91
- 'label' => '<span style="line-height: 1.4em;"><b>Important<br></b></span><ul style="line-height: 1.2"><li>1- Section Height needs to be set to default.</li><li>2- It\'s recommended that templates be the same height.</li><li>3- For navigation menu, you will need to add navigation menu items first</li></ul>',
92
- 'type' => Controls_Manager::RAW_HTML,
93
-
94
- )
95
- );
96
-
97
- $this->add_control(
98
- 'content_type',
99
- array(
100
- 'label' => __( 'Content Type', 'premium-addons-for-elementor' ),
101
- 'type' => Controls_Manager::SELECT,
102
- 'description' => __( 'Choose which method you prefer to insert sections.', 'premium-addons-for-elementor' ),
103
- 'options' => array(
104
- 'templates' => __( 'Elementor Templates', 'premium-addons-for-elementor' ),
105
- 'ids' => __( 'Section ID', 'premium-addons-for-elementor' ),
106
- ),
107
- 'default' => 'templates',
108
- 'label_block' => true,
109
- )
110
- );
111
-
112
- $temp_repeater = new REPEATER();
113
-
114
- $temp_repeater->add_control(
115
- 'section_template',
116
- array(
117
- 'label' => __( 'Elementor Template', 'premium-addons-for-elementor' ),
118
- 'type' => Controls_Manager::SELECT2,
119
- 'options' => $this->getTemplateInstance()->get_elementor_page_list(),
120
- 'multiple' => false,
121
- 'label_block' => true,
122
- )
123
- );
124
-
125
- $temp_repeater->add_control(
126
- 'template_id',
127
- array(
128
- 'label' => __( 'Section ID', 'premium-addons-for-elementor' ),
129
- 'type' => Controls_Manager::TEXT,
130
- 'description' => __( 'Use this option to add unique ID to your template section', 'premium-addons-for-elementor' ),
131
- 'dynamic' => array( 'active' => true ),
132
- )
133
- );
134
-
135
- $this->add_control(
136
- 'section_repeater',
137
- array(
138
- 'label' => __( 'Sections', 'premium-addons-for-elementor' ),
139
- 'type' => Controls_Manager::REPEATER,
140
- 'fields' => $temp_repeater->get_controls(),
141
- 'condition' => array(
142
- 'content_type' => 'templates',
143
- ),
144
- 'title_field' => '{{{ section_template }}}',
145
- )
146
- );
147
-
148
- $id_repeater = new REPEATER();
149
-
150
- $id_repeater->add_control(
151
- 'section_id',
152
- array(
153
- 'label' => __( 'Section ID', 'premium-addons-for-elementor' ),
154
- 'type' => Controls_Manager::TEXT,
155
- 'dynamic' => array( 'active' => true ),
156
- )
157
- );
158
-
159
- $this->add_control(
160
- 'id_repeater',
161
- array(
162
- 'label' => __( 'Sections', 'premium-addons-for-elementor' ),
163
- 'type' => Controls_Manager::REPEATER,
164
- 'fields' => $id_repeater->get_controls(),
165
- 'condition' => array(
166
- 'content_type' => 'ids',
167
- ),
168
- 'title_field' => '{{{ section_id }}}',
169
- )
170
- );
171
-
172
- $this->end_controls_section();
173
-
174
- $this->start_controls_section(
175
- 'nav_menu',
176
- array(
177
- 'label' => __( 'Navigation', 'premium-addons-for-elementor' ),
178
- )
179
- );
180
-
181
- $this->add_control(
182
- 'nav_menu_switch',
183
- array(
184
- 'label' => __( 'Navigation Menu', 'premium-addons-for-elementor' ),
185
- 'type' => Controls_Manager::SWITCHER,
186
- 'description' => __( 'This option works only on the frontend', 'premium-addons-for-elementor' ),
187
- )
188
- );
189
-
190
- $this->add_control(
191
- 'navigation_menu_pos',
192
- array(
193
- 'label' => __( 'Position', 'premium-addons-for-elementor' ),
194
- 'type' => Controls_Manager::SELECT,
195
- 'options' => array(
196
- 'left' => __( 'Left', 'premium-addons-for-elementor' ),
197
- 'right' => __( 'Right', 'premium-addons-for-elementor' ),
198
- ),
199
- 'default' => 'left',
200
- 'condition' => array(
201
- 'nav_menu_switch' => 'yes',
202
- ),
203
- )
204
- );
205
-
206
- $this->add_responsive_control(
207
- 'navigation_menu_pos_offset_top',
208
- array(
209
- 'label' => __( 'Offset Top', 'premium-addons-for-elementor' ),
210
- 'type' => Controls_Manager::SLIDER,
211
- 'size_units' => array( 'px', '%', 'em' ),
212
- 'selectors' => array(
213
- '{{WRAPPER}} .premium-vscroll-nav-menu' => 'top: {{SIZE}}{{UNIT}};',
214
- ),
215
- 'condition' => array(
216
- 'nav_menu_switch' => 'yes',
217
- ),
218
- )
219
- );
220
-
221
- $this->add_responsive_control(
222
- 'navigation_menu_pos_offset_left',
223
- array(
224
- 'label' => __( 'Offset Left', 'premium-addons-for-elementor' ),
225
- 'type' => Controls_Manager::SLIDER,
226
- 'size_units' => array( 'px', '%', 'em' ),
227
- 'selectors' => array(
228
- '{{WRAPPER}} .premium-vscroll-nav-menu.left' => 'left: {{SIZE}}{{UNIT}};',
229
- ),
230
- 'condition' => array(
231
- 'nav_menu_switch' => 'yes',
232
- 'navigation_menu_pos' => 'left',
233
- ),
234
- )
235
- );
236
-
237
- $this->add_responsive_control(
238
- 'navigation_menu_pos_offset_right',
239
- array(
240
- 'label' => __( 'Offset Right', 'premium-addons-for-elementor' ),
241
- 'type' => Controls_Manager::SLIDER,
242
- 'size_units' => array( 'px', '%', 'em' ),
243
- 'selectors' => array(
244
- '{{WRAPPER}} .premium-vscroll-nav-menu.right' => 'right: {{SIZE}}{{UNIT}};',
245
- ),
246
- 'condition' => array(
247
- 'nav_menu_switch' => 'yes',
248
- 'navigation_menu_pos' => 'right',
249
- ),
250
- )
251
- );
252
-
253
- $nav_repeater = new REPEATER();
254
-
255
- $nav_repeater->add_control(
256
- 'nav_menu_item',
257
- array(
258
- 'label' => __( 'List Item', 'premium-addons-for-elementor' ),
259
- 'type' => Controls_Manager::TEXT,
260
- 'dynamic' => array( 'active' => true ),
261
- )
262
- );
263
-
264
- $this->add_control(
265
- 'nav_menu_repeater',
266
- array(
267
- 'label' => __( 'Menu Items', 'premium-addons-for-elementor' ),
268
- 'type' => Controls_Manager::REPEATER,
269
- 'fields' => $nav_repeater->get_controls(),
270
- 'title_field' => '{{{ nav_menu_item }}}',
271
- 'condition' => array(
272
- 'nav_menu_switch' => 'yes',
273
- ),
274
- )
275
- );
276
-
277
- $this->add_control(
278
- 'navigation_dots',
279
- array(
280
- 'label' => __( 'Navigation Dots', 'premium-addons-for-elementor' ),
281
- 'type' => Controls_Manager::SWITCHER,
282
- 'default' => 'yes',
283
- 'separator' => 'before',
284
- 'prefix_class' => 'premium-vscroll-nav-dots-',
285
- )
286
- );
287
-
288
- $this->add_control(
289
- 'navigation_dots_pos',
290
- array(
291
- 'label' => __( 'Horizontal Position', 'premium-addons-for-elementor' ),
292
- 'type' => Controls_Manager::SELECT,
293
- 'options' => array(
294
- 'left' => __( 'Left', 'premium-addons-for-elementor' ),
295
- 'right' => __( 'Right', 'premium-addons-for-elementor' ),
296
- ),
297
- 'default' => 'right',
298
- 'condition' => array(
299
- 'navigation_dots' => 'yes',
300
- ),
301
- )
302
- );
303
-
304
- $this->add_control(
305
- 'navigation_dots_v_pos',
306
- array(
307
- 'label' => __( 'Vertical Position', 'premium-addons-for-elementor' ),
308
- 'type' => Controls_Manager::SELECT,
309
- 'options' => array(
310
- 'top' => __( 'Top', 'premium-addons-for-elementor' ),
311
- 'middle' => __( 'Middle', 'premium-addons-for-elementor' ),
312
- 'bottom' => __( 'Bottom', 'premium-addons-for-elementor' ),
313
- ),
314
- 'default' => 'middle',
315
- 'condition' => array(
316
- 'navigation_dots' => 'yes',
317
- ),
318
- )
319
- );
320
-
321
- $this->add_control(
322
- 'dots_shape',
323
- array(
324
- 'label' => __( 'Shape', 'premium-addons-for-elementor' ),
325
- 'type' => Controls_Manager::SELECT,
326
- 'options' => array(
327
- 'circ' => __( 'Circles', 'premium-addons-for-elementor' ),
328
- 'lines' => __( 'Lines', 'premium-addons-for-elementor' ),
329
- ),
330
- 'default' => 'circ',
331
- 'condition' => array(
332
- 'navigation_dots' => 'yes',
333
- ),
334
- )
335
- );
336
-
337
- $this->add_control(
338
- 'dots_tooltips_switcher',
339
- array(
340
- 'label' => __( 'Tooltips Text', 'premium-addons-for-elementor' ),
341
- 'type' => Controls_Manager::SWITCHER,
342
- 'default' => 'yes',
343
- 'condition' => array(
344
- 'navigation_dots' => 'yes',
345
- ),
346
- )
347
- );
348
-
349
- $this->add_control(
350
- 'dots_tooltips',
351
- array(
352
- 'label' => __( 'Dots Tooltips Text', 'premium-addons-for-elementor' ),
353
- 'type' => Controls_Manager::TEXT,
354
- 'dynamic' => array( 'active' => true ),
355
- 'description' => __( 'Add text for each navigation dot separated by \',\'', 'premium-addons-for-elementor' ),
356
- 'condition' => array(
357
- 'navigation_dots' => 'yes',
358
- 'dots_tooltips_switcher' => 'yes',
359
- ),
360
- )
361
- );
362
-
363
- $this->add_control(
364
- 'dots_animation',
365
- array(
366
- 'label' => __( 'Entrance Animation', 'premium-addons-for-elementor' ),
367
- 'type' => Controls_Manager::ANIMATION,
368
- 'frontend_available' => true,
369
- 'render_type' => 'template',
370
- 'condition' => array(
371
- 'navigation_dots' => 'yes',
372
- ),
373
- )
374
- );
375
-
376
- $this->add_control(
377
- 'dots_animation_duration',
378
- array(
379
- 'label' => __( 'Animation Duration', 'premium-addons-for-elementor' ),
380
- 'type' => Controls_Manager::SELECT,
381
- 'default' => '',
382
- 'options' => array(
383
- 'slow' => __( 'Slow', 'premium-addons-for-elementor' ),
384
- '' => __( 'Normal', 'premium-addons-for-elementor' ),
385
- 'fast' => __( 'Fast', 'premium-addons-for-elementor' ),
386
- ),
387
- 'condition' => array(
388
- 'navigation_dots' => 'yes',
389
- 'dots_animation!' => '',
390
- ),
391
- )
392
- );
393
-
394
- $this->end_controls_section();
395
-
396
- $this->start_controls_section(
397
- 'advanced_settings',
398
- array(
399
- 'label' => __( 'Scroll Settings', 'premium-addons-for-elementor' ),
400
- )
401
- );
402
-
403
- $this->add_control(
404
- 'scroll_speed',
405
- array(
406
- 'label' => __( 'Scroll Speed', 'premium-addons-for-elementor' ),
407
- 'type' => Controls_Manager::NUMBER,
408
- 'description' => __( 'Set scolling speed in seconds, default: 0.7', 'premium-addons-for-elementor' ),
409
- )
410
- );
411
-
412
- $this->add_control(
413
- 'scroll_offset',
414
- array(
415
- 'label' => __( 'Scroll Offset', 'premium-addons-for-elementor' ),
416
- 'type' => Controls_Manager::NUMBER,
417
- )
418
- );
419
-
420
- $this->add_control(
421
- 'full_section',
422
- array(
423
- 'label' => __( 'Full Section Scroll', 'premium-addons-for-elementor' ),
424
- 'type' => Controls_Manager::SWITCHER,
425
- 'default' => 'yes',
426
- )
427
- );
428
-
429
- $this->add_control(
430
- 'save_state',
431
- array(
432
- 'label' => __( 'Save to Browser History', 'premium-addons-for-elementor' ),
433
- 'type' => Controls_Manager::SWITCHER,
434
- 'description' => __( 'Enabling this option will save the current section ID to the browser history', 'premium-addons-for-elementor' ),
435
- 'default' => 'yes',
436
- )
437
- );
438
-
439
- $this->add_control(
440
- 'full_section_touch',
441
- array(
442
- 'label' => __( 'Enable Full Section Scroll on Touch Devices', 'premium-addons-for-elementor' ),
443
- 'type' => Controls_Manager::SWITCHER,
444
- 'condition' => array(
445
- 'full_section' => 'yes',
446
- ),
447
- )
448
- );
449
-
450
- $this->end_controls_section();
451
-
452
- $this->start_controls_section(
453
- 'section_pa_docs',
454
- array(
455
- 'label' => __( 'Helpful Documentations', 'premium-addons-for-elementor' ),
456
- )
457
- );
458
-
459
- $this->add_control(
460
- 'doc_1',
461
- array(
462
- 'type' => Controls_Manager::RAW_HTML,
463
- 'raw' => sprintf( __( '%1$s How to create an Elementor template to be used in Premium Vertical Scroll » %2$s', 'premium-addons-for-elementor' ), '<a href="https://premiumaddons.com/docs/how-to-create-elementor-template-to-be-used-with-premium-addons/?utm_source=pa-dashboard&utm_medium=pa-editor&utm_campaign=pa-plugin" target="_blank" rel="noopener">', '</a>' ),
464
- 'content_classes' => 'editor-pa-doc',
465
- )
466
- );
467
-
468
- $this->end_controls_section();
469
-
470
- $this->start_controls_section(
471
- 'navigation_style',
472
- array(
473
- 'label' => __( 'Navigation Dots', 'premium-addons-for-elementor' ),
474
- 'tab' => CONTROLS_MANAGER::TAB_STYLE,
475
- 'condition' => array(
476
- 'navigation_dots' => 'yes',
477
- ),
478
- )
479
- );
480
-
481
- $this->start_controls_tabs( 'navigation_style_tabs' );
482
-
483
- $this->start_controls_tab(
484
- 'tooltips_style_tab',
485
- array(
486
- 'label' => __( 'Tooltips', 'premium-addons-for-elementor' ),
487
- 'condition' => array(
488
- 'dots_tooltips_switcher' => 'yes',
489
- ),
490
- )
491
- );
492
-
493
- $this->add_control(
494
- 'tooltips_color',
495
- array(
496
- 'label' => __( 'Tooltips Text Color', 'premium-addons-for-elementor' ),
497
- 'type' => Controls_Manager::COLOR,
498
- 'scheme' => array(
499
- 'type' => Scheme_Color::get_type(),
500
- 'value' => Scheme_Color::COLOR_1,
501
- ),
502
- 'selectors' => array(
503
- '{{WRAPPER}} .premium-vscroll-tooltip' => 'color: {{VALUE}};',
504
- ),
505
- 'condition' => array(
506
- 'dots_tooltips_switcher' => 'yes',
507
- ),
508
- )
509
- );
510
-
511
- $this->add_group_control(
512
- Group_Control_Typography::get_type(),
513
- array(
514
- 'name' => 'tooltips_typography',
515
- 'scheme' => Scheme_Typography::TYPOGRAPHY_1,
516
- 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip span',
517
- 'condition' => array(
518
- 'dots_tooltips_switcher' => 'yes',
519
- ),
520
- )
521
- );
522
-
523
- $this->add_control(
524
- 'tooltips_background',
525
- array(
526
- 'label' => __( 'Tooltips Background', 'premium-addons-for-elementor' ),
527
- 'type' => Controls_Manager::COLOR,
528
- 'scheme' => array(
529
- 'type' => Scheme_Color::get_type(),
530
- 'value' => Scheme_Color::COLOR_1,
531
- ),
532
- 'selectors' => array(
533
- '{{WRAPPER}} .premium-vscroll-tooltip' => 'background-color: {{VALUE}};',
534
- '{{WRAPPER}} .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after' => 'border-left-color: {{VALUE}}',
535
- '{{WRAPPER}} .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after' => 'border-right-color: {{VALUE}}',
536
- ),
537
- 'condition' => array(
538
- 'dots_tooltips_switcher' => 'yes',
539
- ),
540
- )
541
- );
542
-
543
- $this->add_group_control(
544
- Group_Control_Border::get_type(),
545
- array(
546
- 'name' => 'tooltips_border',
547
- 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip',
548
- 'condition' => array(
549
- 'dots_tooltips_switcher' => 'yes',
550
- ),
551
- )
552
- );
553
-
554
- $this->add_control(
555
- 'tooltips_border_radius',
556
- array(
557
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
558
- 'type' => Controls_Manager::SLIDER,
559
- 'size_units' => array( 'px', 'em', '%' ),
560
- 'selectors' => array(
561
- '{{WRAPPER}} .premium-vscroll-tooltip' => 'border-radius: {{SIZE}}{{UNIT}};',
562
- ),
563
- 'condition' => array(
564
- 'dots_tooltips_switcher' => 'yes',
565
- ),
566
- )
567
- );
568
-
569
- $this->add_group_control(
570
- Group_Control_Box_Shadow::get_type(),
571
- array(
572
- 'name' => 'tooltips_shadow',
573
- 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip',
574
- 'condition' => array(
575
- 'dots_tooltips_switcher' => 'yes',
576
- ),
577
- )
578
- );
579
-
580
- $this->add_responsive_control(
581
- 'tooltips_margin',
582
- array(
583
- 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
584
- 'type' => Controls_Manager::DIMENSIONS,
585
- 'size_units' => array( 'px', 'em', '%' ),
586
- 'selectors' => array(
587
- '{{WRAPPER}} .premium-vscroll-tooltip' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
588
- ),
589
- 'condition' => array(
590
- 'dots_tooltips_switcher' => 'yes',
591
- ),
592
- )
593
- );
594
-
595
- $this->add_responsive_control(
596
- 'tooltips_padding',
597
- array(
598
- 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
599
- 'type' => Controls_Manager::DIMENSIONS,
600
- 'size_units' => array( 'px', 'em', '%' ),
601
- 'selectors' => array(
602
- '{{WRAPPER}} .premium-vscroll-tooltip' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
603
- ),
604
- 'condition' => array(
605
- 'dots_tooltips_switcher' => 'yes',
606
- ),
607
- )
608
- );
609
-
610
- $this->end_controls_tab();
611
-
612
- $this->start_controls_tab(
613
- 'dots_style_tab',
614
- array(
615
- 'label' => __( 'Dots', 'premium-addons-for-elementor' ),
616
- )
617
- );
618
-
619
- $this->add_control(
620
- 'dots_color',
621
- array(
622
- 'label' => __( 'Dots Color', 'premium-addons-for-elementor' ),
623
- 'type' => Controls_Manager::COLOR,
624
- 'scheme' => array(
625
- 'type' => Scheme_Color::get_type(),
626
- 'value' => Scheme_Color::COLOR_1,
627
- ),
628
- 'selectors' => array(
629
- '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'background-color: {{VALUE}};',
630
- ),
631
- )
632
- );
633
-
634
- $this->add_control(
635
- 'active_dot_color',
636
- array(
637
- 'label' => __( 'Active Dot Color', 'premium-addons-for-elementor' ),
638
- 'type' => Controls_Manager::COLOR,
639
- 'scheme' => array(
640
- 'type' => Scheme_Color::get_type(),
641
- 'value' => Scheme_Color::COLOR_2,
642
- ),
643
- 'selectors' => array(
644
- '{{WRAPPER}} .premium-vscroll-dots li.active .premium-vscroll-nav-link span' => 'background-color: {{VALUE}};',
645
- ),
646
- )
647
- );
648
-
649
- $this->add_control(
650
- 'dots_border_color',
651
- array(
652
- 'label' => __( 'Dots Border Color', 'premium-addons-for-elementor' ),
653
- 'type' => Controls_Manager::COLOR,
654
- 'scheme' => array(
655
- 'type' => Scheme_Color::get_type(),
656
- 'value' => Scheme_Color::COLOR_2,
657
- ),
658
- 'selectors' => array(
659
- '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'border-color: {{VALUE}};',
660
- ),
661
- )
662
- );
663
-
664
- $this->add_responsive_control(
665
- 'dots_border_radius',
666
- array(
667
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
668
- 'type' => Controls_Manager::DIMENSIONS,
669
- 'size_units' => array( 'px', 'em', '%' ),
670
- 'selectors' => array(
671
- '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
672
- ),
673
- )
674
- );
675
-
676
- $this->end_controls_tab();
677
-
678
- $this->start_controls_tab(
679
- 'container_style_tab',
680
- array(
681
- 'label' => __( 'Container', 'premium-addons-for-elementor' ),
682
- )
683
- );
684
-
685
- $this->add_control(
686
- 'navigation_background',
687
- array(
688
- 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
689
- 'type' => Controls_Manager::COLOR,
690
- 'scheme' => array(
691
- 'type' => Scheme_Color::get_type(),
692
- 'value' => Scheme_Color::COLOR_1,
693
- ),
694
- 'selectors' => array(
695
- '{{WRAPPER}} .premium-vscroll-dots' => 'background-color: {{VALUE}}',
696
- ),
697
- )
698
- );
699
-
700
- $this->add_control(
701
- 'navigation_border_radius',
702
- array(
703
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
704
- 'type' => Controls_Manager::SLIDER,
705
- 'size_units' => array( 'px', 'em', '%' ),
706
- 'selectors' => array(
707
- '{{WRAPPER}} .premium-vscroll-dots' => 'border-radius: {{SIZE}}{{UNIT}};',
708
- ),
709
- )
710
- );
711
-
712
- $this->add_group_control(
713
- Group_Control_Box_Shadow::get_type(),
714
- array(
715
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
716
- 'name' => 'navigation_box_shadow',
717
- 'selector' => '{{WRAPPER}} .premium-vscroll-dots',
718
- )
719
- );
720
-
721
- $this->end_controls_tab();
722
-
723
- $this->end_controls_tabs();
724
-
725
- $this->end_controls_section();
726
-
727
- $this->start_controls_section(
728
- 'navigation_menu_style',
729
- array(
730
- 'label' => __( 'Navigation Menu', 'premium-addons-for-elementor' ),
731
- 'tab' => CONTROLS_MANAGER::TAB_STYLE,
732
- 'condition' => array(
733
- 'nav_menu_switch' => 'yes',
734
- ),
735
- )
736
- );
737
-
738
- $this->add_group_control(
739
- Group_Control_Typography::get_type(),
740
- array(
741
- 'name' => 'navigation_items_typography',
742
- 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link',
743
- )
744
- );
745
-
746
- $this->start_controls_tabs( 'navigation_menu_style_tabs' );
747
-
748
- $this->start_controls_tab(
749
- 'normal_style_tab',
750
- array(
751
- 'label' => __( 'Normal', 'premium-addons-for-elementor' ),
752
- )
753
- );
754
-
755
- $this->add_control(
756
- 'normal_color',
757
- array(
758
- 'label' => __( 'Text Color', 'premium-addons-for-elementor' ),
759
- 'type' => Controls_Manager::COLOR,
760
- 'scheme' => array(
761
- 'type' => Scheme_Color::get_type(),
762
- 'value' => Scheme_Color::COLOR_1,
763
- ),
764
- 'selectors' => array(
765
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link' => 'color: {{VALUE}}',
766
- ),
767
- )
768
- );
769
-
770
- $this->add_control(
771
- 'normal_hover_color',
772
- array(
773
- 'label' => __( 'Text Hover Color', 'premium-addons-for-elementor' ),
774
- 'type' => Controls_Manager::COLOR,
775
- 'scheme' => array(
776
- 'type' => Scheme_Color::get_type(),
777
- 'value' => Scheme_Color::COLOR_1,
778
- ),
779
- 'selectors' => array(
780
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover' => 'color: {{VALUE}}',
781
- ),
782
- )
783
- );
784
-
785
- $this->add_control(
786
- 'normal_background',
787
- array(
788
- 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
789
- 'type' => Controls_Manager::COLOR,
790
- 'scheme' => array(
791
- 'type' => Scheme_Color::get_type(),
792
- 'value' => Scheme_Color::COLOR_2,
793
- ),
794
- 'selectors' => array(
795
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'background-color: {{VALUE}}',
796
- ),
797
- )
798
- );
799
-
800
- $this->add_group_control(
801
- Group_Control_Box_Shadow::get_type(),
802
- array(
803
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
804
- 'name' => 'normal_shadow',
805
- 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item',
806
- )
807
- );
808
-
809
- $this->end_controls_tab();
810
-
811
- $this->start_controls_tab(
812
- 'active_style_tab',
813
- array(
814
- 'label' => __( 'Active', 'premium-addons-for-elementor' ),
815
- )
816
- );
817
-
818
- $this->add_control(
819
- 'active_color',
820
- array(
821
- 'label' => __( 'Text Color', 'premium-addons-for-elementor' ),
822
- 'type' => Controls_Manager::COLOR,
823
- 'scheme' => array(
824
- 'type' => Scheme_Color::get_type(),
825
- 'value' => Scheme_Color::COLOR_2,
826
- ),
827
- 'selectors' => array(
828
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active .premium-vscroll-nav-link' => 'color: {{VALUE}}',
829
- ),
830
- )
831
- );
832
-
833
- $this->add_control(
834
- 'active_hover_color',
835
- array(
836
- 'label' => __( 'Text Hover Color', 'premium-addons-for-elementor' ),
837
- 'type' => Controls_Manager::COLOR,
838
- 'scheme' => array(
839
- 'type' => Scheme_Color::get_type(),
840
- 'value' => Scheme_Color::COLOR_2,
841
- ),
842
- 'selectors' => array(
843
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active .premium-vscroll-nav-link:hover' => 'color: {{VALUE}}',
844
- ),
845
- )
846
- );
847
-
848
- $this->add_control(
849
- 'active_background',
850
- array(
851
- 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
852
- 'type' => Controls_Manager::COLOR,
853
- 'scheme' => array(
854
- 'type' => Scheme_Color::get_type(),
855
- 'value' => Scheme_Color::COLOR_1,
856
- ),
857
- 'selectors' => array(
858
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active' => 'background-color: {{VALUE}}',
859
- ),
860
- )
861
- );
862
-
863
- $this->add_group_control(
864
- Group_Control_Box_Shadow::get_type(),
865
- array(
866
- 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
867
- 'name' => 'active_shadow',
868
- 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active',
869
- )
870
- );
871
-
872
- $this->end_controls_tabs();
873
-
874
- $this->add_group_control(
875
- Group_Control_Border::get_type(),
876
- array(
877
- 'name' => 'navigation_items_border',
878
- 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item',
879
- 'separator' => 'before',
880
- )
881
- );
882
-
883
- $this->add_control(
884
- 'navigation_items_border_radius',
885
- array(
886
- 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
887
- 'type' => Controls_Manager::SLIDER,
888
- 'size_units' => array( 'px', 'em', '%' ),
889
- 'selectors' => array(
890
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'border-radius: {{SIZE}}{{UNIT}};',
891
- ),
892
- )
893
- );
894
-
895
- $this->add_responsive_control(
896
- 'navigation_items_margin',
897
- array(
898
- 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
899
- 'type' => Controls_Manager::DIMENSIONS,
900
- 'size_units' => array( 'px', 'em', '%' ),
901
- 'selectors' => array(
902
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
903
- ),
904
- )
905
- );
906
-
907
- $this->add_responsive_control(
908
- 'navigation_items_padding',
909
- array(
910
- 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
911
- 'type' => Controls_Manager::DIMENSIONS,
912
- 'size_units' => array( 'px', 'em', '%' ),
913
- 'selectors' => array(
914
- '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
915
- ),
916
- )
917
- );
918
-
919
- $this->end_controls_section();
920
-
921
- }
922
-
923
- /**
924
- * Render vertical scroll widget output on the frontend.
925
- *
926
- * Written in PHP and used to generate the final HTML.
927
- *
928
- * @since 2.7.4
929
- * @access protected
930
- */
931
- protected function render() {
932
-
933
- $settings = $this->get_settings_for_display();
934
-
935
- $id = $this->get_id();
936
-
937
- $dots_text = explode( ',', $settings['dots_tooltips'] );
938
-
939
- $this->add_render_attribute( 'vertical_scroll_wrapper', 'class', 'premium-vscroll-wrap' );
940
-
941
- $this->add_render_attribute( 'vertical_scroll_wrapper', 'id', 'premium-vscroll-wrap-' . $id );
942
-
943
- $this->add_render_attribute( 'vertical_scroll_inner', 'class', 'premium-vscroll-inner' );
944
-
945
- $this->add_render_attribute( 'vertical_scroll_inner', 'id', 'premium-vscroll-' . $id );
946
-
947
- $this->add_render_attribute(
948
- 'vertical_scroll_dots',
949
- 'class',
950
- array(
951
- 'premium-vscroll-dots',
952
- 'premium-vscroll-dots-hide',
953
- $settings['navigation_dots_pos'],
954
- $settings['navigation_dots_v_pos'],
955
- $settings['dots_shape'],
956
- )
957
- );
958
-
959
- if ( '' !== $settings['dots_animation'] ) {
960
- $this->add_render_attribute( 'vertical_scroll_dots', 'class', 'elementor-invisible' );
961
- }
962
-
963
- $this->add_render_attribute( 'vertical_scroll_dots_list', 'class', array( 'premium-vscroll-dots-list' ) );
964
-
965
- $this->add_render_attribute(
966
- 'vertical_scroll_menu',
967
- array(
968
- 'id' => 'premium-vscroll-nav-menu-' . $id,
969
- 'class' => array(
970
- 'premium-vscroll-nav-menu',
971
- $settings['navigation_menu_pos'],
972
- ),
973
- )
974
- );
975
-
976
- $this->add_render_attribute(
977
- 'vertical_scroll_sections_wrap',
978
- array(
979
- 'class' => 'premium-vscroll-sections-wrap',
980
- 'id' => 'premium-vscroll-sections-wrap-' . $id,
981
- )
982
- );
983
-
984
- $vscroll_settings = array(
985
- 'id' => $id,
986
- 'speed' => ! empty( $settings['scroll_speed'] ) ? $settings['scroll_speed'] * 1000 : 700,
987
- 'offset' => ! empty( $settings['scroll_offset'] ) ? $settings['scroll_offset'] : 0,
988
- 'tooltips' => 'yes' == $settings['dots_tooltips_switcher'] ? true : false,
989
- 'dotsText' => $dots_text,
990
- 'dotsPos' => $settings['navigation_dots_pos'],
991
- 'dotsVPos' => $settings['navigation_dots_v_pos'],
992
- 'fullSection' => 'yes' == $settings['full_section'] ? true : false,
993
- 'fullTouch' => 'yes' == $settings['full_section_touch'] ? true : false,
994
- 'addToHistory' => 'yes' == $settings['save_state'] ? true : false,
995
- 'animation' => $settings['dots_animation'],
996
- 'duration' => $settings['dots_animation_duration'],
997
- );
998
-
999
- $templates = 'templates' === $settings['content_type'] ? $settings['section_repeater'] : $settings['id_repeater'];
1000
-
1001
- $nav_items = $settings['nav_menu_repeater'];
1002
-
1003
- ?>
1004
-
1005
- <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_wrapper' ); ?> data-settings='<?php echo wp_json_encode( $vscroll_settings ); ?>'>
1006
- <?php if ( 'yes' == $settings['nav_menu_switch'] ) : ?>
1007
- <ul <?php echo $this->get_render_attribute_string( 'vertical_scroll_menu' ); ?>>
1008
- <?php
1009
- foreach ( $nav_items as $index => $item ) :
1010
- $section_id = $this->get_template_id( $index );
1011
- ?>
1012
- <li class="premium-vscroll-nav-item" data-menuanchor="<?php echo esc_attr( $section_id ); ?>">
1013
- <div class="premium-vscroll-nav-link">
1014
- <?php echo $item['nav_menu_item']; ?>
1015
- </div>
1016
- </li>
1017
- <?php endforeach; ?>
1018
- </ul>
1019
- <?php endif; ?>
1020
- <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_inner' ); ?>>
1021
- <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_dots' ); ?>>
1022
- <ul <?php echo $this->get_render_attribute_string( 'vertical_scroll_dots_list' ); ?>>
1023
- <?php
1024
- foreach ( $templates as $index => $section ) :
1025
- $section_id = $this->get_template_id( $index );
1026
- ?>
1027
- <li data-index="<?php echo $index; ?>" data-menuanchor="<?php echo esc_attr( $section_id ); ?>" class="premium-vscroll-dot-item"><div class="premium-vscroll-nav-link"><span></span></div></li>
1028
- <?php endforeach; ?>
1029
- </ul>
1030
- </div>
1031
- <?php if ( 'templates' === $settings['content_type'] ) : ?>
1032
- <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_sections_wrap' ); ?>>
1033
-
1034
- <?php
1035
- foreach ( $templates as $index => $section ) :
1036
- $section_id = $this->get_template_id( $index );
1037
-
1038
- $this->add_render_attribute(
1039
- 'section_' . $index,
1040
- array(
1041
- 'id' => $section_id,
1042
- 'class' => array(
1043
- 'premium-vscroll-temp',
1044
- 'premium-vscroll-temp-' . $id,
1045
- ),
1046
- )
1047
- );
1048
- ?>
1049
- <div <?php echo $this->get_render_attribute_string( 'section_' . $index ); ?>>
1050
- <?php
1051
- $template_title = $section['section_template'];
1052
- echo $this->getTemplateInstance()->get_template_content( $template_title );
1053
- ?>
1054
- </div>
1055
- <?php endforeach; ?>
1056
- </div>
1057
- <?php endif; ?>
1058
- </div>
1059
- </div>
1060
-
1061
- <?php
1062
- }
1063
-
1064
- /**
1065
- * Get template ID
1066
- *
1067
- * @since 3.21.0
1068
- * @access protected
1069
- *
1070
- * @param string $index template index
1071
- *
1072
- * @return string $id template ID
1073
- */
1074
- protected function get_template_id( $index ) {
1075
-
1076
- $settings = $this->get_settings_for_display();
1077
-
1078
- $checkType = 'templates' === $settings['content_type'] ? true : false;
1079
-
1080
- $templates = $checkType ? $settings['section_repeater'] : $settings['id_repeater'];
1081
-
1082
- if ( ! $checkType ) {
1083
-
1084
- $id = $templates[ $index ]['section_id'];
1085
-
1086
- return $id;
1087
- }
1088
-
1089
- $widget_id = $this->get_id();
1090
-
1091
- $id = 'section_' . $widget_id . $index;
1092
-
1093
- if ( ! empty( $templates[ $index ]['template_id'] ) ) {
1094
- $id = $templates[ $index ]['template_id'];
1095
- }
1096
-
1097
- return $id;
1098
-
1099
- }
1100
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /**
4
+ * Premium Vertical Scroll.
5
+ */
6
+ namespace PremiumAddons\Widgets;
7
+
8
+ // Elementor Classes.
9
+ use Elementor\Widget_Base;
10
+ use Elementor\Controls_Manager;
11
+ use Elementor\Repeater;
12
+ use Elementor\Scheme_Color;
13
+ use Elementor\Scheme_Typography;
14
+ use Elementor\Group_Control_Border;
15
+ use Elementor\Group_Control_Typography;
16
+ use Elementor\Group_Control_Box_Shadow;
17
+
18
+ // PremiumAddons Classes.
19
+ use PremiumAddons\Includes\Helper_Functions;
20
+ use PremiumAddons\Includes\Premium_Template_Tags;
21
+
22
+ if ( ! defined( 'ABSPATH' ) ) {
23
+ exit(); // If this file is called directly, abort.
24
+ }
25
+
26
+ /**
27
+ * Class Premium_Vscroll
28
+ */
29
+ class Premium_Vscroll extends Widget_Base {
30
+
31
+ public function getTemplateInstance() {
32
+ return $this->templateInstance = Premium_Template_Tags::getInstance();
33
+ }
34
+
35
+ public function get_name() {
36
+ return 'premium-vscroll';
37
+ }
38
+
39
+ public function get_title() {
40
+ return sprintf( '%1$s %2$s', Helper_Functions::get_prefix(), __( 'Vertical Scroll', 'premium-addons-for-elementor' ) );
41
+ }
42
+
43
+ public function get_icon() {
44
+ return 'pa-vscroll';
45
+ }
46
+
47
+ public function get_categories() {
48
+ return array( 'premium-elements' );
49
+ }
50
+
51
+ public function get_style_depends() {
52
+ return array(
53
+ 'premium-addons',
54
+ );
55
+ }
56
+
57
+ public function get_script_depends() {
58
+ return array(
59
+ 'iscroll-js',
60
+ 'slimscroll-js',
61
+ 'vscroll-js',
62
+ );
63
+ }
64
+
65
+ public function is_reload_preview_required() {
66
+ return true;
67
+ }
68
+
69
+ public function get_custom_help_url() {
70
+ return 'https://premiumaddons.com/support/';
71
+ }
72
+
73
+ /**
74
+ * Register Video Box controls.
75
+ *
76
+ * @since 2.7.4
77
+ * @access protected
78
+ */
79
+ protected function _register_controls() {
80
+
81
+ $this->start_controls_section(
82
+ 'content_templates',
83
+ array(
84
+ 'label' => __( 'Content', 'premium-addons-for-elementor' ),
85
+ )
86
+ );
87
+
88
+ $this->add_control(
89
+ 'template_height_hint',
90
+ array(
91
+ 'label' => '<span style="line-height: 1.4em;"><b>Important<br></b></span><ul style="line-height: 1.2"><li>1- Section Height needs to be set to default.</li><li>2- It\'s recommended that templates be the same height.</li><li>3- For navigation menu, you will need to add navigation menu items first</li></ul>',
92
+ 'type' => Controls_Manager::RAW_HTML,
93
+
94
+ )
95
+ );
96
+
97
+ $this->add_control(
98
+ 'content_type',
99
+ array(
100
+ 'label' => __( 'Content Type', 'premium-addons-for-elementor' ),
101
+ 'type' => Controls_Manager::SELECT,
102
+ 'description' => __( 'Choose which method you prefer to insert sections.', 'premium-addons-for-elementor' ),
103
+ 'options' => array(
104
+ 'templates' => __( 'Elementor Templates', 'premium-addons-for-elementor' ),
105
+ 'ids' => __( 'Section ID', 'premium-addons-for-elementor' ),
106
+ ),
107
+ 'default' => 'templates',
108
+ 'label_block' => true,
109
+ )
110
+ );
111
+
112
+ $temp_repeater = new REPEATER();
113
+
114
+ $temp_repeater->add_control(
115
+ 'section_template',
116
+ array(
117
+ 'label' => __( 'Elementor Template', 'premium-addons-for-elementor' ),
118
+ 'type' => Controls_Manager::SELECT2,
119
+ 'options' => $this->getTemplateInstance()->get_elementor_page_list(),
120
+ 'multiple' => false,
121
+ 'label_block' => true,
122
+ )
123
+ );
124
+
125
+ $temp_repeater->add_control(
126
+ 'template_id',
127
+ array(
128
+ 'label' => __( 'Section ID', 'premium-addons-for-elementor' ),
129
+ 'type' => Controls_Manager::TEXT,
130
+ 'description' => __( 'Use this option to add unique ID to your template section', 'premium-addons-for-elementor' ),
131
+ 'dynamic' => array( 'active' => true ),
132
+ )
133
+ );
134
+
135
+ $this->add_control(
136
+ 'section_repeater',
137
+ array(
138
+ 'label' => __( 'Sections', 'premium-addons-for-elementor' ),
139
+ 'type' => Controls_Manager::REPEATER,
140
+ 'fields' => $temp_repeater->get_controls(),
141
+ 'condition' => array(
142
+ 'content_type' => 'templates',
143
+ ),
144
+ 'title_field' => '{{{ section_template }}}',
145
+ )
146
+ );
147
+
148
+ $id_repeater = new REPEATER();
149
+
150
+ $id_repeater->add_control(
151
+ 'section_id',
152
+ array(
153
+ 'label' => __( 'Section ID', 'premium-addons-for-elementor' ),
154
+ 'type' => Controls_Manager::TEXT,
155
+ 'dynamic' => array( 'active' => true ),
156
+ )
157
+ );
158
+
159
+ $this->add_control(
160
+ 'id_repeater',
161
+ array(
162
+ 'label' => __( 'Sections', 'premium-addons-for-elementor' ),
163
+ 'type' => Controls_Manager::REPEATER,
164
+ 'fields' => $id_repeater->get_controls(),
165
+ 'condition' => array(
166
+ 'content_type' => 'ids',
167
+ ),
168
+ 'title_field' => '{{{ section_id }}}',
169
+ )
170
+ );
171
+
172
+ $this->end_controls_section();
173
+
174
+ $this->start_controls_section(
175
+ 'nav_menu',
176
+ array(
177
+ 'label' => __( 'Navigation', 'premium-addons-for-elementor' ),
178
+ )
179
+ );
180
+
181
+ $this->add_control(
182
+ 'nav_menu_switch',
183
+ array(
184
+ 'label' => __( 'Navigation Menu', 'premium-addons-for-elementor' ),
185
+ 'type' => Controls_Manager::SWITCHER,
186
+ 'description' => __( 'This option works only on the frontend', 'premium-addons-for-elementor' ),
187
+ )
188
+ );
189
+
190
+ $this->add_control(
191
+ 'navigation_menu_pos',
192
+ array(
193
+ 'label' => __( 'Position', 'premium-addons-for-elementor' ),
194
+ 'type' => Controls_Manager::SELECT,
195
+ 'options' => array(
196
+ 'left' => __( 'Left', 'premium-addons-for-elementor' ),
197
+ 'right' => __( 'Right', 'premium-addons-for-elementor' ),
198
+ ),
199
+ 'default' => 'left',
200
+ 'condition' => array(
201
+ 'nav_menu_switch' => 'yes',
202
+ ),
203
+ )
204
+ );
205
+
206
+ $this->add_responsive_control(
207
+ 'navigation_menu_pos_offset_top',
208
+ array(
209
+ 'label' => __( 'Offset Top', 'premium-addons-for-elementor' ),
210
+ 'type' => Controls_Manager::SLIDER,
211
+ 'size_units' => array( 'px', '%', 'em' ),
212
+ 'selectors' => array(
213
+ '{{WRAPPER}} .premium-vscroll-nav-menu' => 'top: {{SIZE}}{{UNIT}};',
214
+ ),
215
+ 'condition' => array(
216
+ 'nav_menu_switch' => 'yes',
217
+ ),
218
+ )
219
+ );
220
+
221
+ $this->add_responsive_control(
222
+ 'navigation_menu_pos_offset_left',
223
+ array(
224
+ 'label' => __( 'Offset Left', 'premium-addons-for-elementor' ),
225
+ 'type' => Controls_Manager::SLIDER,
226
+ 'size_units' => array( 'px', '%', 'em' ),
227
+ 'selectors' => array(
228
+ '{{WRAPPER}} .premium-vscroll-nav-menu.left' => 'left: {{SIZE}}{{UNIT}};',
229
+ ),
230
+ 'condition' => array(
231
+ 'nav_menu_switch' => 'yes',
232
+ 'navigation_menu_pos' => 'left',
233
+ ),
234
+ )
235
+ );
236
+
237
+ $this->add_responsive_control(
238
+ 'navigation_menu_pos_offset_right',
239
+ array(
240
+ 'label' => __( 'Offset Right', 'premium-addons-for-elementor' ),
241
+ 'type' => Controls_Manager::SLIDER,
242
+ 'size_units' => array( 'px', '%', 'em' ),
243
+ 'selectors' => array(
244
+ '{{WRAPPER}} .premium-vscroll-nav-menu.right' => 'right: {{SIZE}}{{UNIT}};',
245
+ ),
246
+ 'condition' => array(
247
+ 'nav_menu_switch' => 'yes',
248
+ 'navigation_menu_pos' => 'right',
249
+ ),
250
+ )
251
+ );
252
+
253
+ $nav_repeater = new REPEATER();
254
+
255
+ $nav_repeater->add_control(
256
+ 'nav_menu_item',
257
+ array(
258
+ 'label' => __( 'List Item', 'premium-addons-for-elementor' ),
259
+ 'type' => Controls_Manager::TEXT,
260
+ 'dynamic' => array( 'active' => true ),
261
+ )
262
+ );
263
+
264
+ $this->add_control(
265
+ 'nav_menu_repeater',
266
+ array(
267
+ 'label' => __( 'Menu Items', 'premium-addons-for-elementor' ),
268
+ 'type' => Controls_Manager::REPEATER,
269
+ 'fields' => $nav_repeater->get_controls(),
270
+ 'title_field' => '{{{ nav_menu_item }}}',
271
+ 'condition' => array(
272
+ 'nav_menu_switch' => 'yes',
273
+ ),
274
+ )
275
+ );
276
+
277
+ $this->add_control(
278
+ 'navigation_dots',
279
+ array(
280
+ 'label' => __( 'Navigation Dots', 'premium-addons-for-elementor' ),
281
+ 'type' => Controls_Manager::SWITCHER,
282
+ 'default' => 'yes',
283
+ 'separator' => 'before',
284
+ 'prefix_class' => 'premium-vscroll-nav-dots-',
285
+ )
286
+ );
287
+
288
+ $this->add_control(
289
+ 'navigation_dots_pos',
290
+ array(
291
+ 'label' => __( 'Horizontal Position', 'premium-addons-for-elementor' ),
292
+ 'type' => Controls_Manager::SELECT,
293
+ 'options' => array(
294
+ 'left' => __( 'Left', 'premium-addons-for-elementor' ),
295
+ 'right' => __( 'Right', 'premium-addons-for-elementor' ),
296
+ ),
297
+ 'default' => 'right',
298
+ 'condition' => array(
299
+ 'navigation_dots' => 'yes',
300
+ ),
301
+ )
302
+ );
303
+
304
+ $this->add_control(
305
+ 'navigation_dots_v_pos',
306
+ array(
307
+ 'label' => __( 'Vertical Position', 'premium-addons-for-elementor' ),
308
+ 'type' => Controls_Manager::SELECT,
309
+ 'options' => array(
310
+ 'top' => __( 'Top', 'premium-addons-for-elementor' ),
311
+ 'middle' => __( 'Middle', 'premium-addons-for-elementor' ),
312
+ 'bottom' => __( 'Bottom', 'premium-addons-for-elementor' ),
313
+ ),
314
+ 'default' => 'middle',
315
+ 'condition' => array(
316
+ 'navigation_dots' => 'yes',
317
+ ),
318
+ )
319
+ );
320
+
321
+ $this->add_control(
322
+ 'dots_shape',
323
+ array(
324
+ 'label' => __( 'Shape', 'premium-addons-for-elementor' ),
325
+ 'type' => Controls_Manager::SELECT,
326
+ 'options' => array(
327
+ 'circ' => __( 'Circles', 'premium-addons-for-elementor' ),
328
+ 'lines' => __( 'Lines', 'premium-addons-for-elementor' ),
329
+ ),
330
+ 'default' => 'circ',
331
+ 'condition' => array(
332
+ 'navigation_dots' => 'yes',
333
+ ),
334
+ )
335
+ );
336
+
337
+ $this->add_control(
338
+ 'dots_tooltips_switcher',
339
+ array(
340
+ 'label' => __( 'Tooltips Text', 'premium-addons-for-elementor' ),
341
+ 'type' => Controls_Manager::SWITCHER,
342
+ 'default' => 'yes',
343
+ 'condition' => array(
344
+ 'navigation_dots' => 'yes',
345
+ ),
346
+ )
347
+ );
348
+
349
+ $this->add_control(
350
+ 'dots_tooltips',
351
+ array(
352
+ 'label' => __( 'Dots Tooltips Text', 'premium-addons-for-elementor' ),
353
+ 'type' => Controls_Manager::TEXT,
354
+ 'dynamic' => array( 'active' => true ),
355
+ 'description' => __( 'Add text for each navigation dot separated by \',\'', 'premium-addons-for-elementor' ),
356
+ 'condition' => array(
357
+ 'navigation_dots' => 'yes',
358
+ 'dots_tooltips_switcher' => 'yes',
359
+ ),
360
+ )
361
+ );
362
+
363
+ $this->add_control(
364
+ 'dots_animation',
365
+ array(
366
+ 'label' => __( 'Entrance Animation', 'premium-addons-for-elementor' ),
367
+ 'type' => Controls_Manager::ANIMATION,
368
+ 'frontend_available' => true,
369
+ 'render_type' => 'template',
370
+ 'condition' => array(
371
+ 'navigation_dots' => 'yes',
372
+ ),
373
+ )
374
+ );
375
+
376
+ $this->add_control(
377
+ 'dots_animation_duration',
378
+ array(
379
+ 'label' => __( 'Animation Duration', 'premium-addons-for-elementor' ),
380
+ 'type' => Controls_Manager::SELECT,
381
+ 'default' => '',
382
+ 'options' => array(
383
+ 'slow' => __( 'Slow', 'premium-addons-for-elementor' ),
384
+ '' => __( 'Normal', 'premium-addons-for-elementor' ),
385
+ 'fast' => __( 'Fast', 'premium-addons-for-elementor' ),
386
+ ),
387
+ 'condition' => array(
388
+ 'navigation_dots' => 'yes',
389
+ 'dots_animation!' => '',
390
+ ),
391
+ )
392
+ );
393
+
394
+ $this->end_controls_section();
395
+
396
+ $this->start_controls_section(
397
+ 'advanced_settings',
398
+ array(
399
+ 'label' => __( 'Scroll Settings', 'premium-addons-for-elementor' ),
400
+ )
401
+ );
402
+
403
+ $this->add_control(
404
+ 'scroll_speed',
405
+ array(
406
+ 'label' => __( 'Scroll Speed', 'premium-addons-for-elementor' ),
407
+ 'type' => Controls_Manager::NUMBER,
408
+ 'description' => __( 'Set scolling speed in seconds, default: 0.7', 'premium-addons-for-elementor' ),
409
+ )
410
+ );
411
+
412
+ $this->add_control(
413
+ 'scroll_offset',
414
+ array(
415
+ 'label' => __( 'Scroll Offset', 'premium-addons-for-elementor' ),
416
+ 'type' => Controls_Manager::NUMBER,
417
+ )
418
+ );
419
+
420
+ $this->add_control(
421
+ 'full_section',
422
+ array(
423
+ 'label' => __( 'Full Section Scroll', 'premium-addons-for-elementor' ),
424
+ 'type' => Controls_Manager::SWITCHER,
425
+ 'default' => 'yes',
426
+ )
427
+ );
428
+
429
+ $this->add_control(
430
+ 'save_state',
431
+ array(
432
+ 'label' => __( 'Save to Browser History', 'premium-addons-for-elementor' ),
433
+ 'type' => Controls_Manager::SWITCHER,
434
+ 'description' => __( 'Enabling this option will save the current section ID to the browser history', 'premium-addons-for-elementor' ),
435
+ 'default' => 'yes',
436
+ )
437
+ );
438
+
439
+ $this->add_control(
440
+ 'full_section_touch',
441
+ array(
442
+ 'label' => __( 'Enable Full Section Scroll on Touch Devices', 'premium-addons-for-elementor' ),
443
+ 'type' => Controls_Manager::SWITCHER,
444
+ 'condition' => array(
445
+ 'full_section' => 'yes',
446
+ ),
447
+ )
448
+ );
449
+
450
+ $this->add_control(
451
+ 'full_section_overflow',
452
+ array(
453
+ 'label' => __( 'Check Content Overflow', 'premium-addons-for-elementor' ),
454
+ 'type' => Controls_Manager::SWITCHER,
455
+ 'description' => __( 'Enable this option to check if sections height is larger than screen height and add a scroll bar for the content', 'premium-addons-for-elementor' ),
456
+ 'condition' => array(
457
+ 'full_section' => 'yes',
458
+ ),
459
+ 'separator' => 'before',
460
+ 'default' => 'true',
461
+ 'return_value' => 'true',
462
+ )
463
+ );
464
+
465
+ $this->end_controls_section();
466
+
467
+ $this->start_controls_section(
468
+ 'section_pa_docs',
469
+ array(
470
+ 'label' => __( 'Helpful Documentations', 'premium-addons-for-elementor' ),
471
+ )
472
+ );
473
+
474
+ $this->add_control(
475
+ 'doc_1',
476
+ array(
477
+ 'type' => Controls_Manager::RAW_HTML,
478
+ 'raw' => sprintf( __( '%1$s How to create an Elementor template to be used in Premium Vertical Scroll » %2$s', 'premium-addons-for-elementor' ), '<a href="https://premiumaddons.com/docs/how-to-create-elementor-template-to-be-used-with-premium-addons/?utm_source=pa-dashboard&utm_medium=pa-editor&utm_campaign=pa-plugin" target="_blank" rel="noopener">', '</a>' ),
479
+ 'content_classes' => 'editor-pa-doc',
480
+ )
481
+ );
482
+
483
+ $this->end_controls_section();
484
+
485
+ $this->start_controls_section(
486
+ 'navigation_style',
487
+ array(
488
+ 'label' => __( 'Navigation Dots', 'premium-addons-for-elementor' ),
489
+ 'tab' => CONTROLS_MANAGER::TAB_STYLE,
490
+ 'condition' => array(
491
+ 'navigation_dots' => 'yes',
492
+ ),
493
+ )
494
+ );
495
+
496
+ $this->start_controls_tabs( 'navigation_style_tabs' );
497
+
498
+ $this->start_controls_tab(
499
+ 'tooltips_style_tab',
500
+ array(
501
+ 'label' => __( 'Tooltips', 'premium-addons-for-elementor' ),
502
+ 'condition' => array(
503
+ 'dots_tooltips_switcher' => 'yes',
504
+ ),
505
+ )
506
+ );
507
+
508
+ $this->add_control(
509
+ 'tooltips_color',
510
+ array(
511
+ 'label' => __( 'Tooltips Text Color', 'premium-addons-for-elementor' ),
512
+ 'type' => Controls_Manager::COLOR,
513
+ 'scheme' => array(
514
+ 'type' => Scheme_Color::get_type(),
515
+ 'value' => Scheme_Color::COLOR_1,
516
+ ),
517
+ 'selectors' => array(
518
+ '{{WRAPPER}} .premium-vscroll-tooltip' => 'color: {{VALUE}};',
519
+ ),
520
+ 'condition' => array(
521
+ 'dots_tooltips_switcher' => 'yes',
522
+ ),
523
+ )
524
+ );
525
+
526
+ $this->add_group_control(
527
+ Group_Control_Typography::get_type(),
528
+ array(
529
+ 'name' => 'tooltips_typography',
530
+ 'scheme' => Scheme_Typography::TYPOGRAPHY_1,
531
+ 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip span',
532
+ 'condition' => array(
533
+ 'dots_tooltips_switcher' => 'yes',
534
+ ),
535
+ )
536
+ );
537
+
538
+ $this->add_control(
539
+ 'tooltips_background',
540
+ array(
541
+ 'label' => __( 'Tooltips Background', 'premium-addons-for-elementor' ),
542
+ 'type' => Controls_Manager::COLOR,
543
+ 'scheme' => array(
544
+ 'type' => Scheme_Color::get_type(),
545
+ 'value' => Scheme_Color::COLOR_1,
546
+ ),
547
+ 'selectors' => array(
548
+ '{{WRAPPER}} .premium-vscroll-tooltip' => 'background-color: {{VALUE}};',
549
+ '{{WRAPPER}} .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after' => 'border-left-color: {{VALUE}}',
550
+ '{{WRAPPER}} .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after' => 'border-right-color: {{VALUE}}',
551
+ ),
552
+ 'condition' => array(
553
+ 'dots_tooltips_switcher' => 'yes',
554
+ ),
555
+ )
556
+ );
557
+
558
+ $this->add_group_control(
559
+ Group_Control_Border::get_type(),
560
+ array(
561
+ 'name' => 'tooltips_border',
562
+ 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip',
563
+ 'condition' => array(
564
+ 'dots_tooltips_switcher' => 'yes',
565
+ ),
566
+ )
567
+ );
568
+
569
+ $this->add_control(
570
+ 'tooltips_border_radius',
571
+ array(
572
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
573
+ 'type' => Controls_Manager::SLIDER,
574
+ 'size_units' => array( 'px', 'em', '%' ),
575
+ 'selectors' => array(
576
+ '{{WRAPPER}} .premium-vscroll-tooltip' => 'border-radius: {{SIZE}}{{UNIT}};',
577
+ ),
578
+ 'condition' => array(
579
+ 'dots_tooltips_switcher' => 'yes',
580
+ ),
581
+ )
582
+ );
583
+
584
+ $this->add_group_control(
585
+ Group_Control_Box_Shadow::get_type(),
586
+ array(
587
+ 'name' => 'tooltips_shadow',
588
+ 'selector' => '{{WRAPPER}} .premium-vscroll-tooltip',
589
+ 'condition' => array(
590
+ 'dots_tooltips_switcher' => 'yes',
591
+ ),
592
+ )
593
+ );
594
+
595
+ $this->add_responsive_control(
596
+ 'tooltips_margin',
597
+ array(
598
+ 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
599
+ 'type' => Controls_Manager::DIMENSIONS,
600
+ 'size_units' => array( 'px', 'em', '%' ),
601
+ 'selectors' => array(
602
+ '{{WRAPPER}} .premium-vscroll-tooltip' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
603
+ ),
604
+ 'condition' => array(
605
+ 'dots_tooltips_switcher' => 'yes',
606
+ ),
607
+ )
608
+ );
609
+
610
+ $this->add_responsive_control(
611
+ 'tooltips_padding',
612
+ array(
613
+ 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
614
+ 'type' => Controls_Manager::DIMENSIONS,
615
+ 'size_units' => array( 'px', 'em', '%' ),
616
+ 'selectors' => array(
617
+ '{{WRAPPER}} .premium-vscroll-tooltip' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
618
+ ),
619
+ 'condition' => array(
620
+ 'dots_tooltips_switcher' => 'yes',
621
+ ),
622
+ )
623
+ );
624
+
625
+ $this->end_controls_tab();
626
+
627
+ $this->start_controls_tab(
628
+ 'dots_style_tab',
629
+ array(
630
+ 'label' => __( 'Dots', 'premium-addons-for-elementor' ),
631
+ )
632
+ );
633
+
634
+ $this->add_control(
635
+ 'dots_color',
636
+ array(
637
+ 'label' => __( 'Dots Color', 'premium-addons-for-elementor' ),
638
+ 'type' => Controls_Manager::COLOR,
639
+ 'scheme' => array(
640
+ 'type' => Scheme_Color::get_type(),
641
+ 'value' => Scheme_Color::COLOR_1,
642
+ ),
643
+ 'selectors' => array(
644
+ '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'background-color: {{VALUE}};',
645
+ ),
646
+ )
647
+ );
648
+
649
+ $this->add_control(
650
+ 'active_dot_color',
651
+ array(
652
+ 'label' => __( 'Active Dot Color', 'premium-addons-for-elementor' ),
653
+ 'type' => Controls_Manager::COLOR,
654
+ 'scheme' => array(
655
+ 'type' => Scheme_Color::get_type(),
656
+ 'value' => Scheme_Color::COLOR_2,
657
+ ),
658
+ 'selectors' => array(
659
+ '{{WRAPPER}} .premium-vscroll-dots li.active .premium-vscroll-nav-link span' => 'background-color: {{VALUE}};',
660
+ ),
661
+ )
662
+ );
663
+
664
+ $this->add_control(
665
+ 'dots_border_color',
666
+ array(
667
+ 'label' => __( 'Dots Border Color', 'premium-addons-for-elementor' ),
668
+ 'type' => Controls_Manager::COLOR,
669
+ 'scheme' => array(
670
+ 'type' => Scheme_Color::get_type(),
671
+ 'value' => Scheme_Color::COLOR_2,
672
+ ),
673
+ 'selectors' => array(
674
+ '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'border-color: {{VALUE}};',
675
+ ),
676
+ )
677
+ );
678
+
679
+ $this->add_responsive_control(
680
+ 'dots_border_radius',
681
+ array(
682
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
683
+ 'type' => Controls_Manager::DIMENSIONS,
684
+ 'size_units' => array( 'px', 'em', '%' ),
685
+ 'selectors' => array(
686
+ '{{WRAPPER}} .premium-vscroll-dots .premium-vscroll-nav-link span' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
687
+ ),
688
+ )
689
+ );
690
+
691
+ $this->end_controls_tab();
692
+
693
+ $this->start_controls_tab(
694
+ 'container_style_tab',
695
+ array(
696
+ 'label' => __( 'Container', 'premium-addons-for-elementor' ),
697
+ )
698
+ );
699
+
700
+ $this->add_control(
701
+ 'navigation_background',
702
+ array(
703
+ 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
704
+ 'type' => Controls_Manager::COLOR,
705
+ 'scheme' => array(
706
+ 'type' => Scheme_Color::get_type(),
707
+ 'value' => Scheme_Color::COLOR_1,
708
+ ),
709
+ 'selectors' => array(
710
+ '{{WRAPPER}} .premium-vscroll-dots' => 'background-color: {{VALUE}}',
711
+ ),
712
+ )
713
+ );
714
+
715
+ $this->add_control(
716
+ 'navigation_border_radius',
717
+ array(
718
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
719
+ 'type' => Controls_Manager::SLIDER,
720
+ 'size_units' => array( 'px', 'em', '%' ),
721
+ 'selectors' => array(
722
+ '{{WRAPPER}} .premium-vscroll-dots' => 'border-radius: {{SIZE}}{{UNIT}};',
723
+ ),
724
+ )
725
+ );
726
+
727
+ $this->add_group_control(
728
+ Group_Control_Box_Shadow::get_type(),
729
+ array(
730
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
731
+ 'name' => 'navigation_box_shadow',
732
+ 'selector' => '{{WRAPPER}} .premium-vscroll-dots',
733
+ )
734
+ );
735
+
736
+ $this->end_controls_tab();
737
+
738
+ $this->end_controls_tabs();
739
+
740
+ $this->end_controls_section();
741
+
742
+ $this->start_controls_section(
743
+ 'navigation_menu_style',
744
+ array(
745
+ 'label' => __( 'Navigation Menu', 'premium-addons-for-elementor' ),
746
+ 'tab' => CONTROLS_MANAGER::TAB_STYLE,
747
+ 'condition' => array(
748
+ 'nav_menu_switch' => 'yes',
749
+ ),
750
+ )
751
+ );
752
+
753
+ $this->add_group_control(
754
+ Group_Control_Typography::get_type(),
755
+ array(
756
+ 'name' => 'navigation_items_typography',
757
+ 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link',
758
+ )
759
+ );
760
+
761
+ $this->start_controls_tabs( 'navigation_menu_style_tabs' );
762
+
763
+ $this->start_controls_tab(
764
+ 'normal_style_tab',
765
+ array(
766
+ 'label' => __( 'Normal', 'premium-addons-for-elementor' ),
767
+ )
768
+ );
769
+
770
+ $this->add_control(
771
+ 'normal_color',
772
+ array(
773
+ 'label' => __( 'Text Color', 'premium-addons-for-elementor' ),
774
+ 'type' => Controls_Manager::COLOR,
775
+ 'scheme' => array(
776
+ 'type' => Scheme_Color::get_type(),
777
+ 'value' => Scheme_Color::COLOR_1,
778
+ ),
779
+ 'selectors' => array(
780
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link' => 'color: {{VALUE}}',
781
+ ),
782
+ )
783
+ );
784
+
785
+ $this->add_control(
786
+ 'normal_hover_color',
787
+ array(
788
+ 'label' => __( 'Text Hover Color', 'premium-addons-for-elementor' ),
789
+ 'type' => Controls_Manager::COLOR,
790
+ 'scheme' => array(
791
+ 'type' => Scheme_Color::get_type(),
792
+ 'value' => Scheme_Color::COLOR_1,
793
+ ),
794
+ 'selectors' => array(
795
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover' => 'color: {{VALUE}}',
796
+ ),
797
+ )
798
+ );
799
+
800
+ $this->add_control(
801
+ 'normal_background',
802
+ array(
803
+ 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
804
+ 'type' => Controls_Manager::COLOR,
805
+ 'scheme' => array(
806
+ 'type' => Scheme_Color::get_type(),
807
+ 'value' => Scheme_Color::COLOR_2,
808
+ ),
809
+ 'selectors' => array(
810
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'background-color: {{VALUE}}',
811
+ ),
812
+ )
813
+ );
814
+
815
+ $this->add_group_control(
816
+ Group_Control_Box_Shadow::get_type(),
817
+ array(
818
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
819
+ 'name' => 'normal_shadow',
820
+ 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item',
821
+ )
822
+ );
823
+
824
+ $this->end_controls_tab();
825
+
826
+ $this->start_controls_tab(
827
+ 'active_style_tab',
828
+ array(
829
+ 'label' => __( 'Active', 'premium-addons-for-elementor' ),
830
+ )
831
+ );
832
+
833
+ $this->add_control(
834
+ 'active_color',
835
+ array(
836
+ 'label' => __( 'Text Color', 'premium-addons-for-elementor' ),
837
+ 'type' => Controls_Manager::COLOR,
838
+ 'scheme' => array(
839
+ 'type' => Scheme_Color::get_type(),
840
+ 'value' => Scheme_Color::COLOR_2,
841
+ ),
842
+ 'selectors' => array(
843
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active .premium-vscroll-nav-link' => 'color: {{VALUE}}',
844
+ ),
845
+ )
846
+ );
847
+
848
+ $this->add_control(
849
+ 'active_hover_color',
850
+ array(
851
+ 'label' => __( 'Text Hover Color', 'premium-addons-for-elementor' ),
852
+ 'type' => Controls_Manager::COLOR,
853
+ 'scheme' => array(
854
+ 'type' => Scheme_Color::get_type(),
855
+ 'value' => Scheme_Color::COLOR_2,
856
+ ),
857
+ 'selectors' => array(
858
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active .premium-vscroll-nav-link:hover' => 'color: {{VALUE}}',
859
+ ),
860
+ )
861
+ );
862
+
863
+ $this->add_control(
864
+ 'active_background',
865
+ array(
866
+ 'label' => __( 'Background Color', 'premium-addons-for-elementor' ),
867
+ 'type' => Controls_Manager::COLOR,
868
+ 'scheme' => array(
869
+ 'type' => Scheme_Color::get_type(),
870
+ 'value' => Scheme_Color::COLOR_1,
871
+ ),
872
+ 'selectors' => array(
873
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active' => 'background-color: {{VALUE}}',
874
+ ),
875
+ )
876
+ );
877
+
878
+ $this->add_group_control(
879
+ Group_Control_Box_Shadow::get_type(),
880
+ array(
881
+ 'label' => __( 'Shadow', 'premium-addons-for-elementor' ),
882
+ 'name' => 'active_shadow',
883
+ 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item.active',
884
+ )
885
+ );
886
+
887
+ $this->end_controls_tabs();
888
+
889
+ $this->add_group_control(
890
+ Group_Control_Border::get_type(),
891
+ array(
892
+ 'name' => 'navigation_items_border',
893
+ 'selector' => '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item',
894
+ 'separator' => 'before',
895
+ )
896
+ );
897
+
898
+ $this->add_control(
899
+ 'navigation_items_border_radius',
900
+ array(
901
+ 'label' => __( 'Border Radius', 'premium-addons-for-elementor' ),
902
+ 'type' => Controls_Manager::SLIDER,
903
+ 'size_units' => array( 'px', 'em', '%' ),
904
+ 'selectors' => array(
905
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'border-radius: {{SIZE}}{{UNIT}};',
906
+ ),
907
+ )
908
+ );
909
+
910
+ $this->add_responsive_control(
911
+ 'navigation_items_margin',
912
+ array(
913
+ 'label' => __( 'Margin', 'premium-addons-for-elementor' ),
914
+ 'type' => Controls_Manager::DIMENSIONS,
915
+ 'size_units' => array( 'px', 'em', '%' ),
916
+ 'selectors' => array(
917
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
918
+ ),
919
+ )
920
+ );
921
+
922
+ $this->add_responsive_control(
923
+ 'navigation_items_padding',
924
+ array(
925
+ 'label' => __( 'Padding', 'premium-addons-for-elementor' ),
926
+ 'type' => Controls_Manager::DIMENSIONS,
927
+ 'size_units' => array( 'px', 'em', '%' ),
928
+ 'selectors' => array(
929
+ '{{WRAPPER}} .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
930
+ ),
931
+ )
932
+ );
933
+
934
+ $this->end_controls_section();
935
+
936
+ }
937
+
938
+ /**
939
+ * Render vertical scroll widget output on the frontend.
940
+ *
941
+ * Written in PHP and used to generate the final HTML.
942
+ *
943
+ * @since 2.7.4
944
+ * @access protected
945
+ */
946
+ protected function render() {
947
+
948
+ $settings = $this->get_settings_for_display();
949
+
950
+ $id = $this->get_id();
951
+
952
+ $dots_text = explode( ',', $settings['dots_tooltips'] );
953
+
954
+ $this->add_render_attribute( 'vertical_scroll_wrapper', 'class', 'premium-vscroll-wrap' );
955
+
956
+ $this->add_render_attribute( 'vertical_scroll_wrapper', 'id', 'premium-vscroll-wrap-' . $id );
957
+
958
+ $this->add_render_attribute( 'vertical_scroll_inner', 'class', 'premium-vscroll-inner' );
959
+
960
+ $this->add_render_attribute( 'vertical_scroll_inner', 'id', 'premium-vscroll-' . $id );
961
+
962
+ $this->add_render_attribute(
963
+ 'vertical_scroll_dots',
964
+ 'class',
965
+ array(
966
+ 'premium-vscroll-dots',
967
+ 'premium-vscroll-dots-hide',
968
+ $settings['navigation_dots_pos'],
969
+ $settings['navigation_dots_v_pos'],
970
+ $settings['dots_shape'],
971
+ )
972
+ );
973
+
974
+ if ( '' !== $settings['dots_animation'] ) {
975
+ $this->add_render_attribute( 'vertical_scroll_dots', 'class', 'elementor-invisible' );
976
+ }
977
+
978
+ $this->add_render_attribute( 'vertical_scroll_dots_list', 'class', array( 'premium-vscroll-dots-list' ) );
979
+
980
+ $this->add_render_attribute(
981
+ 'vertical_scroll_menu',
982
+ array(
983
+ 'id' => 'premium-vscroll-nav-menu-' . $id,
984
+ 'class' => array(
985
+ 'premium-vscroll-nav-menu',
986
+ $settings['navigation_menu_pos'],
987
+ ),
988
+ )
989
+ );
990
+
991
+ $this->add_render_attribute(
992
+ 'vertical_scroll_sections_wrap',
993
+ array(
994
+ 'class' => 'premium-vscroll-sections-wrap',
995
+ 'id' => 'premium-vscroll-sections-wrap-' . $id,
996
+ )
997
+ );
998
+
999
+ $vscroll_settings = array(
1000
+ 'id' => $id,
1001
+ 'speed' => ! empty( $settings['scroll_speed'] ) ? $settings['scroll_speed'] * 1000 : 700,
1002
+ 'offset' => ! empty( $settings['scroll_offset'] ) ? $settings['scroll_offset'] : 0,
1003
+ 'tooltips' => 'yes' === $settings['dots_tooltips_switcher'] ? true : false,
1004
+ 'dotsText' => $dots_text,
1005
+ 'dotsPos' => $settings['navigation_dots_pos'],
1006
+ 'dotsVPos' => $settings['navigation_dots_v_pos'],
1007
+ 'fullSection' => 'yes' === $settings['full_section'] ? true : false,
1008
+ 'fullTouch' => 'yes' === $settings['full_section_touch'] ? true : false,
1009
+ 'fullCheckOverflow' => $settings['full_section_overflow'],
1010
+ 'addToHistory' => 'yes' === $settings['save_state'] ? true : false,
1011
+ 'animation' => $settings['dots_animation'],
1012
+ 'duration' => $settings['dots_animation_duration'],
1013
+ );
1014
+
1015
+ $templates = 'templates' === $settings['content_type'] ? $settings['section_repeater'] : $settings['id_repeater'];
1016
+
1017
+ $nav_items = $settings['nav_menu_repeater'];
1018
+
1019
+ ?>
1020
+
1021
+ <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_wrapper' ); ?> data-settings='<?php echo wp_json_encode( $vscroll_settings ); ?>'>
1022
+ <?php if ( 'yes' == $settings['nav_menu_switch'] ) : ?>
1023
+ <ul <?php echo $this->get_render_attribute_string( 'vertical_scroll_menu' ); ?>>
1024
+ <?php
1025
+ foreach ( $nav_items as $index => $item ) :
1026
+ $section_id = $this->get_template_id( $index );
1027
+ ?>
1028
+ <li class="premium-vscroll-nav-item" data-menuanchor="<?php echo esc_attr( $section_id ); ?>">
1029
+ <div class="premium-vscroll-nav-link">
1030
+ <?php echo $item['nav_menu_item']; ?>
1031
+ </div>
1032
+ </li>
1033
+ <?php endforeach; ?>
1034
+ </ul>
1035
+ <?php endif; ?>
1036
+ <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_inner' ); ?>>
1037
+ <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_dots' ); ?>>
1038
+ <ul <?php echo $this->get_render_attribute_string( 'vertical_scroll_dots_list' ); ?>>
1039
+ <?php
1040
+ foreach ( $templates as $index => $section ) :
1041
+ $section_id = $this->get_template_id( $index );
1042
+ ?>
1043
+ <li data-index="<?php echo $index; ?>" data-menuanchor="<?php echo esc_attr( $section_id ); ?>" class="premium-vscroll-dot-item"><div class="premium-vscroll-nav-link"><span></span></div></li>
1044
+ <?php endforeach; ?>
1045
+ </ul>
1046
+ </div>
1047
+ <?php if ( 'templates' === $settings['content_type'] ) : ?>
1048
+ <div <?php echo $this->get_render_attribute_string( 'vertical_scroll_sections_wrap' ); ?>>
1049
+
1050
+ <?php
1051
+ foreach ( $templates as $index => $section ) :
1052
+ $section_id = $this->get_template_id( $index );
1053
+
1054
+ $this->add_render_attribute(
1055
+ 'section_' . $index,
1056
+ array(
1057
+ 'id' => $section_id,
1058
+ 'class' => array(
1059
+ 'premium-vscroll-temp',
1060
+ 'premium-vscroll-temp-' . $id,
1061
+ ),
1062
+ )
1063
+ );
1064
+ ?>
1065
+ <div <?php echo $this->get_render_attribute_string( 'section_' . $index ); ?>>
1066
+ <?php
1067
+ $template_title = $section['section_template'];
1068
+ echo $this->getTemplateInstance()->get_template_content( $template_title );
1069
+ ?>
1070
+ </div>
1071
+ <?php endforeach; ?>
1072
+ </div>
1073
+ <?php endif; ?>
1074
+ </div>
1075
+ </div>
1076
+
1077
+ <?php
1078
+ }
1079
+
1080
+ /**
1081
+ * Get template ID
1082
+ *
1083
+ * @since 3.21.0
1084
+ * @access protected
1085
+ *
1086
+ * @param string $index template index
1087
+ *
1088
+ * @return string $id template ID
1089
+ */
1090
+ protected function get_template_id( $index ) {
1091
+
1092
+ $settings = $this->get_settings_for_display();
1093
+
1094
+ $checkType = 'templates' === $settings['content_type'] ? true : false;
1095
+
1096
+ $templates = $checkType ? $settings['section_repeater'] : $settings['id_repeater'];
1097
+
1098
+ if ( ! $checkType ) {
1099
+
1100
+ $id = $templates[ $index ]['section_id'];
1101
+
1102
+ return $id;
1103
+ }
1104
+
1105
+ $widget_id = $this->get_id();
1106
+
1107
+ $id = 'section_' . $widget_id . $index;
1108
+
1109
+ if ( ! empty( $templates[ $index ]['template_id'] ) ) {
1110
+ $id = $templates[ $index ]['template_id'];
1111
+ }
1112
+
1113
+ return $id;
1114
+
1115
+ }
1116
+ }