Premium Addons for Elementor - Version 4.9.18

Version Description

  • New: Added Sticky and Collapsed menu layouts in Mega Menu widget - here.
  • Tweak: Mega Menu widget options rearranged for better editing experience.
  • Tweak: Added Restart Video on Scroll Up option for Self Hosted videos in Video Box widget.
  • Fixed: Color controls in Mega Menu widget not applied on SVG icons.
  • Fixed: Font Awesome icons not showing in icon picker option in Mega Menu widget.
  • Fixed: Mega Menu content showing before the page is loaded.
  • Fixed: Slide/Dropdown menu conflict with Elementors Page Transition Experiment.
  • Fixed: Open in New Tab and nofollow link attributes not applied in Lottie Animations widget.
  • Fixed: Lightbox and Link icons overlapping other content on page in Media Grid widget.
  • Fixed: Progress Bar Circle option not working when the progress value is below 50%.
  • Fixed: Products Load More button removed from all WooCommerce Products Listing widgets on the page.
Download this release

Release Info

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

Code changes from version 4.9.17 to 4.9.18

Files changed (44) hide show
  1. admin/assets/css/admin-rtl.css +4 -0
  2. admin/assets/css/admin.css +5 -1
  3. admin/assets/css/jquery-fonticonpicker.css +4 -0
  4. admin/assets/fonts/pa-dashboard.eot +0 -0
  5. admin/assets/fonts/pa-dashboard.svg +1 -0
  6. admin/assets/fonts/pa-dashboard.ttf +0 -0
  7. admin/assets/fonts/pa-dashboard.woff +0 -0
  8. admin/assets/fonts/style.css +4 -4
  9. admin/includes/admin-bar.php +169 -169
  10. admin/includes/admin-helper.php +8 -0
  11. admin/includes/admin-notices.php +405 -405
  12. admin/includes/beta-testers.php +143 -143
  13. admin/includes/elements.php +12 -0
  14. admin/includes/templates/features.php +185 -185
  15. admin/includes/templates/nav-menu-settings.php +207 -207
  16. admin/includes/templates/white-label.php +121 -121
  17. assets/editor/css/style.css +15 -5
  18. assets/editor/fonts/pa-elements.eot +0 -0
  19. assets/editor/fonts/pa-elements.svg +1 -0
  20. assets/editor/fonts/pa-elements.ttf +0 -0
  21. assets/editor/fonts/pa-elements.woff +0 -0
  22. assets/editor/templates/css/editor-rtl.css +577 -577
  23. assets/frontend/css/premium-addons-rtl.css +4263 -3760
  24. assets/frontend/css/premium-addons.css +1983 -1823
  25. assets/frontend/css/premium-icon-list-rtl.css +329 -329
  26. assets/frontend/css/premium-image-scroll-rtl.css +191 -191
  27. assets/frontend/css/premium-image-scroll.css +159 -200
  28. assets/frontend/css/premium-img-gallery-rtl.css +4 -2
  29. assets/frontend/css/premium-img-gallery.css +6 -5
  30. assets/frontend/css/premium-nav-menu-rtl.css +670 -174
  31. assets/frontend/css/premium-nav-menu.css +201 -5
  32. assets/frontend/css/premium-pricing-table-rtl.css +289 -289
  33. assets/frontend/css/premium-progressbar-rtl.css +420 -420
  34. assets/frontend/css/premium-progressbar.css +321 -321
  35. assets/frontend/css/premium-title-rtl.css +253 -253
  36. assets/frontend/css/premium-video-box-rtl.css +466 -462
  37. assets/frontend/css/premium-video-box.css +3 -0
  38. assets/frontend/css/premium-vscroll.css +246 -246
  39. assets/frontend/css/premium-woo-products-rtl.css +1178 -1178
  40. assets/frontend/css/premium-woo-products.css +1001 -1001
  41. assets/frontend/css/prettyphoto-rtl.css +1251 -1251
  42. assets/frontend/js/TweenMax.js +11 -0
  43. assets/frontend/js/headroom.js +7 -0
  44. assets/frontend/js/premium-addons.js +0 -1172
admin/assets/css/admin-rtl.css CHANGED
@@ -1991,6 +1991,10 @@
1991
  content: "\e929";
1992
  }
1993
 
 
 
 
 
1994
  @-webkit-keyframes spin {
1995
  0% {
1996
  -webkit-transform: rotateZ(-180deg) rotateY(180deg);
1991
  content: "\e929";
1992
  }
1993
 
1994
+ .pa-dash-premium-svg-drawer:before {
1995
+ content: "\e953";
1996
+ }
1997
+
1998
  @-webkit-keyframes spin {
1999
  0% {
2000
  -webkit-transform: rotateZ(-180deg) rotateY(180deg);
admin/assets/css/admin.css CHANGED
@@ -2054,6 +2054,10 @@
2054
  content: "\e929";
2055
  }
2056
 
 
 
 
 
2057
  @-webkit-keyframes spin {
2058
  0% {
2059
  -webkit-transform: rotateZ(-180deg) rotateY(180deg);
@@ -2493,7 +2497,7 @@
2493
 
2494
  #elementor-template-nav-menu-modal-container .button.wp-color-result {
2495
  margin: 0;
2496
- width: 30%;
2497
  height: 100%;
2498
  }
2499
 
2054
  content: "\e929";
2055
  }
2056
 
2057
+ .pa-dash-premium-svg-drawer:before {
2058
+ content: "\e953";
2059
+ }
2060
+
2061
  @-webkit-keyframes spin {
2062
  0% {
2063
  -webkit-transform: rotateZ(-180deg) rotateY(180deg);
2497
 
2498
  #elementor-template-nav-menu-modal-container .button.wp-color-result {
2499
  margin: 0;
2500
+ min-width: 30%;
2501
  height: 100%;
2502
  }
2503
 
admin/assets/css/jquery-fonticonpicker.css CHANGED
@@ -237,6 +237,10 @@
237
  display: inline-block
238
  }
239
 
 
 
 
 
240
  @-webkit-keyframes spin {
241
  0% {
242
  -webkit-transform: rotate(0);
237
  display: inline-block
238
  }
239
 
240
+ .fip-icons-container .fa {
241
+ font-family: "Font Awesome 5 Free", fontAwesome;
242
+ }
243
+
244
  @-webkit-keyframes spin {
245
  0% {
246
  -webkit-transform: rotate(0);
admin/assets/fonts/pa-dashboard.eot CHANGED
Binary file
admin/assets/fonts/pa-dashboard.svg CHANGED
@@ -90,4 +90,5 @@
90
  <glyph unicode="&#xe950;" glyph-name="pa-admin-icon" d="M1024.437 448.219c-0.596-158.073-72.763-299.17-185.761-392.653l-0.858-0.689h-13.548l-104.891 323.851 285.828 207.597 3.059-11.8c9.961-37.82 15.839-81.301 16.17-126.103l0.001-0.204zM798.047 22.972l-10.489-6.556c-77.973-50.165-173.175-79.974-275.339-79.974s-197.366 29.808-277.383 81.202l2.043-1.228-10.489 6.556 285.828 206.723zM305.058 380.913l-107.076-329.533h-9.178c-115.562 94.543-188.753 237.138-188.804 396.829v0.009c0.139 45.7 6.029 89.961 16.983 132.181l-0.813-3.69 3.059 11.8zM493.426 960l-109.262-336.963h-352.697l4.37 13.111c73.442 181.603 242.662 310.074 443.369 323.333l1.545 0.082zM992.97 623.037h-352.697l-109.262 336.963h12.674c202.344-13.418 371.597-142.068 443.682-320.403l1.232-3.448z" />
91
  <glyph unicode="&#xe951;" glyph-name="premium-yelp-reviews" horiz-adv-x="774" d="M331.545-64c-9.742 0.139-19.001 2.038-27.527 5.394l0.53-0.184-123.619 47.364c-21.861 8.61-38.318 26.78-44.403 49.217l-0.119 0.514c-1.544 5.696-2.432 12.236-2.432 18.983 0 18.208 6.462 34.906 17.217 47.927l-0.102-0.127 125.513 153.932c13.915 17.505 35.206 28.628 59.096 28.628 10.107 0 19.749-1.991 28.555-5.602l-0.502 0.182c28.085-12.116 47.386-39.568 47.386-71.527 0-0.663-0.008-1.325-0.025-1.984l0.002 0.098-6.157-201.769c-1.1-24.966-14.51-46.577-34.271-59.026l-0.304-0.179c-10.944-7.292-24.363-11.691-38.799-11.841h-0.039zM327.282 217.813l-125.040-153.458c-1.575-1.619-2.546-3.832-2.546-6.272 0-0.63 0.065-1.245 0.188-1.838l-0.010 0.058c0.647-2.427 2.406-4.343 4.684-5.193l0.052-0.017 124.093-47.364c1.12-0.474 2.422-0.75 3.789-0.75s2.669 0.276 3.855 0.774l-0.065-0.024c2.43 1.515 4.070 4.099 4.261 7.078l0.001 0.026 5.684 199.401c0.008 0.153 0.012 0.333 0.012 0.513 0 4.836-3.152 8.937-7.513 10.359l-0.077 0.022c-1.068 0.453-2.31 0.716-3.613 0.716-3.194 0-6.018-1.581-7.734-4.002l-0.020-0.029zM74.834 228.233c-41.387 0.269-74.834 33.882-74.834 75.307 0 0.001 0 0.001 0 0.002v0l4.263 132.618c0.49 24.059 12.866 45.125 31.478 57.622l0.255 0.161c11.708 8.252 26.269 13.189 41.982 13.189 9.249 0 18.099-1.711 26.251-4.833l-0.503 0.169 185.191-66.783c30.605-9.673 52.404-37.814 52.404-71.045s-21.799-61.372-51.878-70.901l-0.527-0.144-189.454-62.52c-6.358-1.851-13.662-2.916-21.214-2.916-1.201 0-2.396 0.027-3.584 0.080l0.169-0.006zM79.571 441.369c-0.712 0.131-1.531 0.206-2.368 0.206s-1.656-0.075-2.452-0.218l0.084 0.012c-1.602-1.028-2.687-2.741-2.84-4.715l-0.001-0.021-4.263-133.092c0.049-2.662 1.554-4.961 3.751-6.139l0.038-0.019c1.291-0.758 2.843-1.206 4.5-1.206s3.209 0.448 4.542 1.229l-0.042-0.023 189.454 62.52c3.36 1.194 5.723 4.347 5.723 8.052s-2.363 6.857-5.664 8.033l-0.060 0.019-190.401 64.414zM480.266 349.484c-0.035 0-0.077 0-0.118 0-25.089 0-47.219 12.667-60.344 31.954l-0.163 0.253c-7.832 11.595-12.502 25.886-12.502 41.268 0 18.68 6.888 35.751 18.262 48.812l-0.076-0.090 118.409 161.036c13.19 17.388 33.865 28.503 57.137 28.503 1.227 0 2.447-0.031 3.659-0.092l-0.17 0.007c24.947-0.582 46.808-13.286 59.987-32.429l0.164-0.252 72.94-109.41c6.886-11.279 10.964-24.926 10.964-39.525 0-10.514-2.115-20.534-5.942-29.658l0.188 0.506c-8.39-21.218-25.521-37.418-46.831-44.371l-0.533-0.15-192.77-53.047c-6.589-2.103-14.167-3.316-22.029-3.316-0.082 0-0.163 0-0.244 0h0.013zM602.938 597.195c-0.122 0.008-0.264 0.013-0.408 0.013-2.447 0-4.584-1.325-5.733-3.296l-0.017-0.032-119.83-161.983c-4.736-6.157-5.21-9.946-2.842-13.262 1.381-2.029 3.679-3.344 6.285-3.344 0.976 0 1.909 0.184 2.765 0.52l-0.051-0.018 192.296 52.574c2.651 0.979 4.705 3.032 5.662 5.618l0.021 0.066c0.518 1.336 0.818 2.883 0.818 4.5s-0.3 3.163-0.847 4.587l0.030-0.088-71.519 110.357c-1.411 2.236-3.84 3.717-6.62 3.789h-0.010zM330.124 450.842c-24.452 0.484-46.227 11.545-61.006 28.781l-0.093 0.111c-1.847 2.224-3.57 4.702-5.075 7.322l-0.135 0.256c-0.069 0.569-0.109 1.227-0.109 1.895s0.039 1.326 0.116 1.973l-0.008-0.078-178.087 301.706c-8.891 12.464-14.216 28.006-14.216 44.792 0 9.593 1.739 18.78 4.919 27.263l-0.176-0.536c8.829 25.66 29.774 45.040 55.818 51.512l0.544 0.114 151.563 40.733c6.495 1.947 13.958 3.068 21.683 3.068 18.358 0 35.238-6.33 48.576-16.927l-0.161 0.123c19.385-14.673 31.779-37.699 31.779-63.62 0-0.946-0.017-1.888-0.049-2.825l0.004 0.136 26.524-336.281c0.121-1.791 0.19-3.882 0.19-5.989 0-9.687-1.454-19.035-4.156-27.836l0.177 0.671c-9.087-27.609-31.867-48.345-60.094-54.373l-0.531-0.095c-5.331-1.060-11.533-1.743-17.868-1.892l-0.131-0.002zM318.283 521.887c3.171-3.172 7.553-5.134 12.393-5.134 1.315 0 2.596 0.145 3.828 0.419l-0.117-0.022c5.358 1.026 9.705 4.591 11.8 9.369l0.040 0.103c0.129 1.63 0.202 3.53 0.202 5.447s-0.073 3.817-0.218 5.696l0.015-0.25-26.050 336.281c-0.223 0.636-0.352 1.368-0.352 2.131s0.129 1.496 0.366 2.178l-0.014-0.047c0.135 0.76 0.212 1.635 0.212 2.528 0 3.963-1.521 7.571-4.011 10.271l0.010-0.010c-2.24 1.975-5.199 3.181-8.441 3.181-1.038 0-2.048-0.124-3.014-0.357l0.087 0.018-156.3-43.101c-4.847-1.36-8.587-5.1-9.922-9.846l-0.024-0.1c-1.074-1.913-1.707-4.198-1.707-6.631s0.633-4.718 1.742-6.7l-0.036 0.069 177.613-302.653zM318.283 521.887v0zM621.883 14.15c-0.002 0-0.005 0-0.007 0-25.193 0-47.533 12.217-61.418 31.050l-0.148 0.21-114.146 162.931c-8.983 11.933-14.387 27.004-14.387 43.338s5.404 31.404 14.521 43.523l-0.134-0.186c13.606 19.43 35.888 31.978 61.1 31.978 8.123 0 15.942-1.302 23.259-3.71l-0.526 0.15 189.454-58.731c30.743-9.589 52.67-37.797 52.67-71.127 0-17.588-6.106-33.75-16.314-46.481l0.113 0.146-78.623-104.2c-12.892-17.6-33.483-28.9-56.714-28.9-0.376 0-0.752 0.003-1.126 0.009l0.057-0.001zM505.843 260.914c-2.928-0.079-5.498-1.545-7.086-3.762l-0.018-0.027c-1.189-1.395-1.913-3.218-1.913-5.21s0.724-3.815 1.922-5.221l-0.009 0.011 114.146-162.931c4.263-6.157 12.315 0 13.262 0l80.044 103.726c1.656 1.559 2.688 3.766 2.688 6.213 0 0.823-0.117 1.619-0.334 2.372l0.015-0.060c-0.983 2.376-2.834 4.227-5.147 5.187l-0.063 0.023-192.77 58.731z" />
92
  <glyph unicode="&#xe952;" glyph-name="ihover" horiz-adv-x="847" d="M841.472 629.504c-8.619 16.836-25.849 28.16-45.723 28.16-0.035 0-0.071 0-0.106 0h-179.194l82.432 234.24c1.656 4.818 2.612 10.37 2.612 16.145 0 11.464-3.768 22.048-10.133 30.582l0.096-0.135c-9.398 13.083-24.57 21.504-41.708 21.504-0.007 0-0.014 0-0.021 0h-387.839c-0.034 0-0.074 0-0.113 0-7.29 0-14.205-1.604-20.411-4.477l0.301 0.125c-1.269-0.32-2.381-0.85-3.356-1.556l0.028 0.020c-3.416-1.68-6.361-3.642-9.013-5.933l0.053 0.045c-1.34-0.998-2.515-2.092-3.56-3.3l-0.024-0.028c-5.82-5.654-10.239-12.719-12.707-20.644l-0.093-0.348-209.408-534.272c-2.173-5.467-3.433-11.803-3.433-18.432 0-28.224 22.837-51.114 51.041-51.2h307.208l-69.12-320.512c-0.057-0.231-0.090-0.496-0.090-0.768s0.033-0.537 0.095-0.791l-0.005 0.023c-0.18-1.613-0.283-3.482-0.283-5.376s0.103-3.763 0.303-5.604l-0.020 0.228c-0.126-1.304-0.198-2.82-0.198-4.352s0.072-3.048 0.213-4.543l-0.015 0.191c0.462-3.187 1.177-6.036 2.146-8.765l-0.098 0.317c3.683-9.814 9.867-17.977 17.787-23.967l0.133-0.097c2.301-1.734 4.901-3.352 7.642-4.73l0.294-0.134 6.656-2.56 6.4-1.792c1.38-0.121 2.986-0.19 4.608-0.19s3.228 0.069 4.815 0.204l-0.207-0.014c2.126-0.433 4.596-0.71 7.12-0.767l0.048-0.001h8.192l5.376 2.304c1.574 0.55 2.934 1.333 4.117 2.321l-0.021-0.017c5.626 3.529 10.376 7.872 14.242 12.928l0.094 0.128 2.304 3.328 455.936 619.008c6.289 8.407 10.070 19.008 10.070 30.493 0 8.391-2.019 16.311-5.597 23.3l0.134-0.289zM438.272 208.128l32.256 152.064c0.728 3.236 1.144 6.951 1.144 10.765 0 28.277-22.923 51.2-51.2 51.2-0.402 0-0.804-0.005-1.204-0.014l0.059 0.001h-293.12l170.496 435.456h280.32l-81.152-230.4-1.28-3.328c-0.77-1.911-1.394-4.15-1.768-6.473l-0.024-0.183v-5.12c-0.064-0.767-0.101-1.659-0.101-2.56s0.037-1.793 0.109-2.676l-0.008 0.116s0-2.56 0-3.584c-0.119-0.961-0.188-2.072-0.188-3.2s0.068-2.239 0.201-3.331l-0.013 0.131c0.549-3.46 1.441-6.56 2.661-9.489l-0.101 0.273v-1.536c0.555-1.388 1.156-2.567 1.849-3.683l-0.057 0.099c0.646-1.671 1.51-3.111 2.578-4.374l-0.018 0.022 2.304-3.072c2.179-2.902 4.622-5.426 7.343-7.617l0.081-0.063c3.711-2.876 7.916-5.441 12.396-7.512l0.404-0.168 4.608-1.792c1.937-0.729 4.191-1.27 6.531-1.525l0.125-0.011c1.266-0.121 2.737-0.19 4.224-0.19s2.958 0.069 4.41 0.204l-0.186-0.014h150.784zM288.768-21.504c-0.119 0.808-0.187 1.74-0.187 2.688s0.068 1.88 0.199 2.792l-0.012-0.104v3.328c-0.126-1.304-0.198-2.82-0.198-4.352s0.072-3.048 0.213-4.543l-0.015 0.191zM528.128 557.568h-4.608z" />
 
93
  </font></defs></svg>
90
  <glyph unicode="&#xe950;" glyph-name="pa-admin-icon" d="M1024.437 448.219c-0.596-158.073-72.763-299.17-185.761-392.653l-0.858-0.689h-13.548l-104.891 323.851 285.828 207.597 3.059-11.8c9.961-37.82 15.839-81.301 16.17-126.103l0.001-0.204zM798.047 22.972l-10.489-6.556c-77.973-50.165-173.175-79.974-275.339-79.974s-197.366 29.808-277.383 81.202l2.043-1.228-10.489 6.556 285.828 206.723zM305.058 380.913l-107.076-329.533h-9.178c-115.562 94.543-188.753 237.138-188.804 396.829v0.009c0.139 45.7 6.029 89.961 16.983 132.181l-0.813-3.69 3.059 11.8zM493.426 960l-109.262-336.963h-352.697l4.37 13.111c73.442 181.603 242.662 310.074 443.369 323.333l1.545 0.082zM992.97 623.037h-352.697l-109.262 336.963h12.674c202.344-13.418 371.597-142.068 443.682-320.403l1.232-3.448z" />
91
  <glyph unicode="&#xe951;" glyph-name="premium-yelp-reviews" horiz-adv-x="774" d="M331.545-64c-9.742 0.139-19.001 2.038-27.527 5.394l0.53-0.184-123.619 47.364c-21.861 8.61-38.318 26.78-44.403 49.217l-0.119 0.514c-1.544 5.696-2.432 12.236-2.432 18.983 0 18.208 6.462 34.906 17.217 47.927l-0.102-0.127 125.513 153.932c13.915 17.505 35.206 28.628 59.096 28.628 10.107 0 19.749-1.991 28.555-5.602l-0.502 0.182c28.085-12.116 47.386-39.568 47.386-71.527 0-0.663-0.008-1.325-0.025-1.984l0.002 0.098-6.157-201.769c-1.1-24.966-14.51-46.577-34.271-59.026l-0.304-0.179c-10.944-7.292-24.363-11.691-38.799-11.841h-0.039zM327.282 217.813l-125.040-153.458c-1.575-1.619-2.546-3.832-2.546-6.272 0-0.63 0.065-1.245 0.188-1.838l-0.010 0.058c0.647-2.427 2.406-4.343 4.684-5.193l0.052-0.017 124.093-47.364c1.12-0.474 2.422-0.75 3.789-0.75s2.669 0.276 3.855 0.774l-0.065-0.024c2.43 1.515 4.070 4.099 4.261 7.078l0.001 0.026 5.684 199.401c0.008 0.153 0.012 0.333 0.012 0.513 0 4.836-3.152 8.937-7.513 10.359l-0.077 0.022c-1.068 0.453-2.31 0.716-3.613 0.716-3.194 0-6.018-1.581-7.734-4.002l-0.020-0.029zM74.834 228.233c-41.387 0.269-74.834 33.882-74.834 75.307 0 0.001 0 0.001 0 0.002v0l4.263 132.618c0.49 24.059 12.866 45.125 31.478 57.622l0.255 0.161c11.708 8.252 26.269 13.189 41.982 13.189 9.249 0 18.099-1.711 26.251-4.833l-0.503 0.169 185.191-66.783c30.605-9.673 52.404-37.814 52.404-71.045s-21.799-61.372-51.878-70.901l-0.527-0.144-189.454-62.52c-6.358-1.851-13.662-2.916-21.214-2.916-1.201 0-2.396 0.027-3.584 0.080l0.169-0.006zM79.571 441.369c-0.712 0.131-1.531 0.206-2.368 0.206s-1.656-0.075-2.452-0.218l0.084 0.012c-1.602-1.028-2.687-2.741-2.84-4.715l-0.001-0.021-4.263-133.092c0.049-2.662 1.554-4.961 3.751-6.139l0.038-0.019c1.291-0.758 2.843-1.206 4.5-1.206s3.209 0.448 4.542 1.229l-0.042-0.023 189.454 62.52c3.36 1.194 5.723 4.347 5.723 8.052s-2.363 6.857-5.664 8.033l-0.060 0.019-190.401 64.414zM480.266 349.484c-0.035 0-0.077 0-0.118 0-25.089 0-47.219 12.667-60.344 31.954l-0.163 0.253c-7.832 11.595-12.502 25.886-12.502 41.268 0 18.68 6.888 35.751 18.262 48.812l-0.076-0.090 118.409 161.036c13.19 17.388 33.865 28.503 57.137 28.503 1.227 0 2.447-0.031 3.659-0.092l-0.17 0.007c24.947-0.582 46.808-13.286 59.987-32.429l0.164-0.252 72.94-109.41c6.886-11.279 10.964-24.926 10.964-39.525 0-10.514-2.115-20.534-5.942-29.658l0.188 0.506c-8.39-21.218-25.521-37.418-46.831-44.371l-0.533-0.15-192.77-53.047c-6.589-2.103-14.167-3.316-22.029-3.316-0.082 0-0.163 0-0.244 0h0.013zM602.938 597.195c-0.122 0.008-0.264 0.013-0.408 0.013-2.447 0-4.584-1.325-5.733-3.296l-0.017-0.032-119.83-161.983c-4.736-6.157-5.21-9.946-2.842-13.262 1.381-2.029 3.679-3.344 6.285-3.344 0.976 0 1.909 0.184 2.765 0.52l-0.051-0.018 192.296 52.574c2.651 0.979 4.705 3.032 5.662 5.618l0.021 0.066c0.518 1.336 0.818 2.883 0.818 4.5s-0.3 3.163-0.847 4.587l0.030-0.088-71.519 110.357c-1.411 2.236-3.84 3.717-6.62 3.789h-0.010zM330.124 450.842c-24.452 0.484-46.227 11.545-61.006 28.781l-0.093 0.111c-1.847 2.224-3.57 4.702-5.075 7.322l-0.135 0.256c-0.069 0.569-0.109 1.227-0.109 1.895s0.039 1.326 0.116 1.973l-0.008-0.078-178.087 301.706c-8.891 12.464-14.216 28.006-14.216 44.792 0 9.593 1.739 18.78 4.919 27.263l-0.176-0.536c8.829 25.66 29.774 45.040 55.818 51.512l0.544 0.114 151.563 40.733c6.495 1.947 13.958 3.068 21.683 3.068 18.358 0 35.238-6.33 48.576-16.927l-0.161 0.123c19.385-14.673 31.779-37.699 31.779-63.62 0-0.946-0.017-1.888-0.049-2.825l0.004 0.136 26.524-336.281c0.121-1.791 0.19-3.882 0.19-5.989 0-9.687-1.454-19.035-4.156-27.836l0.177 0.671c-9.087-27.609-31.867-48.345-60.094-54.373l-0.531-0.095c-5.331-1.060-11.533-1.743-17.868-1.892l-0.131-0.002zM318.283 521.887c3.171-3.172 7.553-5.134 12.393-5.134 1.315 0 2.596 0.145 3.828 0.419l-0.117-0.022c5.358 1.026 9.705 4.591 11.8 9.369l0.040 0.103c0.129 1.63 0.202 3.53 0.202 5.447s-0.073 3.817-0.218 5.696l0.015-0.25-26.050 336.281c-0.223 0.636-0.352 1.368-0.352 2.131s0.129 1.496 0.366 2.178l-0.014-0.047c0.135 0.76 0.212 1.635 0.212 2.528 0 3.963-1.521 7.571-4.011 10.271l0.010-0.010c-2.24 1.975-5.199 3.181-8.441 3.181-1.038 0-2.048-0.124-3.014-0.357l0.087 0.018-156.3-43.101c-4.847-1.36-8.587-5.1-9.922-9.846l-0.024-0.1c-1.074-1.913-1.707-4.198-1.707-6.631s0.633-4.718 1.742-6.7l-0.036 0.069 177.613-302.653zM318.283 521.887v0zM621.883 14.15c-0.002 0-0.005 0-0.007 0-25.193 0-47.533 12.217-61.418 31.050l-0.148 0.21-114.146 162.931c-8.983 11.933-14.387 27.004-14.387 43.338s5.404 31.404 14.521 43.523l-0.134-0.186c13.606 19.43 35.888 31.978 61.1 31.978 8.123 0 15.942-1.302 23.259-3.71l-0.526 0.15 189.454-58.731c30.743-9.589 52.67-37.797 52.67-71.127 0-17.588-6.106-33.75-16.314-46.481l0.113 0.146-78.623-104.2c-12.892-17.6-33.483-28.9-56.714-28.9-0.376 0-0.752 0.003-1.126 0.009l0.057-0.001zM505.843 260.914c-2.928-0.079-5.498-1.545-7.086-3.762l-0.018-0.027c-1.189-1.395-1.913-3.218-1.913-5.21s0.724-3.815 1.922-5.221l-0.009 0.011 114.146-162.931c4.263-6.157 12.315 0 13.262 0l80.044 103.726c1.656 1.559 2.688 3.766 2.688 6.213 0 0.823-0.117 1.619-0.334 2.372l0.015-0.060c-0.983 2.376-2.834 4.227-5.147 5.187l-0.063 0.023-192.77 58.731z" />
92
  <glyph unicode="&#xe952;" glyph-name="ihover" horiz-adv-x="847" d="M841.472 629.504c-8.619 16.836-25.849 28.16-45.723 28.16-0.035 0-0.071 0-0.106 0h-179.194l82.432 234.24c1.656 4.818 2.612 10.37 2.612 16.145 0 11.464-3.768 22.048-10.133 30.582l0.096-0.135c-9.398 13.083-24.57 21.504-41.708 21.504-0.007 0-0.014 0-0.021 0h-387.839c-0.034 0-0.074 0-0.113 0-7.29 0-14.205-1.604-20.411-4.477l0.301 0.125c-1.269-0.32-2.381-0.85-3.356-1.556l0.028 0.020c-3.416-1.68-6.361-3.642-9.013-5.933l0.053 0.045c-1.34-0.998-2.515-2.092-3.56-3.3l-0.024-0.028c-5.82-5.654-10.239-12.719-12.707-20.644l-0.093-0.348-209.408-534.272c-2.173-5.467-3.433-11.803-3.433-18.432 0-28.224 22.837-51.114 51.041-51.2h307.208l-69.12-320.512c-0.057-0.231-0.090-0.496-0.090-0.768s0.033-0.537 0.095-0.791l-0.005 0.023c-0.18-1.613-0.283-3.482-0.283-5.376s0.103-3.763 0.303-5.604l-0.020 0.228c-0.126-1.304-0.198-2.82-0.198-4.352s0.072-3.048 0.213-4.543l-0.015 0.191c0.462-3.187 1.177-6.036 2.146-8.765l-0.098 0.317c3.683-9.814 9.867-17.977 17.787-23.967l0.133-0.097c2.301-1.734 4.901-3.352 7.642-4.73l0.294-0.134 6.656-2.56 6.4-1.792c1.38-0.121 2.986-0.19 4.608-0.19s3.228 0.069 4.815 0.204l-0.207-0.014c2.126-0.433 4.596-0.71 7.12-0.767l0.048-0.001h8.192l5.376 2.304c1.574 0.55 2.934 1.333 4.117 2.321l-0.021-0.017c5.626 3.529 10.376 7.872 14.242 12.928l0.094 0.128 2.304 3.328 455.936 619.008c6.289 8.407 10.070 19.008 10.070 30.493 0 8.391-2.019 16.311-5.597 23.3l0.134-0.289zM438.272 208.128l32.256 152.064c0.728 3.236 1.144 6.951 1.144 10.765 0 28.277-22.923 51.2-51.2 51.2-0.402 0-0.804-0.005-1.204-0.014l0.059 0.001h-293.12l170.496 435.456h280.32l-81.152-230.4-1.28-3.328c-0.77-1.911-1.394-4.15-1.768-6.473l-0.024-0.183v-5.12c-0.064-0.767-0.101-1.659-0.101-2.56s0.037-1.793 0.109-2.676l-0.008 0.116s0-2.56 0-3.584c-0.119-0.961-0.188-2.072-0.188-3.2s0.068-2.239 0.201-3.331l-0.013 0.131c0.549-3.46 1.441-6.56 2.661-9.489l-0.101 0.273v-1.536c0.555-1.388 1.156-2.567 1.849-3.683l-0.057 0.099c0.646-1.671 1.51-3.111 2.578-4.374l-0.018 0.022 2.304-3.072c2.179-2.902 4.622-5.426 7.343-7.617l0.081-0.063c3.711-2.876 7.916-5.441 12.396-7.512l0.404-0.168 4.608-1.792c1.937-0.729 4.191-1.27 6.531-1.525l0.125-0.011c1.266-0.121 2.737-0.19 4.224-0.19s2.958 0.069 4.41 0.204l-0.186-0.014h150.784zM288.768-21.504c-0.119 0.808-0.187 1.74-0.187 2.688s0.068 1.88 0.199 2.792l-0.012-0.104v3.328c-0.126-1.304-0.198-2.82-0.198-4.352s0.072-3.048 0.213-4.543l-0.015 0.191zM528.128 557.568h-4.608z" />
93
+ <glyph unicode="&#xe953;" glyph-name="premium-svg-drawer" horiz-adv-x="959" d="M699.718 324.682l-139.304 176.756c-18.123 25.041-47.259 41.143-80.157 41.143s-62.034-16.102-79.959-40.855l-0.198-0.287-137.021-176.3c-45.674-60.289-42.476-110.987 15.072-158.030l63.943-56.635-14.616-63.486c-1.352-5.754-2.128-12.362-2.128-19.15 0-20.645 7.172-39.616 19.16-54.555l-0.133 0.171c19.153-22.954 47.769-37.454 79.772-37.454 0.216 0 0.431 0.001 0.646 0.002h115.064c1.007-0.036 2.19-0.057 3.378-0.057 30.798 0 58.375 13.793 76.889 35.539l0.118 0.143c12.005 14.822 19.273 33.908 19.273 54.692 0 7.172-0.865 14.142-2.498 20.811l0.124-0.598-14.159 63.486 62.116 57.092c28.072 18.030 46.404 49.093 46.404 84.438 0 28.839-12.205 54.828-31.732 73.083l-0.057 0.053zM562.698 14.558c-6.21-6.267-14.82-10.148-24.336-10.148-0.919 0-1.829 0.036-2.73 0.107l0.119-0.008h-113.27c-0.462-0.023-1.003-0.036-1.547-0.036-9.955 0-18.877 4.424-24.908 11.412l-0.036 0.042c-2.838 3.016-4.581 7.089-4.581 11.569 0 1.405 0.172 2.771 0.495 4.076l-0.024-0.116 12.789 56.178h150.723l12.789-55.722c0.513-1.65 0.809-3.546 0.809-5.512 0-4.695-1.687-8.996-4.487-12.33l0.024 0.029zM639.429 218.262l-69.88-62.116h-178.127l-71.707 63.029c-30.145 24.664-31.058 31.971-5.938 63.486l131.083 165.795v-73.991c0-18.919 15.337-34.255 34.255-34.255s34.255 15.337 34.255 34.255v0 74.448l131.54-166.708c24.207-29.231 25.577-36.082-5.481-63.943zM870.080 584.107h-47.957c-0.138 0.001-0.302 0.001-0.466 0.001-12.047 0-23.505-2.521-33.875-7.064l0.543 0.212-204.161 201.877c12.038 15.326 19.306 34.896 19.306 56.164 0 24.464-9.617 46.682-25.277 63.080l0.033-0.035-35.625 35.625c-16.361 15.618-38.573 25.229-63.029 25.229s-46.669-9.611-63.065-25.263l0.036 0.034-35.625-35.625c-15.941-15.9-25.858-37.833-26.034-62.082v-0.034c-0.001-0.142-0.001-0.31-0.001-0.478 0-21.242 7.592-40.711 20.211-55.841l-0.113 0.14-201.42-202.79c-9.827 4.331-21.285 6.852-33.332 6.852-0.164 0-0.328 0-0.491-0.001h-48.389c-49.457-1.276-89.063-41.672-89.063-91.318 0-0.010 0-0.020 0-0.030v0.002-50.241c1.276-49.457 41.672-89.063 91.318-89.063 0.010 0 0.020 0 0.030 0h50.239c0.008 0 0.019 0 0.029 0 49.647 0 90.043 39.606 91.316 88.945l0.002 0.118v50.241c0.001 0.138 0.001 0.302 0.001 0.466 0 12.047-2.521 23.505-7.064 33.875l0.212-0.543 202.334 201.877c14.757-12.5 34.011-20.099 55.039-20.099 0.24 0 0.48 0.001 0.719 0.003h-0.037c0.191-0.002 0.416-0.002 0.641-0.002 21.189 0 40.605 7.594 55.673 20.209l-0.136-0.111 201.877-201.877c-4.331-9.827-6.852-21.285-6.852-33.332 0-0.164 0-0.328 0.001-0.491v0.025-50.241c2.254-46.21 38.525-83.271 84.187-86.761l0.309-0.019h50.241c47.703 2.448 85.605 41.144 86.777 88.951l0.002 0.113v50.241c-1.24 48.681-40.382 87.823-88.947 89.061l-0.117 0.002zM159.857 444.803c0-11.351-9.202-20.553-20.553-20.553h-47.957c-11.351 0-20.553 9.202-20.553 20.553v0 50.241c-0.003 0.137-0.005 0.299-0.005 0.462 0 11.445 9.151 20.752 20.535 21.005h50.265c11.249-0.25 20.303-9.304 20.553-20.53v-0.024zM529.813 820.696l-35.625-35.625c-3.727-3.769-8.899-6.103-14.616-6.103s-10.888 2.334-14.614 6.101l-35.627 35.627c-3.66 3.777-5.917 8.933-5.917 14.616s2.256 10.839 5.922 14.621l35.62 35.62c3.821 3.559 8.963 5.744 14.616 5.744s10.795-2.185 14.628-5.756l-0.013 0.012 35.625-35.625c3.769-3.727 6.103-8.899 6.103-14.616s-2.334-10.888-6.101-14.614l-0.002-0.002zM890.633 444.803c0-11.351-9.202-20.553-20.553-20.553h-47.957c-11.351 0-20.553 9.202-20.553 20.553v0 50.241c-0.003 0.137-0.005 0.299-0.005 0.462 0 11.445 9.151 20.752 20.535 21.005h50.265c11.249-0.25 20.303-9.304 20.553-20.53v-0.024z" />
94
  </font></defs></svg>
admin/assets/fonts/pa-dashboard.ttf CHANGED
Binary file
admin/assets/fonts/pa-dashboard.woff CHANGED
Binary file
admin/assets/fonts/style.css CHANGED
@@ -1,9 +1,9 @@
1
  @font-face {
2
  font-family: "pa-dash";
3
- src: url("pa-dashboard.eot?91ootf");
4
- src: url("pa-dashboard.eot?91ootf#iefix") format("embedded-opentype"),
5
- url("pa-dashboard.ttf?91ootf") format("truetype"), url("pa-dashboard.woff?91ootf") format("woff"),
6
- url("pa-dashboard.svg?91ootf#pa-dashboard") format("svg");
7
  font-weight: normal;
8
  font-style: normal;
9
  font-display: block;
1
  @font-face {
2
  font-family: "pa-dash";
3
+ src: url("pa-dashboard.eot?5i16k2");
4
+ src: url("pa-dashboard.eot?5i16k2#iefix") format("embedded-opentype"),
5
+ url("pa-dashboard.ttf?5i16k2") format("truetype"), url("pa-dashboard.woff?5i16k2") format("woff"),
6
+ url("pa-dashboard.svg?5i16k2#pa-dashboard") format("svg");
7
  font-weight: normal;
8
  font-style: normal;
9
  font-display: block;
admin/includes/admin-bar.php CHANGED
@@ -1,169 +1,169 @@
1
- <?php
2
- /**
3
- * PA Admin Bar
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit;
12
- }
13
-
14
- /**
15
- * Class Admin_Bar
16
- */
17
- class Admin_Bar {
18
-
19
- /**
20
- * Class instance
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( 'admin_bar_menu', array( $this, 'add_toolbar_items' ), 500 );
32
-
33
- add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_assets' ) );
34
-
35
- add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
36
-
37
- }
38
-
39
- public function enqueue_assets() {
40
-
41
- $suffix = is_rtl() ? '-rtl' : '';
42
-
43
- wp_enqueue_style(
44
- 'pa-admin',
45
- PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
46
- array(),
47
- PREMIUM_ADDONS_VERSION,
48
- 'all'
49
- );
50
-
51
- wp_enqueue_script(
52
- 'pa-admin-bar',
53
- PREMIUM_ADDONS_URL . 'admin/assets/js/admin-bar.js',
54
- array( 'jquery' ),
55
- PREMIUM_ADDONS_VERSION,
56
- true
57
- );
58
-
59
- wp_localize_script(
60
- 'pa-admin-bar',
61
- 'PaDynamicAssets',
62
- array(
63
- 'nonce' => wp_create_nonce( 'pa-generate-nonce' ),
64
- 'post_id' => get_queried_object_id(),
65
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
66
- )
67
- );
68
- }
69
-
70
- public function add_toolbar_items( \WP_Admin_Bar $admin_bar ) {
71
-
72
- if ( ! current_user_can( 'manage_options' ) ) {
73
- return;
74
- }
75
-
76
- $icon = '<i class="dashicons dashicons-update-alt"></i> ';
77
-
78
- $admin_bar->add_menu(
79
- array(
80
- 'id' => 'premium-addons',
81
- 'title' => $icon . __( ' PA Assets', 'premium-addons-for-elementor' ),
82
- 'href' => $this->get_dashboard_widgets_link(),
83
- 'meta' => array(
84
- 'title' => __( 'Premium Addons', 'premium-addons-for-elementor' ),
85
- ),
86
- )
87
- );
88
-
89
- if ( is_singular() ) {
90
- $admin_bar->add_menu(
91
- array(
92
- 'id' => 'pa-clear-page-cache',
93
- 'parent' => 'premium-addons',
94
- 'title' => $icon . __( 'Clear Page Generated Assets', 'premium-addons-for-elementor' ),
95
- 'href' => '#',
96
- 'meta' => array(
97
- 'class' => 'pa-clear-cache pa-clear-page-cache',
98
- ),
99
- )
100
- );
101
- }
102
-
103
- $admin_bar->add_menu(
104
- array(
105
- 'id' => 'pa-clear-all-cache',
106
- 'parent' => 'premium-addons',
107
- 'title' => $icon . __( 'Clear All Generated Assets', 'premium-addons-for-elementor' ),
108
- 'href' => '#',
109
- 'meta' => array(
110
- 'class' => 'pa-clear-cache pa-clear-all-cache',
111
- ),
112
- )
113
- );
114
-
115
- $doc_icon = '<i class="dashicons dashicons-editor-help"></i> ';
116
-
117
- $admin_bar->add_menu(
118
- array(
119
- 'id' => 'pa-feature-doc',
120
- 'parent' => 'premium-addons',
121
- 'title' => $doc_icon . __( 'Learn More', 'premium-addons-for-elementor' ),
122
- 'href' => 'https://premiumaddons.com/docs/dynamic-assets-generate-loading-for-elementor/',
123
- 'meta' => array(
124
- 'target' => '_blank',
125
- ),
126
- )
127
- );
128
- }
129
-
130
- /**
131
- * Get Dashboard Widgets Link
132
- *
133
- * Returns links for Widgets & Addons dashboard tab.
134
- *
135
- * @since 4.9.4
136
- * @access private
137
- *
138
- * @return string tab link.
139
- */
140
- private function get_dashboard_widgets_link() {
141
-
142
- return add_query_arg(
143
- array(
144
- 'page' => 'premium-addons#tab=elements',
145
- ),
146
- esc_url( admin_url( 'admin.php' ) )
147
- );
148
-
149
- }
150
-
151
- /**
152
- * Creates and returns an instance of the class
153
- *
154
- * @since 3.20.9
155
- * @access public
156
- *
157
- * @return object
158
- */
159
- public static function get_instance() {
160
-
161
- if ( ! isset( self::$instance ) ) {
162
-
163
- self::$instance = new self();
164
-
165
- }
166
-
167
- return self::$instance;
168
- }
169
- }
1
+ <?php
2
+ /**
3
+ * PA Admin Bar
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit;
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Bar
16
+ */
17
+ class Admin_Bar {
18
+
19
+ /**
20
+ * Class instance
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( 'admin_bar_menu', array( $this, 'add_toolbar_items' ), 500 );
32
+
33
+ add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_assets' ) );
34
+
35
+ add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
36
+
37
+ }
38
+
39
+ public function enqueue_assets() {
40
+
41
+ $suffix = is_rtl() ? '-rtl' : '';
42
+
43
+ wp_enqueue_style(
44
+ 'pa-admin',
45
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
46
+ array(),
47
+ PREMIUM_ADDONS_VERSION,
48
+ 'all'
49
+ );
50
+
51
+ wp_enqueue_script(
52
+ 'pa-admin-bar',
53
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin-bar.js',
54
+ array( 'jquery' ),
55
+ PREMIUM_ADDONS_VERSION,
56
+ true
57
+ );
58
+
59
+ wp_localize_script(
60
+ 'pa-admin-bar',
61
+ 'PaDynamicAssets',
62
+ array(
63
+ 'nonce' => wp_create_nonce( 'pa-generate-nonce' ),
64
+ 'post_id' => get_queried_object_id(),
65
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
66
+ )
67
+ );
68
+ }
69
+
70
+ public function add_toolbar_items( \WP_Admin_Bar $admin_bar ) {
71
+
72
+ if ( ! current_user_can( 'manage_options' ) ) {
73
+ return;
74
+ }
75
+
76
+ $icon = '<i class="dashicons dashicons-update-alt"></i> ';
77
+
78
+ $admin_bar->add_menu(
79
+ array(
80
+ 'id' => 'premium-addons',
81
+ 'title' => $icon . __( ' PA Assets', 'premium-addons-for-elementor' ),
82
+ 'href' => $this->get_dashboard_widgets_link(),
83
+ 'meta' => array(
84
+ 'title' => __( 'Premium Addons', 'premium-addons-for-elementor' ),
85
+ ),
86
+ )
87
+ );
88
+
89
+ if ( is_singular() ) {
90
+ $admin_bar->add_menu(
91
+ array(
92
+ 'id' => 'pa-clear-page-cache',
93
+ 'parent' => 'premium-addons',
94
+ 'title' => $icon . __( 'Clear Page Generated Assets', 'premium-addons-for-elementor' ),
95
+ 'href' => '#',
96
+ 'meta' => array(
97
+ 'class' => 'pa-clear-cache pa-clear-page-cache',
98
+ ),
99
+ )
100
+ );
101
+ }
102
+
103
+ $admin_bar->add_menu(
104
+ array(
105
+ 'id' => 'pa-clear-all-cache',
106
+ 'parent' => 'premium-addons',
107
+ 'title' => $icon . __( 'Clear All Generated Assets', 'premium-addons-for-elementor' ),
108
+ 'href' => '#',
109
+ 'meta' => array(
110
+ 'class' => 'pa-clear-cache pa-clear-all-cache',
111
+ ),
112
+ )
113
+ );
114
+
115
+ $doc_icon = '<i class="dashicons dashicons-editor-help"></i> ';
116
+
117
+ $admin_bar->add_menu(
118
+ array(
119
+ 'id' => 'pa-feature-doc',
120
+ 'parent' => 'premium-addons',
121
+ 'title' => $doc_icon . __( 'Learn More', 'premium-addons-for-elementor' ),
122
+ 'href' => 'https://premiumaddons.com/docs/dynamic-assets-generate-loading-for-elementor/',
123
+ 'meta' => array(
124
+ 'target' => '_blank',
125
+ ),
126
+ )
127
+ );
128
+ }
129
+
130
+ /**
131
+ * Get Dashboard Widgets Link
132
+ *
133
+ * Returns links for Widgets & Addons dashboard tab.
134
+ *
135
+ * @since 4.9.4
136
+ * @access private
137
+ *
138
+ * @return string tab link.
139
+ */
140
+ private function get_dashboard_widgets_link() {
141
+
142
+ return add_query_arg(
143
+ array(
144
+ 'page' => 'premium-addons#tab=elements',
145
+ ),
146
+ esc_url( admin_url( 'admin.php' ) )
147
+ );
148
+
149
+ }
150
+
151
+ /**
152
+ * Creates and returns an instance of the class
153
+ *
154
+ * @since 3.20.9
155
+ * @access public
156
+ *
157
+ * @return object
158
+ */
159
+ public static function get_instance() {
160
+
161
+ if ( ! isset( self::$instance ) ) {
162
+
163
+ self::$instance = new self();
164
+
165
+ }
166
+
167
+ return self::$instance;
168
+ }
169
+ }
admin/includes/admin-helper.php CHANGED
@@ -309,6 +309,14 @@ class Admin_Helper {
309
 
310
  if ( 'nav-menus' === $current_screen && $enabled_elements['premium-nav-menu'] ) {
311
 
 
 
 
 
 
 
 
 
312
  wp_enqueue_style( 'wp-color-picker' );
313
 
314
  wp_enqueue_style(
309
 
310
  if ( 'nav-menus' === $current_screen && $enabled_elements['premium-nav-menu'] ) {
311
 
312
+ wp_enqueue_style(
313
+ 'pa-font-awesome',
314
+ ELEMENTOR_ASSETS_URL . 'lib/font-awesome/css/font-awesome.min.css',
315
+ array(),
316
+ '4.7.0',
317
+ 'all'
318
+ );
319
+
320
  wp_enqueue_style( 'wp-color-picker' );
321
 
322
  wp_enqueue_style(
admin/includes/admin-notices.php CHANGED
@@ -1,405 +1,405 @@
1
- <?php
2
- /**
3
- * PA Admin Notices.
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit();
12
- }
13
-
14
- /**
15
- * Class Admin_Notices
16
- */
17
- class Admin_Notices {
18
-
19
- /**
20
- * Class object
21
- *
22
- * @var instance
23
- */
24
- private static $instance = null;
25
-
26
- /**
27
- * Elementor slug
28
- *
29
- * @var elementor
30
- */
31
- private static $elementor = 'elementor';
32
-
33
- /**
34
- * PAPRO Slug
35
- *
36
- * @var papro
37
- */
38
- private static $papro = 'premium-addons-pro';
39
-
40
- /**
41
- * Notices Keys
42
- *
43
- * @var notices
44
- */
45
- private static $notices = null;
46
-
47
- /**
48
- * Constructor for the class
49
- */
50
- public function __construct() {
51
-
52
- add_action( 'admin_init', array( $this, 'init' ) );
53
-
54
- add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
-
56
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
-
58
- add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
-
60
- add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
-
62
- self::$notices = array(
63
- 'pa-review',
64
- 'nav_menu_notice',
65
- );
66
-
67
- delete_option( 'badge_notice' );
68
-
69
- }
70
-
71
- /**
72
- * Init
73
- *
74
- * Init required functions
75
- *
76
- * @since 1.0.0
77
- * @access public
78
- */
79
- public function init() {
80
-
81
- $this->handle_review_notice();
82
-
83
- }
84
-
85
- /**
86
- * init notices check functions
87
- */
88
- public function admin_notices() {
89
-
90
- $this->required_plugins_check();
91
-
92
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
93
-
94
- $response = get_transient( $cache_key );
95
-
96
- $show_review = get_option( 'pa_review_notice' );
97
-
98
- // Make sure Already did was not clicked before.
99
- if ( '1' !== $show_review ) {
100
- if ( false == $response ) {
101
- $this->get_review_notice();
102
- }
103
- }
104
-
105
- $this->get_menu_notice();
106
-
107
- }
108
-
109
- /**
110
- * Handle Review Notice
111
- *
112
- * Checks if review message is dismissed.
113
- *
114
- * @access public
115
- * @return void
116
- */
117
- public function handle_review_notice() {
118
-
119
- if ( ! isset( $_GET['pa_review'] ) ) {
120
- return;
121
- }
122
-
123
- if ( 'opt_out' === $_GET['pa_review'] ) {
124
- check_admin_referer( 'opt_out' );
125
-
126
- update_option( 'pa_review_notice', '1' );
127
- }
128
-
129
- wp_safe_redirect( remove_query_arg( 'pa_review' ) );
130
-
131
- exit;
132
- }
133
-
134
- /**
135
- * Required plugin check
136
- *
137
- * Shows an admin notice when Elementor is missing.
138
- *
139
- * @since 1.0.0
140
- * @access public
141
- */
142
- public function required_plugins_check() {
143
-
144
- $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
145
-
146
- if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
147
-
148
- if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
149
-
150
- if ( Admin_Helper::check_user_can( 'install_plugins' ) ) {
151
-
152
- $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
153
-
154
- $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
155
-
156
- $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
157
-
158
- }
159
- } else {
160
-
161
- if ( Admin_Helper::check_user_can( 'activate_plugins' ) ) {
162
-
163
- $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
164
-
165
- $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
166
-
167
- $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
168
-
169
- }
170
- }
171
- $this->render_admin_notices( $message );
172
- }
173
- }
174
-
175
- /**
176
- * Get Review Text
177
- *
178
- * Gets admin review notice HTML.
179
- *
180
- * @since 2.8.4
181
- * @access public
182
- *
183
- * @param string $review_url plugin page.
184
- * @param string $optout_url redirect url.
185
- */
186
- public function get_review_text( $review_url, $optout_url ) {
187
-
188
- $notice = sprintf(
189
- '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
190
- '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
191
- <div>
192
- <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Sure, leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
193
- <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
194
- <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
195
- </div>',
196
- $review_url,
197
- $optout_url
198
- );
199
-
200
- return $notice;
201
- }
202
-
203
- /**
204
- * Checks if review admin notice is dismissed
205
- *
206
- * @since 2.6.8
207
- * @return void
208
- */
209
- public function get_review_notice() {
210
-
211
- $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
212
-
213
- $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
214
- ?>
215
-
216
- <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
217
- <div class="pa-img-wrap">
218
- <img src="<?php echo esc_url( PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png' ); ?>">
219
- </div>
220
- <div class="pa-text-wrap">
221
- <?php echo wp_kses_post( $this->get_review_text( $review_url, $optout_url ) ); ?>
222
- </div>
223
- <div class="pa-notice-close">
224
- <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
225
- </div>
226
- </div>
227
-
228
- <?php
229
-
230
- }
231
-
232
- /**
233
- *
234
- * Shows admin notice for Premium Navigation Menu.
235
- *
236
- * @since 4.8.8
237
- * @access public
238
- *
239
- * @return void
240
- */
241
- public function get_menu_notice() {
242
-
243
- $nav_notice = get_option( 'nav_menu_notice' );
244
-
245
- if ( '1' === $nav_notice ) {
246
- return;
247
- }
248
-
249
- $notice_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-mega-menu-widget', 'menu-notification', 'wp-dash', 'mega-menu' );
250
-
251
- ?>
252
-
253
- <div class="error pa-notice-wrap pa-new-feature-notice">
254
- <div class="pa-img-wrap">
255
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
256
- </div>
257
- <div class="pa-text-wrap">
258
- <p>
259
- <strong><?php echo __( 'Premium Navigation/Mega Menu Widget', 'premium-addons-for-elemetor' ); ?></strong>
260
- <?php echo sprintf( __( 'is now available in Premium Addons for Elementor. <a href="%s" target="_blank">Check it out now!</a>', 'premium-addons-for-elementor' ), $notice_url ); ?>
261
- </p>
262
- </div>
263
- <div class="pa-notice-close" data-notice="nav">
264
- <span class="dashicons dashicons-dismiss"></span>
265
- </div>
266
- </div>
267
-
268
- <?php
269
- }
270
-
271
-
272
-
273
- /**
274
- * Renders an admin notice error message
275
- *
276
- * @since 1.0.0
277
- * @access private
278
- *
279
- * @param string $message notice text.
280
- * @param string $class notice class.
281
- * @param string $handle notice handle.
282
- *
283
- * @return void
284
- */
285
- private function render_admin_notices( $message, $class = '', $handle = '' ) {
286
- ?>
287
- <div class="error pa-new-feature-notice <?php echo esc_attr( $class ); ?>" data-notice="<?php echo esc_attr( $handle ); ?>">
288
- <?php echo wp_kses_post( $message ); ?>
289
- </div>
290
- <?php
291
- }
292
-
293
- /**
294
- * Register admin scripts
295
- *
296
- * @since 3.2.8
297
- * @access public
298
- */
299
- public function admin_enqueue_scripts() {
300
-
301
- wp_enqueue_script(
302
- 'pa-notice',
303
- PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
304
- array( 'jquery' ),
305
- PREMIUM_ADDONS_VERSION,
306
- true
307
- );
308
-
309
- wp_localize_script(
310
- 'pa-notice',
311
- 'PaNoticeSettings',
312
- array(
313
- 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
314
- 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
315
- )
316
- );
317
-
318
- }
319
-
320
- /**
321
- * Set transient for admin notice
322
- *
323
- * @since 3.2.8
324
- * @access public
325
- *
326
- * @return void
327
- */
328
- public function reset_admin_notice() {
329
-
330
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
331
-
332
- if ( ! Admin_Helper::check_user_can( 'manage_options' ) ) {
333
- wp_send_json_error();
334
- }
335
-
336
- $key = isset( $_POST['notice'] ) ? sanitize_text_field( wp_unslash( $_POST['notice'] ) ) : '';
337
-
338
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
339
-
340
- $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
341
-
342
- set_transient( $cache_key, true, WEEK_IN_SECONDS );
343
-
344
- wp_send_json_success();
345
-
346
- } else {
347
-
348
- wp_send_json_error();
349
-
350
- }
351
-
352
- }
353
-
354
- /**
355
- * Dismiss admin notice
356
- *
357
- * @since 3.11.7
358
- * @access public
359
- *
360
- * @return void
361
- */
362
- public function dismiss_admin_notice() {
363
-
364
- check_ajax_referer( 'pa-notice-nonce', 'nonce' );
365
-
366
- if ( ! current_user_can( 'manage_options' ) ) {
367
- wp_send_json_error();
368
- }
369
-
370
- $key = isset( $_POST['notice'] ) ? sanitize_text_field( wp_unslash( $_POST['notice'] ) ) : '';
371
-
372
- if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
373
-
374
- update_option( $key, '1' );
375
-
376
- wp_send_json_success();
377
-
378
- } else {
379
-
380
- wp_send_json_error();
381
-
382
- }
383
-
384
- }
385
-
386
- /**
387
- * Creates and returns an instance of the class
388
- *
389
- * @since 2.8.4
390
- * @access public
391
- *
392
- * @return object
393
- */
394
- public static function get_instance() {
395
-
396
- if ( ! isset( self::$instance ) ) {
397
-
398
- self::$instance = new self();
399
-
400
- }
401
-
402
- return self::$instance;
403
- }
404
-
405
- }
1
+ <?php
2
+ /**
3
+ * PA Admin Notices.
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit();
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Notices
16
+ */
17
+ class Admin_Notices {
18
+
19
+ /**
20
+ * Class object
21
+ *
22
+ * @var instance
23
+ */
24
+ private static $instance = null;
25
+
26
+ /**
27
+ * Elementor slug
28
+ *
29
+ * @var elementor
30
+ */
31
+ private static $elementor = 'elementor';
32
+
33
+ /**
34
+ * PAPRO Slug
35
+ *
36
+ * @var papro
37
+ */
38
+ private static $papro = 'premium-addons-pro';
39
+
40
+ /**
41
+ * Notices Keys
42
+ *
43
+ * @var notices
44
+ */
45
+ private static $notices = null;
46
+
47
+ /**
48
+ * Constructor for the class
49
+ */
50
+ public function __construct() {
51
+
52
+ add_action( 'admin_init', array( $this, 'init' ) );
53
+
54
+ add_action( 'admin_notices', array( $this, 'admin_notices' ) );
55
+
56
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
57
+
58
+ add_action( 'wp_ajax_pa_reset_admin_notice', array( $this, 'reset_admin_notice' ) );
59
+
60
+ add_action( 'wp_ajax_pa_dismiss_admin_notice', array( $this, 'dismiss_admin_notice' ) );
61
+
62
+ self::$notices = array(
63
+ 'pa-review',
64
+ 'nav_menu_notice',
65
+ );
66
+
67
+ delete_option( 'badge_notice' );
68
+
69
+ }
70
+
71
+ /**
72
+ * Init
73
+ *
74
+ * Init required functions
75
+ *
76
+ * @since 1.0.0
77
+ * @access public
78
+ */
79
+ public function init() {
80
+
81
+ $this->handle_review_notice();
82
+
83
+ }
84
+
85
+ /**
86
+ * init notices check functions
87
+ */
88
+ public function admin_notices() {
89
+
90
+ $this->required_plugins_check();
91
+
92
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
93
+
94
+ $response = get_transient( $cache_key );
95
+
96
+ $show_review = get_option( 'pa_review_notice' );
97
+
98
+ // Make sure Already did was not clicked before.
99
+ if ( '1' !== $show_review ) {
100
+ if ( false == $response ) {
101
+ $this->get_review_notice();
102
+ }
103
+ }
104
+
105
+ $this->get_menu_notice();
106
+
107
+ }
108
+
109
+ /**
110
+ * Handle Review Notice
111
+ *
112
+ * Checks if review message is dismissed.
113
+ *
114
+ * @access public
115
+ * @return void
116
+ */
117
+ public function handle_review_notice() {
118
+
119
+ if ( ! isset( $_GET['pa_review'] ) ) {
120
+ return;
121
+ }
122
+
123
+ if ( 'opt_out' === $_GET['pa_review'] ) {
124
+ check_admin_referer( 'opt_out' );
125
+
126
+ update_option( 'pa_review_notice', '1' );
127
+ }
128
+
129
+ wp_safe_redirect( remove_query_arg( 'pa_review' ) );
130
+
131
+ exit;
132
+ }
133
+
134
+ /**
135
+ * Required plugin check
136
+ *
137
+ * Shows an admin notice when Elementor is missing.
138
+ *
139
+ * @since 1.0.0
140
+ * @access public
141
+ */
142
+ public function required_plugins_check() {
143
+
144
+ $elementor_path = sprintf( '%1$s/%1$s.php', self::$elementor );
145
+
146
+ if ( ! defined( 'ELEMENTOR_VERSION' ) ) {
147
+
148
+ if ( ! Helper_Functions::is_plugin_installed( $elementor_path ) ) {
149
+
150
+ if ( Admin_Helper::check_user_can( 'install_plugins' ) ) {
151
+
152
+ $install_url = wp_nonce_url( self_admin_url( sprintf( 'update.php?action=install-plugin&plugin=%s', self::$elementor ) ), 'install-plugin_elementor' );
153
+
154
+ $message = sprintf( '<p>%s</p>', __( 'Premium Addons for Elementor is not working because you need to Install Elementor plugin.', 'premium-addons-for-elementor' ) );
155
+
156
+ $message .= sprintf( '<p><a href="%s" class="button-primary">%s</a></p>', $install_url, __( 'Install Now', 'premium-addons-for-elementor' ) );
157
+
158
+ }
159
+ } else {
160
+
161
+ if ( Admin_Helper::check_user_can( 'activate_plugins' ) ) {
162
+
163
+ $activation_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=' . $elementor_path . '&amp;plugin_status=all&amp;paged=1&amp;s', 'activate-plugin_' . $elementor_path );
164
+
165
+ $message = '<p>' . __( 'Premium Addons for Elementor is not working because you need to activate Elementor plugin.', 'premium-addons-for-elementor' ) . '</p>';
166
+
167
+ $message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Now', 'premium-addons-for-elementor' ) ) . '</p>';
168
+
169
+ }
170
+ }
171
+ $this->render_admin_notices( $message );
172
+ }
173
+ }
174
+
175
+ /**
176
+ * Get Review Text
177
+ *
178
+ * Gets admin review notice HTML.
179
+ *
180
+ * @since 2.8.4
181
+ * @access public
182
+ *
183
+ * @param string $review_url plugin page.
184
+ * @param string $optout_url redirect url.
185
+ */
186
+ public function get_review_text( $review_url, $optout_url ) {
187
+
188
+ $notice = sprintf(
189
+ '<p>' . __( 'Can we take only 2 minutes of your time? We would be really grateful it if you give ', 'premium-addons-for-elementor' ) .
190
+ '<b>' . __( 'Premium Addons for Elementor', 'premium-addons-for-elementor' ) . '</b> a 5 Stars Rating on WordPress.org. By speading the love, we can create even greater free stuff in the future!</p>
191
+ <div>
192
+ <a class="button button-primary" href="%s" target="_blank"><span>' . __( 'Sure, leave a Review', 'premium-addons-for-elementor' ) . '</span></a>
193
+ <a class="button" href="%2$s"><span>' . __( 'I Already Did', 'premium-addons-for-elementor' ) . '</span></a>
194
+ <a class="button button-secondary pa-notice-reset"><span>' . __( 'Maybe Later', 'premium-addons-for-elementor' ) . '</span></a>
195
+ </div>',
196
+ $review_url,
197
+ $optout_url
198
+ );
199
+
200
+ return $notice;
201
+ }
202
+
203
+ /**
204
+ * Checks if review admin notice is dismissed
205
+ *
206
+ * @since 2.6.8
207
+ * @return void
208
+ */
209
+ public function get_review_notice() {
210
+
211
+ $review_url = 'https://wordpress.org/support/plugin/premium-addons-for-elementor/reviews/?filter=5';
212
+
213
+ $optout_url = wp_nonce_url( add_query_arg( 'pa_review', 'opt_out' ), 'opt_out' );
214
+ ?>
215
+
216
+ <div class="error pa-notice-wrap pa-review-notice" data-notice="pa-review">
217
+ <div class="pa-img-wrap">
218
+ <img src="<?php echo esc_url( PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png' ); ?>">
219
+ </div>
220
+ <div class="pa-text-wrap">
221
+ <?php echo wp_kses_post( $this->get_review_text( $review_url, $optout_url ) ); ?>
222
+ </div>
223
+ <div class="pa-notice-close">
224
+ <a href="<?php echo esc_url( $optout_url ); ?>"><span class="dashicons dashicons-dismiss"></span></a>
225
+ </div>
226
+ </div>
227
+
228
+ <?php
229
+
230
+ }
231
+
232
+ /**
233
+ *
234
+ * Shows admin notice for Premium Navigation Menu.
235
+ *
236
+ * @since 4.8.8
237
+ * @access public
238
+ *
239
+ * @return void
240
+ */
241
+ public function get_menu_notice() {
242
+
243
+ $nav_notice = get_option( 'nav_menu_notice' );
244
+
245
+ if ( '1' === $nav_notice ) {
246
+ return;
247
+ }
248
+
249
+ $notice_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-mega-menu-widget', 'menu-notification', 'wp-dash', 'mega-menu' );
250
+
251
+ ?>
252
+
253
+ <div class="error pa-notice-wrap pa-new-feature-notice">
254
+ <div class="pa-img-wrap">
255
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>">
256
+ </div>
257
+ <div class="pa-text-wrap">
258
+ <p>
259
+ <strong><?php echo __( 'Premium Navigation/Mega Menu Widget', 'premium-addons-for-elemetor' ); ?></strong>
260
+ <?php echo sprintf( __( 'is now available in Premium Addons for Elementor. <a href="%s" target="_blank">Check it out now!</a>', 'premium-addons-for-elementor' ), $notice_url ); ?>
261
+ </p>
262
+ </div>
263
+ <div class="pa-notice-close" data-notice="nav">
264
+ <span class="dashicons dashicons-dismiss"></span>
265
+ </div>
266
+ </div>
267
+
268
+ <?php
269
+ }
270
+
271
+
272
+
273
+ /**
274
+ * Renders an admin notice error message
275
+ *
276
+ * @since 1.0.0
277
+ * @access private
278
+ *
279
+ * @param string $message notice text.
280
+ * @param string $class notice class.
281
+ * @param string $handle notice handle.
282
+ *
283
+ * @return void
284
+ */
285
+ private function render_admin_notices( $message, $class = '', $handle = '' ) {
286
+ ?>
287
+ <div class="error pa-new-feature-notice <?php echo esc_attr( $class ); ?>" data-notice="<?php echo esc_attr( $handle ); ?>">
288
+ <?php echo wp_kses_post( $message ); ?>
289
+ </div>
290
+ <?php
291
+ }
292
+
293
+ /**
294
+ * Register admin scripts
295
+ *
296
+ * @since 3.2.8
297
+ * @access public
298
+ */
299
+ public function admin_enqueue_scripts() {
300
+
301
+ wp_enqueue_script(
302
+ 'pa-notice',
303
+ PREMIUM_ADDONS_URL . 'admin/assets/js/pa-notice.js',
304
+ array( 'jquery' ),
305
+ PREMIUM_ADDONS_VERSION,
306
+ true
307
+ );
308
+
309
+ wp_localize_script(
310
+ 'pa-notice',
311
+ 'PaNoticeSettings',
312
+ array(
313
+ 'ajaxurl' => esc_url( admin_url( 'admin-ajax.php' ) ),
314
+ 'nonce' => wp_create_nonce( 'pa-notice-nonce' ),
315
+ )
316
+ );
317
+
318
+ }
319
+
320
+ /**
321
+ * Set transient for admin notice
322
+ *
323
+ * @since 3.2.8
324
+ * @access public
325
+ *
326
+ * @return void
327
+ */
328
+ public function reset_admin_notice() {
329
+
330
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
331
+
332
+ if ( ! Admin_Helper::check_user_can( 'manage_options' ) ) {
333
+ wp_send_json_error();
334
+ }
335
+
336
+ $key = isset( $_POST['notice'] ) ? sanitize_text_field( wp_unslash( $_POST['notice'] ) ) : '';
337
+
338
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
339
+
340
+ $cache_key = 'premium_notice_' . PREMIUM_ADDONS_VERSION;
341
+
342
+ set_transient( $cache_key, true, WEEK_IN_SECONDS );
343
+
344
+ wp_send_json_success();
345
+
346
+ } else {
347
+
348
+ wp_send_json_error();
349
+
350
+ }
351
+
352
+ }
353
+
354
+ /**
355
+ * Dismiss admin notice
356
+ *
357
+ * @since 3.11.7
358
+ * @access public
359
+ *
360
+ * @return void
361
+ */
362
+ public function dismiss_admin_notice() {
363
+
364
+ check_ajax_referer( 'pa-notice-nonce', 'nonce' );
365
+
366
+ if ( ! current_user_can( 'manage_options' ) ) {
367
+ wp_send_json_error();
368
+ }
369
+
370
+ $key = isset( $_POST['notice'] ) ? sanitize_text_field( wp_unslash( $_POST['notice'] ) ) : '';
371
+
372
+ if ( ! empty( $key ) && in_array( $key, self::$notices, true ) ) {
373
+
374
+ update_option( $key, '1' );
375
+
376
+ wp_send_json_success();
377
+
378
+ } else {
379
+
380
+ wp_send_json_error();
381
+
382
+ }
383
+
384
+ }
385
+
386
+ /**
387
+ * Creates and returns an instance of the class
388
+ *
389
+ * @since 2.8.4
390
+ * @access public
391
+ *
392
+ * @return object
393
+ */
394
+ public static function get_instance() {
395
+
396
+ if ( ! isset( self::$instance ) ) {
397
+
398
+ self::$instance = new self();
399
+
400
+ }
401
+
402
+ return self::$instance;
403
+ }
404
+
405
+ }
admin/includes/beta-testers.php CHANGED
@@ -1,143 +1,143 @@
1
- <?php
2
- /**
3
- * PA Beta Tester.
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- if ( ! defined( 'ABSPATH' ) ) {
9
- exit;
10
- }
11
-
12
- /**
13
- * Class Beta_Testers.
14
- */
15
- class Beta_Testers {
16
-
17
- /**
18
- * Class object
19
- *
20
- * @var instance
21
- */
22
- private static $instance = null;
23
-
24
- /**
25
- * Transient key
26
- *
27
- * @var transient_key
28
- */
29
- private $transient_key;
30
-
31
- /**
32
- * Class Constructor
33
- */
34
- public function __construct() {
35
-
36
- $settings = Admin_Helper::get_integrations_settings();
37
-
38
- $is_beta_tester = isset( $settings['is-beta-tester'] ) ? $settings['is-beta-tester'] : 0;
39
-
40
- if ( ! $is_beta_tester ) {
41
- return;
42
- }
43
-
44
- $this->transient_key = md5( 'premium_addons_beta_response_key' );
45
-
46
- add_filter( 'pre_set_site_transient_update_plugins', array( $this, 'compare_version' ) );
47
-
48
- }
49
-
50
- /**
51
- * Get beta version
52
- *
53
- * Checks if the version in trunk is beta
54
- *
55
- * @since 2.1.3
56
- * @access public
57
- */
58
- private function get_beta_version() {
59
-
60
- $beta_version = get_site_transient( $this->transient_key );
61
-
62
- if ( false === $beta_version ) {
63
-
64
- $beta_version = 'false';
65
-
66
- $response = wp_remote_get( 'https://plugins.svn.wordpress.org/premium-addons-for-elementor/trunk/readme.txt' );
67
-
68
- if ( ! is_wp_error( $response ) && ! empty( $response['body'] ) ) {
69
- preg_match( '/Beta tag: (.*)/i', $response['body'], $matches );
70
- if ( isset( $matches[1] ) ) {
71
- $beta_version = trim( $matches[1] );
72
- }
73
- }
74
-
75
- set_site_transient( $this->transient_key, $beta_version, 12 * HOUR_IN_SECONDS );
76
-
77
- }
78
-
79
- return $beta_version;
80
- }
81
-
82
- /**
83
- * Get version
84
- *
85
- * Checks if the version in trunk is beta
86
- *
87
- * @since 2.1.3
88
- * @access public
89
- *
90
- * @param object $transient Plugin updates data.
91
- *
92
- * @return object Plugin updates data.
93
- */
94
- public function compare_version( $transient ) {
95
-
96
- if ( empty( $transient->checked ) ) {
97
- return $transient;
98
- }
99
-
100
- delete_site_transient( $this->transient_key );
101
-
102
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
103
-
104
- $beta_version = $this->get_beta_version();
105
-
106
- if ( 'false' !== $beta_version && version_compare( $beta_version, PREMIUM_ADDONS_VERSION, '>' ) ) {
107
-
108
- $response = new \stdClass();
109
-
110
- $response->plugin = $plugin_slug;
111
-
112
- $response->slug = $plugin_slug;
113
-
114
- $response->new_version = $beta_version;
115
-
116
- $response->url = 'https://premiumaddons.com/';
117
-
118
- $response->package = sprintf( 'https://downloads.wordpress.org/plugin/premium-addons-for-elementor.%s.zip', $beta_version );
119
-
120
- $transient->response[ PREMIUM_ADDONS_BASENAME ] = $response;
121
- }
122
-
123
- return $transient;
124
- }
125
-
126
- /**
127
- * Creates and returns an instance of the class
128
- *
129
- * @since 2.6.8
130
- * @access public
131
- *
132
- * @return object
133
- */
134
- public static function get_instance() {
135
-
136
- if ( ! isset( self::$instance ) ) {
137
-
138
- self::$instance = new self();
139
-
140
- }
141
- return self::$instance;
142
- }
143
- }
1
+ <?php
2
+ /**
3
+ * PA Beta Tester.
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ if ( ! defined( 'ABSPATH' ) ) {
9
+ exit;
10
+ }
11
+
12
+ /**
13
+ * Class Beta_Testers.
14
+ */
15
+ class Beta_Testers {
16
+
17
+ /**
18
+ * Class object
19
+ *
20
+ * @var instance
21
+ */
22
+ private static $instance = null;
23
+
24
+ /**
25
+ * Transient key
26
+ *
27
+ * @var transient_key
28
+ */
29
+ private $transient_key;
30
+
31
+ /**
32
+ * Class Constructor
33
+ */
34
+ public function __construct() {
35
+
36
+ $settings = Admin_Helper::get_integrations_settings();
37
+
38
+ $is_beta_tester = isset( $settings['is-beta-tester'] ) ? $settings['is-beta-tester'] : 0;
39
+
40
+ if ( ! $is_beta_tester ) {
41
+ return;
42
+ }
43
+
44
+ $this->transient_key = md5( 'premium_addons_beta_response_key' );
45
+
46
+ add_filter( 'pre_set_site_transient_update_plugins', array( $this, 'compare_version' ) );
47
+
48
+ }
49
+
50
+ /**
51
+ * Get beta version
52
+ *
53
+ * Checks if the version in trunk is beta
54
+ *
55
+ * @since 2.1.3
56
+ * @access public
57
+ */
58
+ private function get_beta_version() {
59
+
60
+ $beta_version = get_site_transient( $this->transient_key );
61
+
62
+ if ( false === $beta_version ) {
63
+
64
+ $beta_version = 'false';
65
+
66
+ $response = wp_remote_get( 'https://plugins.svn.wordpress.org/premium-addons-for-elementor/trunk/readme.txt' );
67
+
68
+ if ( ! is_wp_error( $response ) && ! empty( $response['body'] ) ) {
69
+ preg_match( '/Beta tag: (.*)/i', $response['body'], $matches );
70
+ if ( isset( $matches[1] ) ) {
71
+ $beta_version = trim( $matches[1] );
72
+ }
73
+ }
74
+
75
+ set_site_transient( $this->transient_key, $beta_version, 12 * HOUR_IN_SECONDS );
76
+
77
+ }
78
+
79
+ return $beta_version;
80
+ }
81
+
82
+ /**
83
+ * Get version
84
+ *
85
+ * Checks if the version in trunk is beta
86
+ *
87
+ * @since 2.1.3
88
+ * @access public
89
+ *
90
+ * @param object $transient Plugin updates data.
91
+ *
92
+ * @return object Plugin updates data.
93
+ */
94
+ public function compare_version( $transient ) {
95
+
96
+ if ( empty( $transient->checked ) ) {
97
+ return $transient;
98
+ }
99
+
100
+ delete_site_transient( $this->transient_key );
101
+
102
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
103
+
104
+ $beta_version = $this->get_beta_version();
105
+
106
+ if ( 'false' !== $beta_version && version_compare( $beta_version, PREMIUM_ADDONS_VERSION, '>' ) ) {
107
+
108
+ $response = new \stdClass();
109
+
110
+ $response->plugin = $plugin_slug;
111
+
112
+ $response->slug = $plugin_slug;
113
+
114
+ $response->new_version = $beta_version;
115
+
116
+ $response->url = 'https://premiumaddons.com/';
117
+
118
+ $response->package = sprintf( 'https://downloads.wordpress.org/plugin/premium-addons-for-elementor.%s.zip', $beta_version );
119
+
120
+ $transient->response[ PREMIUM_ADDONS_BASENAME ] = $response;
121
+ }
122
+
123
+ return $transient;
124
+ }
125
+
126
+ /**
127
+ * Creates and returns an instance of the class
128
+ *
129
+ * @since 2.6.8
130
+ * @access public
131
+ *
132
+ * @return object
133
+ */
134
+ public static function get_instance() {
135
+
136
+ if ( ! isset( self::$instance ) ) {
137
+
138
+ self::$instance = new self();
139
+
140
+ }
141
+ return self::$instance;
142
+ }
143
+ }
admin/includes/elements.php CHANGED
@@ -57,6 +57,12 @@ $elements = array(
57
  'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
58
  'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
  ),
 
 
 
 
 
 
60
  array(
61
  'key' => 'premium-tabs',
62
  'name' => 'premium-addon-tabs',
@@ -944,6 +950,12 @@ $elements = array(
944
  'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
945
  'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
946
  ),
 
 
 
 
 
 
947
  ),
948
  ),
949
  'cat-8' => array(
57
  'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
58
  'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
  ),
60
+ // array(
61
+ // 'key' => 'premium-svg-drawer',
62
+ // 'name' => 'premium-svg-drawer',
63
+ // 'title' => __( 'SVG Drawer', 'premium-addons-for-elementor' ),
64
+ // 'is_pro' => true,
65
+ // ),
66
  array(
67
  'key' => 'premium-tabs',
68
  'name' => 'premium-addon-tabs',
950
  'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
951
  'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
952
  ),
953
+ // array(
954
+ // 'key' => 'premium-svg-drawer',
955
+ // 'name' => 'premium-svg-drawer',
956
+ // 'title' => __( 'SVG Drawer', 'premium-addons-for-elementor' ),
957
+ // 'is_pro' => true,
958
+ // ),
959
  ),
960
  ),
961
  'cat-8' => array(
admin/includes/templates/features.php CHANGED
@@ -1,185 +1,185 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- $prefix = Helper_Functions::get_prefix();
10
-
11
- // Get elements settings
12
- $enabled_elements = self::get_enabled_elements();
13
-
14
- $elements = self::get_elements_list();
15
-
16
- $features = $elements['cat-11']['elements'];
17
-
18
- ?>
19
-
20
- <div class="pa-section-content">
21
- <div class="row">
22
- <div class="col-full">
23
- <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
24
- <div id="pa-features-settings" class="pa-settings-tab">
25
-
26
- <div class="pa-section-outer-wrap">
27
- <div class="pa-section-info-wrap">
28
- <div class="pa-section-info">
29
- <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
30
- <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
31
- </div>
32
-
33
- <div class="pa-section-info-cta">
34
- <label class="switch">
35
- <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
36
- <span class="slider round"></span>
37
- </label>
38
- </p>
39
- </div>
40
- </div>
41
- <a href="<?php echo esc_url( $features[0]['demo'] ); ?>" target="_blank"></a>
42
- </div>
43
-
44
- <div class="pa-section-outer-wrap">
45
- <div class="pa-section-info-wrap">
46
- <div class="pa-section-info">
47
- <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
48
- <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
49
- </div>
50
-
51
- <div class="pa-section-info-cta">
52
- <label class="switch">
53
- <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
54
- <span class="slider round"></span>
55
- </label>
56
- </p>
57
- </div>
58
- </div>
59
- <a href="<?php echo esc_url( $features[1]['demo'] ); ?>" target="_blank"></a>
60
- </div>
61
-
62
- <div class="pa-section-outer-wrap">
63
- <div class="pa-section-info-wrap">
64
- <div class="pa-section-info">
65
- <h4><?php echo __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ); ?></h4>
66
- <p><?php echo __( 'Change the default mouse cursor with icon, image, or Lottie animation for any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
67
- </div>
68
- <?php
69
-
70
- $status = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-cursor'], false );
71
- $class = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
72
- $switcher_class = $class . 'slider round';
73
-
74
- ?>
75
- <div class="pa-section-info-cta">
76
- <label class="switch">
77
- <input type="checkbox" id="premium-global-cursor" name="premium-global-cursor" <?php echo $status; ?>>
78
- <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
79
- </label>
80
- </p>
81
- </div>
82
- </div>
83
- <a href="<?php echo esc_url( $features[3]['demo'] ); ?>" target="_blank"></a>
84
- </div>
85
-
86
- <div class="pa-section-outer-wrap">
87
- <div class="pa-section-info-wrap">
88
- <div class="pa-section-info">
89
- <h4><?php echo __( 'Global Badge', 'premium-addons-for-elementor' ); ?></h4>
90
- <p><?php echo __( 'Add icon, image, Lottie, or SVG blob shape badge to any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
91
- </div>
92
- <?php
93
-
94
- $status = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-badge'], false );
95
- $class = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
96
- $switcher_class = $class . 'slider round';
97
-
98
- ?>
99
- <div class="pa-section-info-cta">
100
- <label class="switch">
101
- <input type="checkbox" id="premium-global-badge" name="premium-global-badge" <?php echo $status; ?>>
102
- <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
103
- </label>
104
- </p>
105
- </div>
106
- </div>
107
- <a href="<?php echo esc_url( $features[4]['demo'] ); ?>" target="_blank"></a>
108
- </div>
109
-
110
- <div class="pa-section-outer-wrap">
111
- <div class="pa-section-info-wrap">
112
- <div class="pa-section-info">
113
- <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
114
- <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
115
- </div>
116
-
117
- <div class="pa-section-info-cta">
118
- <label class="switch">
119
- <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
120
- <span class="slider round"></span>
121
- </label>
122
- </p>
123
- </div>
124
- </div>
125
- <a href="<?php echo esc_url( $features[2]['demo'] ); ?>" target="_blank"></a>
126
- </div>
127
-
128
- <div class="pa-section-outer-wrap">
129
- <div class="pa-section-info-wrap">
130
- <div class="pa-section-info">
131
- <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
132
- <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
133
- </div>
134
-
135
- <div class="pa-section-info-cta">
136
- <label class="switch">
137
- <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
138
- <span class="slider round"></span>
139
- </label>
140
- </p>
141
- </div>
142
- </div>
143
- <a href="<?php echo esc_url( $features[5]['demo'] ); ?>" target="_blank"></a>
144
- </div>
145
-
146
- <div class="pa-section-outer-wrap">
147
- <div class="pa-section-info-wrap">
148
- <div class="pa-section-info">
149
- <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
150
- <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
151
- </div>
152
-
153
- <div class="pa-section-info-cta">
154
- <label class="switch">
155
- <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
156
- <span class="slider round"></span>
157
- </label>
158
- </p>
159
- </div>
160
- </div>
161
- <a href="<?php echo esc_url( $features[6]['demo'] ); ?>" target="_blank"></a>
162
- </div>
163
-
164
- <div class="pa-section-outer-wrap">
165
- <div class="pa-section-info-wrap">
166
- <div class="pa-section-info">
167
- <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
168
- <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
169
- </div>
170
-
171
- <div class="pa-section-info-cta">
172
- <label class="switch">
173
- <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
174
- <span class="slider round"></span>
175
- </label>
176
- </p>
177
- </div>
178
- </div>
179
- </div>
180
-
181
- </div>
182
- </form> <!-- End Form -->
183
- </div>
184
- </div>
185
- </div> <!-- End Section Content -->
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ $prefix = Helper_Functions::get_prefix();
10
+
11
+ // Get elements settings
12
+ $enabled_elements = self::get_enabled_elements();
13
+
14
+ $elements = self::get_elements_list();
15
+
16
+ $features = $elements['cat-11']['elements'];
17
+
18
+ ?>
19
+
20
+ <div class="pa-section-content">
21
+ <div class="row">
22
+ <div class="col-full">
23
+ <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
24
+ <div id="pa-features-settings" class="pa-settings-tab">
25
+
26
+ <div class="pa-section-outer-wrap">
27
+ <div class="pa-section-info-wrap">
28
+ <div class="pa-section-info">
29
+ <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
30
+ <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
31
+ </div>
32
+
33
+ <div class="pa-section-info-cta">
34
+ <label class="switch">
35
+ <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
36
+ <span class="slider round"></span>
37
+ </label>
38
+ </p>
39
+ </div>
40
+ </div>
41
+ <a href="<?php echo esc_url( $features[0]['demo'] ); ?>" target="_blank"></a>
42
+ </div>
43
+
44
+ <div class="pa-section-outer-wrap">
45
+ <div class="pa-section-info-wrap">
46
+ <div class="pa-section-info">
47
+ <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
48
+ <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
49
+ </div>
50
+
51
+ <div class="pa-section-info-cta">
52
+ <label class="switch">
53
+ <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
54
+ <span class="slider round"></span>
55
+ </label>
56
+ </p>
57
+ </div>
58
+ </div>
59
+ <a href="<?php echo esc_url( $features[1]['demo'] ); ?>" target="_blank"></a>
60
+ </div>
61
+
62
+ <div class="pa-section-outer-wrap">
63
+ <div class="pa-section-info-wrap">
64
+ <div class="pa-section-info">
65
+ <h4><?php echo __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ); ?></h4>
66
+ <p><?php echo __( 'Change the default mouse cursor with icon, image, or Lottie animation for any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
67
+ </div>
68
+ <?php
69
+
70
+ $status = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-cursor'], false );
71
+ $class = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
72
+ $switcher_class = $class . 'slider round';
73
+
74
+ ?>
75
+ <div class="pa-section-info-cta">
76
+ <label class="switch">
77
+ <input type="checkbox" id="premium-global-cursor" name="premium-global-cursor" <?php echo $status; ?>>
78
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
79
+ </label>
80
+ </p>
81
+ </div>
82
+ </div>
83
+ <a href="<?php echo esc_url( $features[3]['demo'] ); ?>" target="_blank"></a>
84
+ </div>
85
+
86
+ <div class="pa-section-outer-wrap">
87
+ <div class="pa-section-info-wrap">
88
+ <div class="pa-section-info">
89
+ <h4><?php echo __( 'Global Badge', 'premium-addons-for-elementor' ); ?></h4>
90
+ <p><?php echo __( 'Add icon, image, Lottie, or SVG blob shape badge to any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
91
+ </div>
92
+ <?php
93
+
94
+ $status = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-badge'], false );
95
+ $class = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
96
+ $switcher_class = $class . 'slider round';
97
+
98
+ ?>
99
+ <div class="pa-section-info-cta">
100
+ <label class="switch">
101
+ <input type="checkbox" id="premium-global-badge" name="premium-global-badge" <?php echo $status; ?>>
102
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
103
+ </label>
104
+ </p>
105
+ </div>
106
+ </div>
107
+ <a href="<?php echo esc_url( $features[4]['demo'] ); ?>" target="_blank"></a>
108
+ </div>
109
+
110
+ <div class="pa-section-outer-wrap">
111
+ <div class="pa-section-info-wrap">
112
+ <div class="pa-section-info">
113
+ <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
114
+ <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
115
+ </div>
116
+
117
+ <div class="pa-section-info-cta">
118
+ <label class="switch">
119
+ <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
120
+ <span class="slider round"></span>
121
+ </label>
122
+ </p>
123
+ </div>
124
+ </div>
125
+ <a href="<?php echo esc_url( $features[2]['demo'] ); ?>" target="_blank"></a>
126
+ </div>
127
+
128
+ <div class="pa-section-outer-wrap">
129
+ <div class="pa-section-info-wrap">
130
+ <div class="pa-section-info">
131
+ <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
132
+ <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
133
+ </div>
134
+
135
+ <div class="pa-section-info-cta">
136
+ <label class="switch">
137
+ <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
138
+ <span class="slider round"></span>
139
+ </label>
140
+ </p>
141
+ </div>
142
+ </div>
143
+ <a href="<?php echo esc_url( $features[5]['demo'] ); ?>" target="_blank"></a>
144
+ </div>
145
+
146
+ <div class="pa-section-outer-wrap">
147
+ <div class="pa-section-info-wrap">
148
+ <div class="pa-section-info">
149
+ <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
150
+ <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
151
+ </div>
152
+
153
+ <div class="pa-section-info-cta">
154
+ <label class="switch">
155
+ <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
156
+ <span class="slider round"></span>
157
+ </label>
158
+ </p>
159
+ </div>
160
+ </div>
161
+ <a href="<?php echo esc_url( $features[6]['demo'] ); ?>" target="_blank"></a>
162
+ </div>
163
+
164
+ <div class="pa-section-outer-wrap">
165
+ <div class="pa-section-info-wrap">
166
+ <div class="pa-section-info">
167
+ <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
168
+ <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
169
+ </div>
170
+
171
+ <div class="pa-section-info-cta">
172
+ <label class="switch">
173
+ <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
174
+ <span class="slider round"></span>
175
+ </label>
176
+ </p>
177
+ </div>
178
+ </div>
179
+ </div>
180
+
181
+ </div>
182
+ </form> <!-- End Form -->
183
+ </div>
184
+ </div>
185
+ </div> <!-- End Section Content -->
admin/includes/templates/nav-menu-settings.php CHANGED
@@ -1,207 +1,207 @@
1
- <?php
2
- /**
3
- * PA Menu Settings Popup.
4
- *
5
- * @package Templates
6
- */
7
-
8
- defined( 'ABSPATH' ) || exit;
9
- ?>
10
-
11
- <div class="premium-menu-settings-modal">
12
- <div class="dialog-widget dialog-lightbox-widget dialog-type-buttons dialog-type-lightbox elementor-templates-modal premium-dynamic-content-modal" id="elementor-template-nav-menu-modal-container" style="display:none">
13
- <div class="dialog-widget-content dialog-lightbox-widget-content">
14
-
15
- <div class="dialog-header dialog-lightbox-header">
16
- <div class="elementor-templates-modal__header">
17
- <div class="elementor-templates-modal__header__logo-area">
18
- <div class="elementor-templates-modal__header__logo">
19
- <span class="elementor-templates-modal__header__logo__icon-wrapper" id="pa-menu-logo">
20
- <span class="premium-template-modal-header-logo-icon">
21
- <img src="<?php echo esc_url( PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png' ); ?>">
22
- </span>
23
- </span>
24
- <span class="elementor-templates-modal__header__logo__title"><?php esc_html_e( 'Premium Nav Menu Settings', 'premium-addons-for-elementor' ); ?></span>
25
- </div>
26
- </div>
27
- <div class="elementor-templates-modal__header__items-area">
28
- <div class="elementor-templates-modal__header__close elementor-templates-modal__header__close--normal elementor-templates-modal__header__item">
29
- <i class="eicon-close" aria-hidden="true" title="<?php echo esc_attr__( 'Close', 'premium-addons-for-elementor' ); ?>"></i>
30
- <span class="elementor-screen-only"><?php esc_html_e( 'Close', 'premium-addons-for-elementor' ); ?></span>
31
- </div>
32
- </div>
33
- </div>
34
- </div>
35
-
36
- <div class="dialog-message dialog-lightbox-message">
37
- <div class="dialog-content dialog-lightbox-content" style="display: block;">
38
- <div id="elementor-template-library-templates" data-template-source="remote">
39
- <div id="elementor-template-library-templates-container">
40
- <!-- mega content settings -->
41
- <div class="premium-megamenu-settings premium-setting-container">
42
- <div class="premium-menu-control-meta">
43
- <label for="pa-megamenu-switcher"><?php esc_html_e( 'Enable Mega Menu', 'premium-addons-for-elementor' ); ?></label>
44
- </div>
45
- <div class="premium-menu-control" id="pa-megamenu-switcher">
46
- <label class="switch">
47
- <input type="checkbox">
48
- <span class="slider round"></span>
49
- </label>
50
- </div>
51
- </div>
52
-
53
- <div class="premium-megamenu-settings premium-setting-container">
54
- <div class="premium-menu-control-meta">
55
- <label for="pa-megamenu-content"><?php esc_html_e( 'Create/Edit Mega Menu Content', 'premium-addons-for-elementor' ); ?></label>
56
- </div>
57
- <div class="premium-menu-control" id="pa-megamenu-content">
58
- <span class="premium-menu-btn"><?php esc_html_e( 'Edit Mega Content', 'premium-addons-for-elementor' ); ?></span>
59
- </div>
60
- </div>
61
-
62
- <div class="premium-megamenu-settings premium-setting-container">
63
- <div class="premium-menu-control-meta premium-has-desc">
64
- <label for="pa-megamenu-content-pos"><?php esc_html_e( 'Menu Content Position', 'premium-addons-for-elementor' ); ?></label>
65
- <div class="premium-megamenu-des"><?php esc_html_e( 'mega content parent position', 'premium-addons-for-elementor' ); ?></div>
66
- </div>
67
- <div class="premium-menu-control" id="pa-megamenu-content-pos">
68
- <select id="pa-megamenu-position">
69
- <option value="default">Default</option>
70
- <option value="relative">Relative</option>
71
- </select>
72
- </div>
73
- </div>
74
-
75
- <div class="premium-megamenu-settings premium-setting-container">
76
- <div class="premium-menu-control-meta premium-has-desc">
77
- <label for="pa-megamenu-content-width"><?php esc_html_e( 'Menu Content Width (PX)', 'premium-addons-for-elementor' ); ?></label>
78
- <div class="premium-megamenu-des"><?php esc_html_e( 'Default is 1170 px', 'premium-addons-for-elementor' ); ?></div>
79
- </div>
80
- <div class="premium-menu-control" id="pa-megamenu-content-width">
81
- <input type="number" id="pa-mega-content-width" min="1" max="2000">
82
- </div>
83
- </div>
84
- <!-- icon settings -->
85
- <div class="premium-icon-select premium-setting-container">
86
- <div class="premium-menu-control-meta">
87
- <label for="pa-item-icon-type"><?php esc_html_e( 'Icon Type', 'premium-addons-for-elementor' ); ?></label>
88
- </div>
89
- <div class="premium-menu-control" id="pa-item-icon-type">
90
- <select id="pa-megamenu-icon-type">
91
- <option value="icon">Icon</option>
92
- <option value="lottie">Lottie Animation</option>
93
- </select>
94
- </div>
95
- </div>
96
-
97
- <div class="premium-lottie-settings premium-setting-container">
98
- <div class="premium-menu-control-meta premium-has-desc">
99
- <label for="pa-item-lottie"><?php esc_html_e( 'Lottie URL', 'premium-addons-for-elementor' ); ?></label>
100
- <div class="premium-megamenu-des"><?php echo __( 'Get JSON code URL from <a href="https://lottiefiles.com/" target="_blank">here</a>', 'premium-addons-for-elementor' ); ?></div>
101
- </div>
102
- <div class="premium-menu-control" id="pa-item-lottie">
103
- <input type="text" id="premium-lottie-url" class="premium-icon-picker">
104
- </div>
105
- </div>
106
-
107
- <div class="premium-icon-settings premium-setting-container">
108
- <div class="premium-menu-control-meta">
109
- <label for="pa-item-icon-picker"><?php esc_html_e( 'Select Icon', 'premium-addons-for-elementor' ); ?></label>
110
- </div>
111
- <div class="premium-menu-control" id="pa-item-icon-picker">
112
- <input type="text" id="premium-icon-field" class="premium-icon-picker" >
113
- </div>
114
- </div>
115
-
116
- <div class="premium-icon-settings premium-setting-container">
117
- <div class="premium-menu-control-meta">
118
- <label for="pa-item-icon-color"><?php esc_html_e( 'Icon Color', 'premium-addons-for-elementor' ); ?></label>
119
- </div>
120
- <div class="premium-menu-control" id="pa-item-icon-color">
121
- <input type="text" id="premium-icon-color-field" class="premium-color-picker" value="#bada55">
122
- </div>
123
- </div>
124
-
125
- <div class="premium-badge-settings premium-setting-container">
126
- <div class="premium-menu-control-meta">
127
- <label for="premium-badge-text-field"><?php esc_html_e( 'Item Badge Text', 'premium-addons-for-elementor' ); ?></label>
128
- </div>
129
- <div class="premium-menu-control" id="pa-item-badge">
130
- <input type="text" id="premium-badge-text-field" class="premium-text-picker" placeholder="Badge Text">
131
- </div>
132
- </div>
133
-
134
- <div class="premium-badge-settings premium-setting-container">
135
- <div class="premium-menu-control-meta">
136
- <label for="premium-badge-color-field"><?php esc_html_e( 'Badge Color', 'premium-addons-for-elementor' ); ?></label>
137
- </div>
138
- <div class="premium-menu-control" id="pa-item-badge-color">
139
- <input type="text" id="premium-badge-color-field" class="premium-color-picker" value="#bada55">
140
- </div>
141
- </div>
142
-
143
- <div class="premium-badge-settings premium-setting-container">
144
- <div class="premium-menu-control-meta">
145
- <label for="premium-badge-bg-field"><?php esc_html_e( 'Badge Background', 'premium-addons-for-elementor' ); ?></label>
146
- </div>
147
- <div class="premium-menu-control" id="pa-item-badge-color">
148
- <input type="text" id="premium-badge-bg-field" class="premium-color-picker" value="#bada55">
149
- </div>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
- </div>
156
-
157
- <div class="premium-menu-dialog-footer">
158
- <div class="premium-menu-save-btn">
159
- <button id="premium-menu-save" class="premium-menu-btn" type="button">
160
- <span>
161
- <?php esc_html_e( 'Save Settings', 'premium-addons-for-elementor' ); ?>
162
- </span>
163
- <i class="dashicons dashicons-admin-generic loader-hidden"></i>
164
- </span>
165
- </div>
166
- </div>
167
- </div>
168
- </div>
169
- </div>
170
- <!-- End of nav settings popup -->
171
- <!-- Start Live Editor popup -->
172
- <?php defined( 'ABSPATH' ) || exit; ?>
173
- <div class="premium-live-editor-iframe-modal">
174
- <div class="dialog-widget dialog-lightbox-widget dialog-type-buttons dialog-type-lightbox elementor-templates-modal premium-dynamic-content-modal" id="elementor-template-pa-live-editor-modal-container" style="display:none">
175
- <div class="dialog-widget-content dialog-lightbox-widget-content">
176
- <div class="premium-menu-temp-close">
177
- <i class="eicon-close"></i>
178
- </div>
179
- <div class="dialog-message dialog-lightbox-message">
180
- <div class="dialog-content dialog-lightbox-content" style="display: block;">
181
- <div id="elementor-template-library-templates" data-template-source="remote">
182
-
183
- <div id="elementor-template-library-templates-container">
184
- <iframe id="pa-live-editor-control-iframe"></iframe>
185
- </div>
186
- </div>
187
- </div>
188
- <div class="dialog-loading dialog-lightbox-loading" style="display: block;">
189
- <div id="elementor-template-library-loading">
190
- <div class="elementor-loader-wrapper">
191
- <div class="elementor-loader">
192
- <div class="elementor-loader-boxes">
193
- <div class="elementor-loader-box"></div>
194
- <div class="elementor-loader-box"></div>
195
- <div class="elementor-loader-box"></div>
196
- <div class="elementor-loader-box"></div>
197
- </div>
198
- </div>
199
- <div class="elementor-loading-title"><?php esc_html_e( 'Loading', 'premium-addons-for-elementor' ); ?></div>
200
- </div>
201
- </div>
202
- </div>
203
- </div>
204
- <div class="dialog-buttons-wrapper dialog-lightbox-buttons-wrapper"></div>
205
- </div>
206
- </div>
207
- </div>
1
+ <?php
2
+ /**
3
+ * PA Menu Settings Popup.
4
+ *
5
+ * @package Templates
6
+ */
7
+
8
+ defined( 'ABSPATH' ) || exit;
9
+ ?>
10
+
11
+ <div class="premium-menu-settings-modal">
12
+ <div class="dialog-widget dialog-lightbox-widget dialog-type-buttons dialog-type-lightbox elementor-templates-modal premium-dynamic-content-modal" id="elementor-template-nav-menu-modal-container" style="display:none">
13
+ <div class="dialog-widget-content dialog-lightbox-widget-content">
14
+
15
+ <div class="dialog-header dialog-lightbox-header">
16
+ <div class="elementor-templates-modal__header">
17
+ <div class="elementor-templates-modal__header__logo-area">
18
+ <div class="elementor-templates-modal__header__logo">
19
+ <span class="elementor-templates-modal__header__logo__icon-wrapper" id="pa-menu-logo">
20
+ <span class="premium-template-modal-header-logo-icon">
21
+ <img src="<?php echo esc_url( PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png' ); ?>">
22
+ </span>
23
+ </span>
24
+ <span class="elementor-templates-modal__header__logo__title"><?php esc_html_e( 'Premium Mega Menu Settings', 'premium-addons-for-elementor' ); ?></span>
25
+ </div>
26
+ </div>
27
+ <div class="elementor-templates-modal__header__items-area">
28
+ <div class="elementor-templates-modal__header__close elementor-templates-modal__header__close--normal elementor-templates-modal__header__item">
29
+ <i class="eicon-close" aria-hidden="true" title="<?php echo esc_attr__( 'Close', 'premium-addons-for-elementor' ); ?>"></i>
30
+ <span class="elementor-screen-only"><?php esc_html_e( 'Close', 'premium-addons-for-elementor' ); ?></span>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </div>
35
+
36
+ <div class="dialog-message dialog-lightbox-message">
37
+ <div class="dialog-content dialog-lightbox-content" style="display: block;">
38
+ <div id="elementor-template-library-templates" data-template-source="remote">
39
+ <div id="elementor-template-library-templates-container">
40
+ <!-- mega content settings -->
41
+ <div class="premium-megamenu-settings premium-setting-container">
42
+ <div class="premium-menu-control-meta">
43
+ <label for="pa-megamenu-switcher"><?php esc_html_e( 'Enable Mega Menu', 'premium-addons-for-elementor' ); ?></label>
44
+ </div>
45
+ <div class="premium-menu-control" id="pa-megamenu-switcher">
46
+ <label class="switch">
47
+ <input type="checkbox">
48
+ <span class="slider round"></span>
49
+ </label>
50
+ </div>
51
+ </div>
52
+
53
+ <div class="premium-megamenu-settings premium-setting-container">
54
+ <div class="premium-menu-control-meta">
55
+ <label for="pa-megamenu-content"><?php esc_html_e( 'Create/Edit Mega Menu Content', 'premium-addons-for-elementor' ); ?></label>
56
+ </div>
57
+ <div class="premium-menu-control" id="pa-megamenu-content">
58
+ <span class="premium-menu-btn"><?php esc_html_e( 'Edit Mega Content', 'premium-addons-for-elementor' ); ?></span>
59
+ </div>
60
+ </div>
61
+
62
+ <div class="premium-megamenu-settings premium-setting-container">
63
+ <div class="premium-menu-control-meta premium-has-desc">
64
+ <label for="pa-megamenu-content-pos"><?php esc_html_e( 'Menu Content Position', 'premium-addons-for-elementor' ); ?></label>
65
+ <div class="premium-megamenu-des"><?php esc_html_e( 'mega content parent position', 'premium-addons-for-elementor' ); ?></div>
66
+ </div>
67
+ <div class="premium-menu-control" id="pa-megamenu-content-pos">
68
+ <select id="pa-megamenu-position">
69
+ <option value="default">Default</option>
70
+ <option value="relative">Relative</option>
71
+ </select>
72
+ </div>
73
+ </div>
74
+
75
+ <div class="premium-megamenu-settings premium-setting-container">
76
+ <div class="premium-menu-control-meta premium-has-desc">
77
+ <label for="pa-megamenu-content-width"><?php esc_html_e( 'Menu Content Width (PX)', 'premium-addons-for-elementor' ); ?></label>
78
+ <div class="premium-megamenu-des"><?php esc_html_e( 'Default is 1170 px', 'premium-addons-for-elementor' ); ?></div>
79
+ </div>
80
+ <div class="premium-menu-control" id="pa-megamenu-content-width">
81
+ <input type="number" id="pa-mega-content-width" min="1" max="2000">
82
+ </div>
83
+ </div>
84
+ <!-- icon settings -->
85
+ <div class="premium-icon-select premium-setting-container">
86
+ <div class="premium-menu-control-meta">
87
+ <label for="pa-item-icon-type"><?php esc_html_e( 'Icon Type', 'premium-addons-for-elementor' ); ?></label>
88
+ </div>
89
+ <div class="premium-menu-control" id="pa-item-icon-type">
90
+ <select id="pa-megamenu-icon-type">
91
+ <option value="icon">Icon</option>
92
+ <option value="lottie">Lottie Animation</option>
93
+ </select>
94
+ </div>
95
+ </div>
96
+
97
+ <div class="premium-lottie-settings premium-setting-container">
98
+ <div class="premium-menu-control-meta premium-has-desc">
99
+ <label for="pa-item-lottie"><?php esc_html_e( 'Lottie URL', 'premium-addons-for-elementor' ); ?></label>
100
+ <div class="premium-megamenu-des"><?php echo __( 'Get JSON code URL from <a href="https://lottiefiles.com/" target="_blank">here</a>', 'premium-addons-for-elementor' ); ?></div>
101
+ </div>
102
+ <div class="premium-menu-control" id="pa-item-lottie">
103
+ <input type="text" id="premium-lottie-url" class="premium-icon-picker">
104
+ </div>
105
+ </div>
106
+
107
+ <div class="premium-icon-settings premium-setting-container">
108
+ <div class="premium-menu-control-meta">
109
+ <label for="pa-item-icon-picker"><?php esc_html_e( 'Select Icon', 'premium-addons-for-elementor' ); ?></label>
110
+ </div>
111
+ <div class="premium-menu-control" id="pa-item-icon-picker">
112
+ <input type="text" id="premium-icon-field" class="premium-icon-picker" >
113
+ </div>
114
+ </div>
115
+
116
+ <div class="premium-icon-settings premium-setting-container">
117
+ <div class="premium-menu-control-meta">
118
+ <label for="pa-item-icon-color"><?php esc_html_e( 'Icon Color', 'premium-addons-for-elementor' ); ?></label>
119
+ </div>
120
+ <div class="premium-menu-control" id="pa-item-icon-color">
121
+ <input type="text" id="premium-icon-color-field" class="premium-color-picker" value="#bada55">
122
+ </div>
123
+ </div>
124
+
125
+ <div class="premium-badge-settings premium-setting-container">
126
+ <div class="premium-menu-control-meta">
127
+ <label for="premium-badge-text-field"><?php esc_html_e( 'Item Badge Text', 'premium-addons-for-elementor' ); ?></label>
128
+ </div>
129
+ <div class="premium-menu-control" id="pa-item-badge">
130
+ <input type="text" id="premium-badge-text-field" class="premium-text-picker" placeholder="Badge Text">
131
+ </div>
132
+ </div>
133
+
134
+ <div class="premium-badge-settings premium-setting-container">
135
+ <div class="premium-menu-control-meta">
136
+ <label for="premium-badge-color-field"><?php esc_html_e( 'Badge Color', 'premium-addons-for-elementor' ); ?></label>
137
+ </div>
138
+ <div class="premium-menu-control" id="pa-item-badge-color">
139
+ <input type="text" id="premium-badge-color-field" class="premium-color-picker" value="#bada55">
140
+ </div>
141
+ </div>
142
+
143
+ <div class="premium-badge-settings premium-setting-container">
144
+ <div class="premium-menu-control-meta">
145
+ <label for="premium-badge-bg-field"><?php esc_html_e( 'Badge Background', 'premium-addons-for-elementor' ); ?></label>
146
+ </div>
147
+ <div class="premium-menu-control" id="pa-item-badge-color">
148
+ <input type="text" id="premium-badge-bg-field" class="premium-color-picker" value="#bada55">
149
+ </div>
150
+ </div>
151
+
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+
157
+ <div class="premium-menu-dialog-footer">
158
+ <div class="premium-menu-save-btn">
159
+ <button id="premium-menu-save" class="premium-menu-btn" type="button">
160
+ <span>
161
+ <?php esc_html_e( 'Save Settings', 'premium-addons-for-elementor' ); ?>
162
+ </span>
163
+ <i class="dashicons dashicons-admin-generic loader-hidden"></i>
164
+ </span>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <!-- End of nav settings popup -->
171
+ <!-- Start Live Editor popup -->
172
+ <?php defined( 'ABSPATH' ) || exit; ?>
173
+ <div class="premium-live-editor-iframe-modal">
174
+ <div class="dialog-widget dialog-lightbox-widget dialog-type-buttons dialog-type-lightbox elementor-templates-modal premium-dynamic-content-modal" id="elementor-template-pa-live-editor-modal-container" style="display:none">
175
+ <div class="dialog-widget-content dialog-lightbox-widget-content">
176
+ <div class="premium-menu-temp-close">
177
+ <i class="eicon-close"></i>
178
+ </div>
179
+ <div class="dialog-message dialog-lightbox-message">
180
+ <div class="dialog-content dialog-lightbox-content" style="display: block;">
181
+ <div id="elementor-template-library-templates" data-template-source="remote">
182
+
183
+ <div id="elementor-template-library-templates-container">
184
+ <iframe id="pa-live-editor-control-iframe"></iframe>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ <div class="dialog-loading dialog-lightbox-loading" style="display: block;">
189
+ <div id="elementor-template-library-loading">
190
+ <div class="elementor-loader-wrapper">
191
+ <div class="elementor-loader">
192
+ <div class="elementor-loader-boxes">
193
+ <div class="elementor-loader-box"></div>
194
+ <div class="elementor-loader-box"></div>
195
+ <div class="elementor-loader-box"></div>
196
+ <div class="elementor-loader-box"></div>
197
+ </div>
198
+ </div>
199
+ <div class="elementor-loading-title"><?php esc_html_e( 'Loading', 'premium-addons-for-elementor' ); ?></div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ <div class="dialog-buttons-wrapper dialog-lightbox-buttons-wrapper"></div>
205
+ </div>
206
+ </div>
207
+ </div>
admin/includes/templates/white-label.php CHANGED
@@ -1,173 +1,173 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- // Premium Addons Pro Classes
10
- use PremiumAddonsPro\Includes\White_Label\Helper;
11
-
12
- // Get settings
13
- $class = 'premium-white-label-form';
14
- if ( Helper_Functions::check_papro_version() ) {
15
-
16
- $settings = Helper::get_white_labeling_settings();
17
-
18
- } else {
19
- $class .= ' pro-inactive';
20
-
21
- $settings = array(
22
- 'premium-wht-lbl-name' => '',
23
- 'premium-wht-lbl-url' => '',
24
- 'premium-wht-lbl-plugin-name' => '',
25
- 'premium-wht-lbl-short-name' => '',
26
- 'premium-wht-lbl-desc' => '',
27
- 'premium-wht-lbl-row' => '',
28
- 'premium-wht-lbl-name-pro' => '',
29
- 'premium-wht-lbl-url-pro' => '',
30
- 'premium-wht-lbl-plugin-name-pro' => '',
31
- 'premium-wht-lbl-desc-pro' => '',
32
- 'premium-wht-lbl-changelog' => '',
33
- 'premium-wht-lbl-option' => '',
34
- 'premium-wht-lbl-rate' => '',
35
- 'premium-wht-lbl-about' => '',
36
- 'premium-wht-lbl-license' => '',
37
- 'premium-wht-lbl-logo' => '',
38
- 'premium-wht-lbl-version' => '',
39
- 'premium-wht-lbl-prefix' => '',
40
- 'premium-wht-lbl-badge' => '',
41
- );
42
- }
43
-
44
- if ( ! Helper_Functions::check_papro_version() ) {
45
-
46
- $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
-
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
- <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
- <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
- <p><?php _e( 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.', 'premium-addons-for-elementor' ); ?></p>
56
- <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
- }
61
-
62
- ?>
63
-
64
- <div class="pa-section-content">
65
- <div class="row">
66
- <div class="col-full">
67
- <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
- <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
- <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
- <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
- <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
- <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
- <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
-
83
  <!-- Plugin Description -->
84
- <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
- <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
-
87
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
- <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
- <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
-
98
- <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
- <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
- <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
- <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
-
104
- <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
- <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
-
107
- <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
- <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
-
110
- <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
- <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
- <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
- <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
- <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
- <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
- <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
- <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
- <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
-
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
- <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
- <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
- <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
- <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
- <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
- <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
- <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
-
149
  <!-- Hide Logo-->
150
- <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
- <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
- <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
-
155
  <!-- Hide License Tab-->
156
- <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
- <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
- <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
-
161
  <!-- Hide White Labeling Tab-->
162
 
163
- <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
- <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
- <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
- <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
- <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
@@ -175,6 +175,6 @@ if ( ! Helper_Functions::check_papro_version() ) {
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
- </div>
179
- </div>
180
- </div> <!-- End Section Content -->
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ // Premium Addons Pro Classes
10
+ use PremiumAddonsPro\Includes\White_Label\Helper;
11
+
12
+ // Get settings
13
+ $class = 'premium-white-label-form';
14
+ if ( Helper_Functions::check_papro_version() ) {
15
+
16
+ $settings = Helper::get_white_labeling_settings();
17
+
18
+ } else {
19
+ $class .= ' pro-inactive';
20
+
21
+ $settings = array(
22
+ 'premium-wht-lbl-name' => '',
23
+ 'premium-wht-lbl-url' => '',
24
+ 'premium-wht-lbl-plugin-name' => '',
25
+ 'premium-wht-lbl-short-name' => '',
26
+ 'premium-wht-lbl-desc' => '',
27
+ 'premium-wht-lbl-row' => '',
28
+ 'premium-wht-lbl-name-pro' => '',
29
+ 'premium-wht-lbl-url-pro' => '',
30
+ 'premium-wht-lbl-plugin-name-pro' => '',
31
+ 'premium-wht-lbl-desc-pro' => '',
32
+ 'premium-wht-lbl-changelog' => '',
33
+ 'premium-wht-lbl-option' => '',
34
+ 'premium-wht-lbl-rate' => '',
35
+ 'premium-wht-lbl-about' => '',
36
+ 'premium-wht-lbl-license' => '',
37
+ 'premium-wht-lbl-logo' => '',
38
+ 'premium-wht-lbl-version' => '',
39
+ 'premium-wht-lbl-prefix' => '',
40
+ 'premium-wht-lbl-badge' => '',
41
+ );
42
+ }
43
+
44
+ if ( ! Helper_Functions::check_papro_version() ) {
45
+
46
+ $campaign = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'whitelabel-page', 'wp-dash', 'dashboard' );
47
+
48
  ?>
49
  <div class="pa-white-label-notice">
50
  <div class="pa-white-label-notice-content">
51
  <div class="pa-white-label-notice-logo">
52
+ <img src="<?php echo PREMIUM_ADDONS_URL . 'admin/images/pa-logo-symbol.png'; ?>" alt="Premium Addons White Labeling Notice">
53
  </div>
54
+ <h2><?php _e( 'Get Premium Addons <span>Pro</span> to Enable White Labeling Options', 'premium-addons-for-elementor' ); ?></h2>
55
+ <p><?php _e( 'Premium Addons can be completely re-branded with your own brand name and author details. Your clients will never know what tools you are using to build their website and will think that this is your own tool set. White-labeling works as long as your license is active.', 'premium-addons-for-elementor' ); ?></p>
56
+ <a class="pa-btn pa-get-pro" href="<?php echo esc_attr( $campaign ); ?>" target="_blank"><?php _e( 'Get PRO', 'premium-addons-for-elementor' ); ?></a>
57
  </div>
58
  </div>
59
  <?php
60
+ }
61
+
62
+ ?>
63
+
64
+ <div class="pa-section-content">
65
+ <div class="row">
66
+ <div class="col-full">
67
+ <form action="" method="POST" id="pa-white-label" class="<?php echo esc_attr( $class ); ?>" name="pa-white-label-settings">
68
  <div id="pa-white-label" class="pa-settings-tab pa-wht-lbl-settings">
69
  <div class="pa-row">
70
  <div class="pa-wht-lbl-settings-wrap">
71
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Free Version', 'premium-addons-for-elementor' ); ?></h3>
72
  <div class="pa-wht-lbl-group-wrap">
73
  <!-- Author Name -->
74
+ <label for="premium-wht-lbl-name" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
75
+ <input name="premium-wht-lbl-name" id="premium-wht-lbl-name" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name'] ); ?>">
76
  <!-- Author URL -->
77
+ <label for="premium-wht-lbl-url" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
78
+ <input name="premium-wht-lbl-url" id="premium-wht-lbl-url" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url'] ); ?>">
79
  <!-- Plugin Name -->
80
+ <label for="premium-wht-lbl-plugin-name" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
81
+ <input name="premium-wht-lbl-plugin-name" id="premium-wht-lbl-plugin-name" type="text" placeholder="Premium Addons for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name'] ); ?>">
82
+
83
  <!-- Plugin Description -->
84
+ <label for="premium-wht-lbl-desc" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
85
+ <input name="premium-wht-lbl-desc" id="premium-wht-lbl-desc" type="text" placeholder="Premium Addons for Elementor plugin includes widgets and addons.." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc'] ); ?>">
86
+
87
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Row Meta Links', 'premium-addons-for-elementor' ); ?></p>
88
+ <input name="premium-wht-lbl-row" id="premium-wht-lbl-row" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-row'], true ); ?>>
89
  <label for="premium-wht-lbl-row"></label>
90
+ <span><?php echo __( 'This will hide Docs, FAQs, and Video Tutorials links located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
91
  </div>
92
  </div>
93
 
94
  <div class="pa-wht-lbl-settings-wrap">
95
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'PRO Version', 'premium-addons-for-elementor' ); ?></h3>
96
  <div class="pa-wht-lbl-group-wrap">
97
+
98
+ <label for="premium-wht-lbl-name-pro" class="pa-input-label"><?php echo __( 'Author Name', 'premium-addons-for-elementor' ); ?></label>
99
+ <input name="premium-wht-lbl-name-pro" id="premium-wht-lbl-name-pro" type="text" placeholder="Leap13" value="<?php echo esc_attr( $settings['premium-wht-lbl-name-pro'] ); ?>">
100
 
101
+ <label for="premium-wht-lbl-url-pro" class="pa-input-label"><?php echo __( 'Author URL', 'premium-addons-for-elementor' ); ?></label>
102
+ <input name="premium-wht-lbl-url-pro" id="premium-wht-lbl-url-pro" type="text" placeholder="https://premiumaddons.com" value="<?php echo esc_attr( $settings['premium-wht-lbl-url-pro'] ); ?>">
103
+
104
+ <label for="premium-wht-lbl-plugin-name-pro" class="pa-input-label"><?php echo __( 'Plugin Name', 'premium-addons-for-elementor' ); ?></label>
105
+ <input name="premium-wht-lbl-plugin-name-pro" id="premium-wht-lbl-plugin-name-pro" type="text" placeholder="Premium Addons PRO for Elementor" value="<?php echo esc_attr( $settings['premium-wht-lbl-plugin-name-pro'] ); ?>">
106
+
107
+ <label for="premium-wht-lbl-desc-rpo" class="pa-input-label"><?php echo __( 'Plugin Description', 'premium-addons-for-elementor' ); ?></label>
108
+ <input name="premium-wht-lbl-desc-pro" id="premium-wht-lbl-desc-pro" type="text" placeholder="Premium Addons PRO Plugin Includes 33+ premium widgets & addons..." value="<?php echo esc_attr( $settings['premium-wht-lbl-desc-pro'] ); ?>">
109
+
110
+ <p class="pa-input-label"><?php echo __( 'Hide Plugin Changelog Link', 'premium-addons-for-elementor' ); ?></p>
111
+ <input name="premium-wht-lbl-changelog" id="premium-wht-lbl-changelog" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-changelog'], true ); ?>>
112
  <label for="premium-wht-lbl-changelog"></label>
113
+ <span><?php echo __( 'This will hide the Changelog link located on the plugins page.', 'premium-addons-for-elementor' ); ?></span>
114
 
115
  </div>
116
  </div>
117
  <div class="pa-wht-lbl-settings-wrap">
118
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'General Options', 'premium-addons-for-elementor' ); ?></h3>
119
  <div class="pa-wht-lbl-group-wrap">
120
  <!-- Widgets Category Name -->
121
+ <label for="premium-wht-lbl-short-name" class="pa-input-label"><?php echo __( 'Widgets Category Name', 'premium-addons-for-elementor' ); ?></label>
122
+ <input name="premium-wht-lbl-short-name" id="premium-wht-lbl-short-name" type="text" placeholder="Premium Addons" value="<?php echo esc_attr( $settings['premium-wht-lbl-short-name'] ); ?>">
123
  <!-- Widgets Prefix -->
124
+ <label for="premium-wht-lbl-prefix" class="pa-input-label"><?php echo __( 'Widgets Prefix', 'premium-addons-for-elementor' ); ?></label>
125
+ <input name="premium-wht-lbl-prefix" id="premium-wht-lbl-prefix" type="text" placeholder="Premium" value="<?php echo esc_attr( $settings['premium-wht-lbl-prefix'] ); ?>">
126
  <!-- Widgets Badge -->
127
+ <label for="premium-wht-lbl-badge" class="pa-input-label"><?php echo __( 'Widgets Badge', 'premium-addons-for-elementor' ); ?></label>
128
+ <input name="premium-wht-lbl-badge" id="premium-wht-lbl-badge" type="text" placeholder="PA" value="<?php echo esc_attr( $settings['premium-wht-lbl-badge'] ); ?>">
129
  </div>
130
  </div>
131
  </div>
132
+
133
  <div class="pa-wht-lbl-admin">
134
  <div class="pa-wht-lbl-settings-wrap">
135
+ <h3 class="pa-wht-lbl-title pa-wht-lbl-head"><?php echo __( 'Admin Settings', 'premium-addons-for-elementor' ); ?></h3>
136
  <div class="pa-wht-lbl-group-wrap">
137
  <!-- Hide General Tab-->
138
+ <p class="pa-input-label"><?php echo __( 'General Tab', 'premium-addons-for-elementor' ); ?></p>
139
+ <input name="premium-wht-lbl-about" id="premium-wht-lbl-about" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-about'], true ); ?>>
140
  <label for="premium-wht-lbl-about"></label>
141
+ <span><?php echo __( 'This will hide the General tab', 'premium-addons-for-elementor' ); ?></span>
142
 
143
  <!-- Hide Version Control Tab-->
144
+ <p class="pa-input-label"><?php echo __( 'Version Control Tab', 'premium-addons-for-elementor' ); ?></p>
145
+ <input name="premium-wht-lbl-version" id="premium-wht-lbl-version" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-version'], true ); ?>>
146
  <label for="premium-wht-lbl-version"></label>
147
+ <span><?php echo __( 'This will hide the Version Control tab.', 'premium-addons-for-elementor' ); ?></span>
148
+
149
  <!-- Hide Logo-->
150
+ <p class="pa-input-label"><?php echo __( 'Hide Premium Addons Logo', 'premium-addons-for-elementor' ); ?></p>
151
+ <input name="premium-wht-lbl-logo" id="premium-wht-lbl-logo" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-logo'], true ); ?>>
152
  <label for="premium-wht-lbl-logo"></label>
153
+ <span><?php echo __( 'This will hide Premium Addons logo located on the dashboard.', 'premium-addons-for-elementor' ); ?></span>
154
+
155
  <!-- Hide License Tab-->
156
+ <p class="pa-input-label"><?php echo __( 'License Tab', 'premium-addons-for-elementor' ); ?></p>
157
+ <input name="premium-wht-lbl-license" id="premium-wht-lbl-license" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-license'], true ); ?>>
158
  <label for="premium-wht-lbl-license"></label>
159
+ <span><?php echo __( 'This will hide the License tab.', 'premium-addons-for-elementor' ); ?></span>
160
+
161
  <!-- Hide White Labeling Tab-->
162
 
163
+ <p class="pa-input-label"><?php echo __( 'White Labeling Tab', 'premium-addons-for-elementor' ); ?></p>
164
+ <input name="premium-wht-lbl-option" id="premium-wht-lbl-option" type="checkbox" <?php checked( 1, $settings['premium-wht-lbl-option'], true ); ?>>
165
  <label for="premium-wht-lbl-option"></label>
166
+ <span><?php echo __( 'This will hide the White Labeling tab options.', 'premium-addons-for-elementor' ); ?></span>
167
 
168
  <p>
169
+ <strong><?php _e( 'NOTE: ', 'premium-addons-for-elementor' ); ?></strong>
170
+ <?php echo __( 'You will need to reactivate Premium Addons PRO for Elementor plugin to be able to reset White Labeling tab options.', 'premium-addons-for-elementor' ); ?>
171
  </p>
172
  </div>
173
  </div>
175
  <div class="clearfix"></div>
176
  </div>
177
  </form>
178
+ </div>
179
+ </div>
180
+ </div> <!-- End Section Content -->
assets/editor/css/style.css CHANGED
@@ -1,10 +1,10 @@
1
  @font-face {
2
  font-family: "pa-elements";
3
- src: url("../fonts/pa-elements.eot?b8ruxf");
4
- src: url("../fonts/pa-elements.eot?b8ruxf#iefix") format("embedded-opentype"),
5
- url("../fonts/pa-elements.ttf?b8ruxf") format("truetype"),
6
- url("../fonts/pa-elements.woff?b8ruxf") format("woff"),
7
- url("../fonts/pa-elements.svg?b8ruxf#pa-elements") format("svg");
8
  font-weight: normal;
9
  font-style: normal;
10
  }
@@ -167,6 +167,12 @@
167
  margin-top: 1.5em;
168
  }
169
 
 
 
 
 
 
 
170
  .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
171
  .elementor-control-raw-html.editor-pa-doc a {
172
  color: #0f6aa7;
@@ -324,6 +330,10 @@
324
  content: "\e903";
325
  }
326
 
 
 
 
 
327
  .editor-pa-img {
328
  max-width: 50px;
329
  max-height: 50px;
1
  @font-face {
2
  font-family: "pa-elements";
3
+ src: url("../fonts/pa-elements.eot?vcwy2s");
4
+ src: url("../fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"),
5
+ url("../fonts/pa-elements.ttf?vcwy2s") format("truetype"),
6
+ url("../fonts/pa-elements.woff?vcwy2s") format("woff"),
7
+ url("../fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
8
  font-weight: normal;
9
  font-style: normal;
10
  }
167
  margin-top: 1.5em;
168
  }
169
 
170
+ .editor-pa-color-control label.elementor-control-title {
171
+ -webkit-box-flex: 0;
172
+ -ms-flex-positive: 0;
173
+ flex-grow: 0;
174
+ }
175
+
176
  .elementor-panel .elementor-control-section_pa_docs .elementor-panel-heading-title.elementor-panel-heading-title,
177
  .elementor-control-raw-html.editor-pa-doc a {
178
  color: #0f6aa7;
330
  content: "\e903";
331
  }
332
 
333
+ .pa-pro-svg-drawer:before {
334
+ content: "\e93d";
335
+ }
336
+
337
  .editor-pa-img {
338
  max-width: 50px;
339
  max-height: 50px;
assets/editor/fonts/pa-elements.eot CHANGED
Binary file
assets/editor/fonts/pa-elements.svg CHANGED
@@ -68,4 +68,5 @@
68
  <glyph unicode="&#xe93a;" glyph-name="premium-woo-products-listing-2" d="M682.822 617.425l-26.996 272.756 28.858-288.116c-0.105-0.769-0.164-1.657-0.164-2.56s0.060-1.791 0.175-2.662l-0.011 0.102c-0.931 6.516-1.396 13.498-1.862 20.48zM586.007 890.182v0l29.324-295.098c0.222 2.371 0.349 5.127 0.349 7.913s-0.127 5.542-0.375 8.263l0.026-0.35zM990.487 633.251l-13.033 128.931c-19.549 139.636-83.316 197.818-219.695 197.818h-500.829c-136.844 0-200.611-58.182-220.16-197.818l-12.567-129.396c-0.761-6.32-1.195-13.639-1.195-21.059 0-40.053 12.647-77.151 34.166-107.52l-0.39 0.579c-0.232-1.329-0.365-2.86-0.365-4.422s0.133-3.093 0.387-4.582l-0.023 0.16v-208.989c0-229.469 97.745-325.818 325.818-325.818h250.415c229.935 0 325.818 98.211 325.818 325.818v208.989c0.335 1.609 0.527 3.459 0.527 5.353s-0.192 3.743-0.557 5.53l0.030-0.177c20.555 29.512 32.84 66.118 32.84 105.594 0 7.403-0.432 14.705-1.272 21.882l0.083-0.872zM431.942 890.182h154.531l27.462-279.273c0.222-2.371 0.349-5.127 0.349-7.913s-0.127-5.542-0.375-8.263l0.026 0.35c-0.358-25.454-10.391-48.497-26.577-65.678l0.046 0.049c-20.206-20.158-48.095-32.623-78.895-32.623s-58.689 12.465-78.897 32.625l0.002-0.002c-16.617 18.71-26.767 43.489-26.767 70.638 0 4.303 0.255 8.547 0.751 12.717l-0.049-0.504zM93.556 626.269l12.567 126.604c14.895 106.589 46.545 137.309 150.807 137.309h103.331l-28.858-288.116c-7.925-59.762-57.674-105.661-118.505-107.516l-0.186-0.004c-0.777-0.018-1.691-0.029-2.608-0.029-34.449 0-65.47 14.676-87.153 38.117l-0.072 0.079c-18.691 21.196-30.1 49.201-30.1 79.87 0 4.822 0.282 9.578 0.831 14.253l-0.054-0.567zM426.822 29.091v81.455c0 58.647 23.273 81.455 81.455 81.455s81.92-22.807 81.92-81.455v-81.455zM892.276 286.953c0-181.062-60.975-250.88-232.727-256.931v80.524c0.549 4.603 0.862 9.935 0.862 15.339 0 75.577-61.267 136.844-136.844 136.844-5.552 0-11.028-0.331-16.407-0.973l0.65 0.063c-4.604 0.551-9.937 0.866-15.343 0.866-75.32 0-136.378-61.059-136.378-136.378 0-5.554 0.332-11.030 0.977-16.41l-0.063 0.649v-80.524c-170.822 5.585-232.727 75.404-232.727 256.931v158.255c24.907-12.929 54.38-20.511 85.624-20.511 61.952 0 116.941 29.812 151.405 75.872l0.353 0.494c4.901-7.316 9.952-13.698 15.457-19.655l-0.097 0.106c32.643-35.039 79.050-56.886 130.56-56.886s97.917 21.846 130.461 56.779l0.099 0.107c4.821 5.303 9.408 11.073 13.602 17.134l0.362 0.553c35.054-45.45 89.528-74.442 150.772-74.442 31.989 0 62.13 7.909 88.575 21.879l-1.035-0.498zM892.276 532.713c-21.754-23.52-52.775-38.196-87.224-38.196-0.917 0-1.832 0.010-2.744 0.031l0.136-0.002c-59.126 2.208-107.581 45.244-118.106 101.628l-0.12 0.772c-0.105 0.769-0.164 1.657-0.164 2.56s0.060 1.791 0.175 2.662l-0.011-0.102-28.858 288.116h103.796c101.935 0 135.447-30.72 150.342-136.378l13.033-127.535c0.398-3.686 0.626-7.961 0.626-12.29 0-31.328-11.904-59.875-31.434-81.366l0.089 0.099z" />
69
  <glyph unicode="&#xe93b;" glyph-name="premium-yelp-reviews" d="M468.992-68.096c-0.011 0-0.023 0-0.036 0-9.182 0-17.969 1.69-26.067 4.776l0.503-0.168-132.608 51.2c-25.99 10.494-43.996 35.515-43.996 64.741 0 17.123 6.181 32.803 16.433 44.93l-0.085-0.103 134.656 164.864c13.047 15.432 32.418 25.164 54.062 25.164 9.096 0 17.791-1.719 25.778-4.85l-0.48 0.166c27.286-10.769 46.384-36.602 47.102-66.984l0.002-0.088-6.144-215.552c-1.425-23.465-14.019-43.712-32.488-55.639l-0.28-0.169c-10.15-7.229-22.674-11.751-36.223-12.284l-0.129-0.004zM456.704 230.4l-134.144-164.352c-2.884-3.438-4.637-7.911-4.637-12.793 0-1.637 0.197-3.229 0.569-4.751l-0.028 0.137c1.551-5.74 5.734-10.259 11.14-12.248l0.124-0.040 132.096-51.2c2.445-1.333 5.355-2.116 8.448-2.116s6.003 0.784 8.542 2.163l-0.094-0.047c5.254 3.275 8.8 8.862 9.213 15.303l0.003 0.057 5.12 215.040c0.011 0.26 0.018 0.564 0.018 0.871 0 11.876-9.628 21.504-21.504 21.504-6.286 0-11.943-2.698-15.875-6.998l-0.015-0.016zM198.144 230.4c-0.31-0.005-0.675-0.008-1.041-0.008-38.174 0-69.12 30.946-69.12 69.12 0 0.543 0.006 1.084 0.019 1.624l-0.001-0.080 6.656 141.824c0.497 22.563 12.060 42.323 29.461 54.122l0.235 0.15c10.901 7.626 24.435 12.186 39.034 12.186 8.791 0 17.196-1.654 24.921-4.667l-0.467 0.16 198.656-71.168c28.13-9.56 48.009-35.738 48.009-66.56s-19.879-57-47.515-66.414l-0.494-0.146-204.8-67.072c-6.773-1.954-14.552-3.077-22.594-3.077-0.337 0-0.673 0.002-1.009 0.006h0.051zM201.216 458.24c-0.015 0-0.033 0-0.051 0-3.796 0-7.323-1.147-10.255-3.114l0.066 0.042c-4.37-2.958-7.301-7.757-7.677-13.258l-0.003-0.054-4.096-141.824c0.075-5.981 2.838-11.302 7.134-14.821l0.034-0.027c3.409-2.491 7.683-3.986 12.306-3.986 2.186 0 4.293 0.334 6.274 0.954l-0.149-0.040 204.8 67.072c7.753 2.294 13.313 9.351 13.313 17.707 0 0.075 0 0.15-0.001 0.224v-0.011c0.002 0.11 0.004 0.239 0.004 0.368 0 8.169-5.314 15.096-12.673 17.515l-0.13 0.037-199.68 71.168zM631.808 359.936c-23.663 0.032-44.494 12.129-56.675 30.469l-0.157 0.251c-7.557 10.973-12.070 24.551-12.070 39.183 0 17.578 6.514 33.635 17.259 45.889l-0.068-0.080 126.976 172.032c12.28 17.45 32.335 28.712 55.020 28.712 0.817 0 1.631-0.015 2.441-0.044l-0.117 0.003c23.506-0.527 44.057-12.709 56.16-30.976l0.16-0.256 78.336-122.368c5.397-9.953 8.57-21.792 8.57-34.372 0-9.555-1.83-18.682-5.159-27.050l0.174 0.495c-7.983-20.26-24.537-35.638-45.071-41.855l-0.497-0.129-204.8-56.832c-6.117-1.886-13.155-3.004-20.444-3.072h-0.036zM762.88 625.152c-5.843 0-11.032-2.796-14.303-7.123l-0.033-0.045-128-173.568c-3.954-3.575-6.427-8.723-6.427-14.449 0-3.745 1.058-7.242 2.891-10.21l-0.048 0.084c3.242-4.955 8.766-8.184 15.044-8.184 2.132 0 4.176 0.372 6.073 1.055l-0.125-0.039 204.8 56.32c5.676 1.945 10.112 6.214 12.241 11.64l0.047 0.136c1.163 2.561 1.84 5.553 1.84 8.704s-0.678 6.143-1.895 8.84l0.055-0.136-76.8 118.272c-2.94 5.229-8.453 8.704-14.777 8.704-0.025 0-0.050 0-0.075 0h0.004zM471.040 434.688c-23.669 0.040-44.885 10.503-59.312 27.042l-0.080 0.094-5.632 9.728-187.904 324.096c-8.713 11.844-13.945 26.719-13.945 42.816 0 9.27 1.735 18.135 4.898 26.288l-0.169-0.496c7.626 24.593 26.607 43.574 50.656 51.054l0.544 0.146 162.304 43.008c6.429 2.046 13.823 3.226 21.493 3.226 17.069 0 32.774-5.841 45.224-15.633l-0.157 0.119c19.951-14.489 32.775-37.74 32.775-63.986 0-0.365-0.002-0.729-0.007-1.093l0.001 0.055 28.16-358.4c0.106-1.666 0.167-3.612 0.167-5.572 0-9.327-1.37-18.335-3.921-26.831l0.17 0.66c-8.619-26.203-30.432-45.803-57.375-51.121l-0.481-0.079c-5.042-2.321-10.897-4.108-17.026-5.071l-0.382-0.049zM448.512 498.688l3.072-5.12c5.062-4.908 11.974-7.933 19.592-7.933 2.313 0 4.561 0.279 6.713 0.805l-0.193-0.040c9.191 1.675 16.537 8.17 19.405 16.719l0.051 0.177c0.429 2.155 0.675 4.633 0.675 7.168s-0.246 5.013-0.714 7.411l0.040-0.243-28.16 358.4v5.12c0.010 0.27 0.016 0.586 0.016 0.904 0 8.497-4.225 16.008-10.688 20.547l-0.080 0.053c-3.927 3.413-9.091 5.493-14.741 5.493-2.227 0-4.378-0.323-6.41-0.925l0.159 0.041-163.84-44.032c-11.172-2.914-19.284-12.914-19.284-24.809 0-5.69 1.857-10.947 4.997-15.197l-0.049 0.070zM754.688 15.872c-23.36 0.342-43.953 11.886-56.689 29.488l-0.143 0.208-121.856 173.568c-8.299 11.435-13.276 25.75-13.276 41.228 0 39.022 31.634 70.656 70.656 70.656 7.669 0 15.053-1.222 21.967-3.482l-0.5 0.141 204.8-62.976c22.43-6.277 39.829-23.338 46.467-45.093l0.125-0.475c2.085-6.269 3.288-13.486 3.288-20.984 0-16.579-5.88-31.784-15.669-43.644l0.093 0.117-83.968-111.616c-12.046-16.542-31.348-27.172-53.133-27.172-0.761 0-1.518 0.013-2.272 0.039l0.11-0.003zM631.808 279.552c-6.466-0.247-12.152-3.382-15.836-8.144l-0.036-0.048c-2.278-3.032-3.648-6.86-3.648-11.008s1.37-7.976 3.682-11.056l-0.034 0.048 121.856-174.080c3.876-5.004 9.885-8.194 16.639-8.194 0.090 0 0.18 0.001 0.27 0.002h-0.014c0.226-0.011 0.491-0.018 0.757-0.018 5.092 0 9.624 2.398 12.529 6.127l0.027 0.036 83.456 113.152c2.971 3.261 4.791 7.616 4.791 12.396 0 1.785-0.254 3.51-0.727 5.143l0.032-0.13c-1.611 5.904-6.292 10.415-12.178 11.755l-0.11 0.021-204.8 62.976c-1.531 0.699-3.321 1.106-5.206 1.106-0.511 0-1.015-0.030-1.51-0.088l0.060 0.006z" />
70
  <glyph unicode="&#xe93c;" glyph-name="vertical-mouse-scroll" d="M693.248 523.776c0 98.304-79.872 177.152-177.152 177.152h-8.192c-98.304 0-177.152-79.872-177.152-177.152v-150.528c0-98.304 79.872-177.152 177.152-177.152h8.192c98.304 0 177.152 79.872 177.152 177.152v150.528zM663.552 372.224c0-40.96-16.384-77.824-43.008-104.448s-63.488-43.008-104.448-43.008h-8.192c-40.96 0-77.824 16.384-104.448 43.008s-43.008 63.488-43.008 104.448v151.552c0 40.96 16.384 77.824 43.008 104.448s63.488 43.008 104.448 43.008h8.192c40.96 0 77.824-16.384 104.448-43.008s43.008-63.488 43.008-104.448v-151.552zM512 551.424c-8.192 0-15.36-7.168-15.36-15.36v-44.032c0-8.192 7.168-15.36 15.36-15.36s15.36 7.168 15.36 15.36v44.032c-1.024 8.192-7.168 15.36-15.36 15.36zM502.784-9.728c5.12-4.096 13.312-4.096 18.432 0l74.752 59.392c6.144 5.12 7.168 14.336 2.048 20.48s-14.336 7.168-20.48 2.048v0l-65.536-51.2-65.536 52.224c-6.144 5.12-15.36 4.096-20.48-2.048s-4.096-15.36 2.048-20.48l74.752-60.416zM577.536 822.784c6.144-5.12 15.36-4.096 20.48 2.048s4.096 15.36-2.048 20.48l-74.752 59.392c-5.12 4.096-13.312 4.096-18.432 0l-74.752-59.392c-6.144-5.12-7.168-14.336-2.048-20.48s14.336-7.168 20.48-2.048v0l65.536 52.224 65.536-52.224z" />
 
71
  </font></defs></svg>
68
  <glyph unicode="&#xe93a;" glyph-name="premium-woo-products-listing-2" d="M682.822 617.425l-26.996 272.756 28.858-288.116c-0.105-0.769-0.164-1.657-0.164-2.56s0.060-1.791 0.175-2.662l-0.011 0.102c-0.931 6.516-1.396 13.498-1.862 20.48zM586.007 890.182v0l29.324-295.098c0.222 2.371 0.349 5.127 0.349 7.913s-0.127 5.542-0.375 8.263l0.026-0.35zM990.487 633.251l-13.033 128.931c-19.549 139.636-83.316 197.818-219.695 197.818h-500.829c-136.844 0-200.611-58.182-220.16-197.818l-12.567-129.396c-0.761-6.32-1.195-13.639-1.195-21.059 0-40.053 12.647-77.151 34.166-107.52l-0.39 0.579c-0.232-1.329-0.365-2.86-0.365-4.422s0.133-3.093 0.387-4.582l-0.023 0.16v-208.989c0-229.469 97.745-325.818 325.818-325.818h250.415c229.935 0 325.818 98.211 325.818 325.818v208.989c0.335 1.609 0.527 3.459 0.527 5.353s-0.192 3.743-0.557 5.53l0.030-0.177c20.555 29.512 32.84 66.118 32.84 105.594 0 7.403-0.432 14.705-1.272 21.882l0.083-0.872zM431.942 890.182h154.531l27.462-279.273c0.222-2.371 0.349-5.127 0.349-7.913s-0.127-5.542-0.375-8.263l0.026 0.35c-0.358-25.454-10.391-48.497-26.577-65.678l0.046 0.049c-20.206-20.158-48.095-32.623-78.895-32.623s-58.689 12.465-78.897 32.625l0.002-0.002c-16.617 18.71-26.767 43.489-26.767 70.638 0 4.303 0.255 8.547 0.751 12.717l-0.049-0.504zM93.556 626.269l12.567 126.604c14.895 106.589 46.545 137.309 150.807 137.309h103.331l-28.858-288.116c-7.925-59.762-57.674-105.661-118.505-107.516l-0.186-0.004c-0.777-0.018-1.691-0.029-2.608-0.029-34.449 0-65.47 14.676-87.153 38.117l-0.072 0.079c-18.691 21.196-30.1 49.201-30.1 79.87 0 4.822 0.282 9.578 0.831 14.253l-0.054-0.567zM426.822 29.091v81.455c0 58.647 23.273 81.455 81.455 81.455s81.92-22.807 81.92-81.455v-81.455zM892.276 286.953c0-181.062-60.975-250.88-232.727-256.931v80.524c0.549 4.603 0.862 9.935 0.862 15.339 0 75.577-61.267 136.844-136.844 136.844-5.552 0-11.028-0.331-16.407-0.973l0.65 0.063c-4.604 0.551-9.937 0.866-15.343 0.866-75.32 0-136.378-61.059-136.378-136.378 0-5.554 0.332-11.030 0.977-16.41l-0.063 0.649v-80.524c-170.822 5.585-232.727 75.404-232.727 256.931v158.255c24.907-12.929 54.38-20.511 85.624-20.511 61.952 0 116.941 29.812 151.405 75.872l0.353 0.494c4.901-7.316 9.952-13.698 15.457-19.655l-0.097 0.106c32.643-35.039 79.050-56.886 130.56-56.886s97.917 21.846 130.461 56.779l0.099 0.107c4.821 5.303 9.408 11.073 13.602 17.134l0.362 0.553c35.054-45.45 89.528-74.442 150.772-74.442 31.989 0 62.13 7.909 88.575 21.879l-1.035-0.498zM892.276 532.713c-21.754-23.52-52.775-38.196-87.224-38.196-0.917 0-1.832 0.010-2.744 0.031l0.136-0.002c-59.126 2.208-107.581 45.244-118.106 101.628l-0.12 0.772c-0.105 0.769-0.164 1.657-0.164 2.56s0.060 1.791 0.175 2.662l-0.011-0.102-28.858 288.116h103.796c101.935 0 135.447-30.72 150.342-136.378l13.033-127.535c0.398-3.686 0.626-7.961 0.626-12.29 0-31.328-11.904-59.875-31.434-81.366l0.089 0.099z" />
69
  <glyph unicode="&#xe93b;" glyph-name="premium-yelp-reviews" d="M468.992-68.096c-0.011 0-0.023 0-0.036 0-9.182 0-17.969 1.69-26.067 4.776l0.503-0.168-132.608 51.2c-25.99 10.494-43.996 35.515-43.996 64.741 0 17.123 6.181 32.803 16.433 44.93l-0.085-0.103 134.656 164.864c13.047 15.432 32.418 25.164 54.062 25.164 9.096 0 17.791-1.719 25.778-4.85l-0.48 0.166c27.286-10.769 46.384-36.602 47.102-66.984l0.002-0.088-6.144-215.552c-1.425-23.465-14.019-43.712-32.488-55.639l-0.28-0.169c-10.15-7.229-22.674-11.751-36.223-12.284l-0.129-0.004zM456.704 230.4l-134.144-164.352c-2.884-3.438-4.637-7.911-4.637-12.793 0-1.637 0.197-3.229 0.569-4.751l-0.028 0.137c1.551-5.74 5.734-10.259 11.14-12.248l0.124-0.040 132.096-51.2c2.445-1.333 5.355-2.116 8.448-2.116s6.003 0.784 8.542 2.163l-0.094-0.047c5.254 3.275 8.8 8.862 9.213 15.303l0.003 0.057 5.12 215.040c0.011 0.26 0.018 0.564 0.018 0.871 0 11.876-9.628 21.504-21.504 21.504-6.286 0-11.943-2.698-15.875-6.998l-0.015-0.016zM198.144 230.4c-0.31-0.005-0.675-0.008-1.041-0.008-38.174 0-69.12 30.946-69.12 69.12 0 0.543 0.006 1.084 0.019 1.624l-0.001-0.080 6.656 141.824c0.497 22.563 12.060 42.323 29.461 54.122l0.235 0.15c10.901 7.626 24.435 12.186 39.034 12.186 8.791 0 17.196-1.654 24.921-4.667l-0.467 0.16 198.656-71.168c28.13-9.56 48.009-35.738 48.009-66.56s-19.879-57-47.515-66.414l-0.494-0.146-204.8-67.072c-6.773-1.954-14.552-3.077-22.594-3.077-0.337 0-0.673 0.002-1.009 0.006h0.051zM201.216 458.24c-0.015 0-0.033 0-0.051 0-3.796 0-7.323-1.147-10.255-3.114l0.066 0.042c-4.37-2.958-7.301-7.757-7.677-13.258l-0.003-0.054-4.096-141.824c0.075-5.981 2.838-11.302 7.134-14.821l0.034-0.027c3.409-2.491 7.683-3.986 12.306-3.986 2.186 0 4.293 0.334 6.274 0.954l-0.149-0.040 204.8 67.072c7.753 2.294 13.313 9.351 13.313 17.707 0 0.075 0 0.15-0.001 0.224v-0.011c0.002 0.11 0.004 0.239 0.004 0.368 0 8.169-5.314 15.096-12.673 17.515l-0.13 0.037-199.68 71.168zM631.808 359.936c-23.663 0.032-44.494 12.129-56.675 30.469l-0.157 0.251c-7.557 10.973-12.070 24.551-12.070 39.183 0 17.578 6.514 33.635 17.259 45.889l-0.068-0.080 126.976 172.032c12.28 17.45 32.335 28.712 55.020 28.712 0.817 0 1.631-0.015 2.441-0.044l-0.117 0.003c23.506-0.527 44.057-12.709 56.16-30.976l0.16-0.256 78.336-122.368c5.397-9.953 8.57-21.792 8.57-34.372 0-9.555-1.83-18.682-5.159-27.050l0.174 0.495c-7.983-20.26-24.537-35.638-45.071-41.855l-0.497-0.129-204.8-56.832c-6.117-1.886-13.155-3.004-20.444-3.072h-0.036zM762.88 625.152c-5.843 0-11.032-2.796-14.303-7.123l-0.033-0.045-128-173.568c-3.954-3.575-6.427-8.723-6.427-14.449 0-3.745 1.058-7.242 2.891-10.21l-0.048 0.084c3.242-4.955 8.766-8.184 15.044-8.184 2.132 0 4.176 0.372 6.073 1.055l-0.125-0.039 204.8 56.32c5.676 1.945 10.112 6.214 12.241 11.64l0.047 0.136c1.163 2.561 1.84 5.553 1.84 8.704s-0.678 6.143-1.895 8.84l0.055-0.136-76.8 118.272c-2.94 5.229-8.453 8.704-14.777 8.704-0.025 0-0.050 0-0.075 0h0.004zM471.040 434.688c-23.669 0.040-44.885 10.503-59.312 27.042l-0.080 0.094-5.632 9.728-187.904 324.096c-8.713 11.844-13.945 26.719-13.945 42.816 0 9.27 1.735 18.135 4.898 26.288l-0.169-0.496c7.626 24.593 26.607 43.574 50.656 51.054l0.544 0.146 162.304 43.008c6.429 2.046 13.823 3.226 21.493 3.226 17.069 0 32.774-5.841 45.224-15.633l-0.157 0.119c19.951-14.489 32.775-37.74 32.775-63.986 0-0.365-0.002-0.729-0.007-1.093l0.001 0.055 28.16-358.4c0.106-1.666 0.167-3.612 0.167-5.572 0-9.327-1.37-18.335-3.921-26.831l0.17 0.66c-8.619-26.203-30.432-45.803-57.375-51.121l-0.481-0.079c-5.042-2.321-10.897-4.108-17.026-5.071l-0.382-0.049zM448.512 498.688l3.072-5.12c5.062-4.908 11.974-7.933 19.592-7.933 2.313 0 4.561 0.279 6.713 0.805l-0.193-0.040c9.191 1.675 16.537 8.17 19.405 16.719l0.051 0.177c0.429 2.155 0.675 4.633 0.675 7.168s-0.246 5.013-0.714 7.411l0.040-0.243-28.16 358.4v5.12c0.010 0.27 0.016 0.586 0.016 0.904 0 8.497-4.225 16.008-10.688 20.547l-0.080 0.053c-3.927 3.413-9.091 5.493-14.741 5.493-2.227 0-4.378-0.323-6.41-0.925l0.159 0.041-163.84-44.032c-11.172-2.914-19.284-12.914-19.284-24.809 0-5.69 1.857-10.947 4.997-15.197l-0.049 0.070zM754.688 15.872c-23.36 0.342-43.953 11.886-56.689 29.488l-0.143 0.208-121.856 173.568c-8.299 11.435-13.276 25.75-13.276 41.228 0 39.022 31.634 70.656 70.656 70.656 7.669 0 15.053-1.222 21.967-3.482l-0.5 0.141 204.8-62.976c22.43-6.277 39.829-23.338 46.467-45.093l0.125-0.475c2.085-6.269 3.288-13.486 3.288-20.984 0-16.579-5.88-31.784-15.669-43.644l0.093 0.117-83.968-111.616c-12.046-16.542-31.348-27.172-53.133-27.172-0.761 0-1.518 0.013-2.272 0.039l0.11-0.003zM631.808 279.552c-6.466-0.247-12.152-3.382-15.836-8.144l-0.036-0.048c-2.278-3.032-3.648-6.86-3.648-11.008s1.37-7.976 3.682-11.056l-0.034 0.048 121.856-174.080c3.876-5.004 9.885-8.194 16.639-8.194 0.090 0 0.18 0.001 0.27 0.002h-0.014c0.226-0.011 0.491-0.018 0.757-0.018 5.092 0 9.624 2.398 12.529 6.127l0.027 0.036 83.456 113.152c2.971 3.261 4.791 7.616 4.791 12.396 0 1.785-0.254 3.51-0.727 5.143l0.032-0.13c-1.611 5.904-6.292 10.415-12.178 11.755l-0.11 0.021-204.8 62.976c-1.531 0.699-3.321 1.106-5.206 1.106-0.511 0-1.015-0.030-1.51-0.088l0.060 0.006z" />
70
  <glyph unicode="&#xe93c;" glyph-name="vertical-mouse-scroll" d="M693.248 523.776c0 98.304-79.872 177.152-177.152 177.152h-8.192c-98.304 0-177.152-79.872-177.152-177.152v-150.528c0-98.304 79.872-177.152 177.152-177.152h8.192c98.304 0 177.152 79.872 177.152 177.152v150.528zM663.552 372.224c0-40.96-16.384-77.824-43.008-104.448s-63.488-43.008-104.448-43.008h-8.192c-40.96 0-77.824 16.384-104.448 43.008s-43.008 63.488-43.008 104.448v151.552c0 40.96 16.384 77.824 43.008 104.448s63.488 43.008 104.448 43.008h8.192c40.96 0 77.824-16.384 104.448-43.008s43.008-63.488 43.008-104.448v-151.552zM512 551.424c-8.192 0-15.36-7.168-15.36-15.36v-44.032c0-8.192 7.168-15.36 15.36-15.36s15.36 7.168 15.36 15.36v44.032c-1.024 8.192-7.168 15.36-15.36 15.36zM502.784-9.728c5.12-4.096 13.312-4.096 18.432 0l74.752 59.392c6.144 5.12 7.168 14.336 2.048 20.48s-14.336 7.168-20.48 2.048v0l-65.536-51.2-65.536 52.224c-6.144 5.12-15.36 4.096-20.48-2.048s-4.096-15.36 2.048-20.48l74.752-60.416zM577.536 822.784c6.144-5.12 15.36-4.096 20.48 2.048s4.096 15.36-2.048 20.48l-74.752 59.392c-5.12 4.096-13.312 4.096-18.432 0l-74.752-59.392c-6.144-5.12-7.168-14.336-2.048-20.48s14.336-7.168 20.48-2.048v0l65.536 52.224 65.536-52.224z" />
71
+ <glyph unicode="&#xe93d;" glyph-name="premium-svg-drawer" horiz-adv-x="958" d="M694.657 314.861l-142.482 180.788c-16.38 22.765-42.8 37.415-72.642 37.415s-56.262-14.65-72.461-37.15l-0.181-0.265-142.482-180.788c-46.715-56.993-40.642-100.438 14.015-145.285l70.073-62.599-16.35-71.942c-1.148-4.97-1.806-10.677-1.806-16.537 0-18.418 6.499-35.318 17.33-48.532l-0.107 0.135c17.263-20.892 43.178-34.105 72.178-34.105 0.245 0 0.49 0.001 0.735 0.003h117.685c0.807-0.025 1.757-0.039 2.71-0.039 28.158 0 53.406 12.456 70.536 32.159l0.097 0.114c10.639 13.221 17.076 30.214 17.076 48.711 0 6.42-0.775 12.658-2.238 18.627l0.111-0.535-16.35 71.942 70.54 62.599c55.124 47.65 57.927 89.693 14.015 145.285zM575.066-2.336c-8.561-9.249-20.766-15.021-34.319-15.021-0.91 0-1.814 0.026-2.711 0.077l0.124-0.006h-117.723c-0.277-0.006-0.603-0.009-0.929-0.009-14.182 0-26.889 6.32-35.456 16.297l-0.052 0.062c-4.296 5.022-6.911 11.594-6.911 18.777 0 2.456 0.306 4.84 0.881 7.117l-0.043-0.2 14.949 66.336h172.847l14.949-66.336c0.693-2.42 1.092-5.199 1.092-8.071 0-7.228-2.526-13.867-6.743-19.081l0.045 0.057zM649.81 204.146l-74.745-66.336h-191.066l-75.212 67.27c-35.971 29.431-37.372 43.445-7.942 80.818l142.482 180.788c3.622 4.49 7.777 8.348 12.418 11.551l0.196 0.128v-105.577c0-12.9 10.458-23.358 23.358-23.358s23.358 10.458 23.358 23.358v0 106.044c5.087-3.364 9.411-7.39 12.989-12.023l0.092-0.123 142.482-182.19c30.832-35.036 27.095-46.715-8.409-80.35zM878.248 575.533h-49.051c-0.104 0.001-0.227 0.001-0.351 0.001-13.563 0-26.317-3.461-37.428-9.548l0.406 0.204-222.365 220.029c14.542 14.256 23.556 34.105 23.556 56.058s-9.014 41.802-23.543 56.046l-0.013 0.013-34.569 40.175c-14.256 14.542-34.105 23.556-56.058 23.556s-41.802-9.014-56.046-23.543l-36.451-36.451c-14.427-14.31-23.358-34.141-23.358-56.058s8.931-41.749 23.352-56.053l0.005-0.005-218.161-225.168c-10.705 5.883-23.459 9.344-37.022 9.344-0.123 0-0.246 0-0.37-0.001h-49.032c-43.86 0-79.416-35.556-79.416-79.416v0-51.387c0.788-43.253 36.036-78.015 79.404-78.015 0.004 0 0.009 0 0.013 0h51.386c43.86 0 79.416 35.556 79.416 79.416v0 51.387c0.001 0.104 0.001 0.227 0.001 0.351 0 13.563-3.461 26.317-9.548 37.428l0.204-0.406 217.693 218.161c14.31-14.427 34.141-23.358 56.058-23.358s41.749 8.931 56.053 23.352l0.005 0.005 220.029-220.029c-5.883-10.705-9.344-23.459-9.344-37.022 0-0.123 0-0.246 0.001-0.37v0.019-51.387c0-43.86 35.556-79.416 79.416-79.416h51.387c43.86 0 79.416 35.556 79.416 79.416v0 51.387c0.015 0.582 0.024 1.268 0.024 1.955 0 42.554-33.47 77.291-75.521 79.322l-0.182 0.007zM163.504 444.73c0-18.060-14.641-32.701-32.701-32.701h-49.051c-18.060 0-32.701 14.641-32.701 32.701v0 51.387c0 18.060 14.641 32.701 32.701 32.701h51.387c18.060 0 32.701-14.641 32.701-32.701v0zM537.226 818.453l-35.036-34.102c-6.041-5.837-14.28-9.433-23.358-9.433s-17.316 3.596-23.367 9.442l0.010-0.009-36.438 36.438c-5.837 6.041-9.433 14.28-9.433 23.358s3.596 17.316 9.442 23.367l-0.009-0.010 36.438 36.438c6.041 5.837 14.28 9.433 23.358 9.433s17.316-3.596 23.367-9.442l-0.010 0.009 36.438-36.438c5.837-6.041 9.433-14.28 9.433-23.358s-3.596-17.316-9.442-23.367l0.009 0.010zM910.949 442.394c0-18.060-14.641-32.701-32.701-32.701h-49.051c-18.060 0-32.701 14.641-32.701 32.701v0 51.387c0 18.060 14.641 32.701 32.701 32.701v0h51.387c18.060 0 32.701-14.641 32.701-32.701v0z" />
72
  </font></defs></svg>
assets/editor/fonts/pa-elements.ttf CHANGED
Binary file
assets/editor/fonts/pa-elements.woff CHANGED
Binary file
assets/editor/templates/css/editor-rtl.css CHANGED
@@ -1,578 +1,578 @@
1
- #premium-template-modal .dialog-widget-content {
2
- background-color: #f1f3f5;
3
- width: 100%;
4
- }
5
-
6
- @media (max-width: 1439px) {
7
- #premium-template-modal .dialog-widget-content {
8
- max-width: 990px;
9
- }
10
- }
11
-
12
- @media (min-width: 1440px) {
13
- #premium-template-modal .dialog-widget-content {
14
- max-width: 1200px;
15
- }
16
- }
17
-
18
- #premium-template-modal .dialog-widget-header,
19
- #premium-template-modal .dialog-header {
20
- padding: 0;
21
- background-color: #fff;
22
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
- position: relative;
25
- z-index: 1;
26
- }
27
-
28
- #premium-template-modal .dialog-buttons-wrapper {
29
- display: none;
30
- }
31
-
32
- #premium-template-modal a,
33
- #premium-template-modal a:hover {
34
- color: inherit;
35
- }
36
-
37
- #premium-template-modal a.elementor-template-library-blank-footer-link {
38
- -webkit-transition: color 0.5s;
39
- transition: color 0.5s;
40
- }
41
-
42
- #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
- color: #9b0a46;
44
- }
45
-
46
- #premium-template-modal .elementor-button {
47
- text-transform: uppercase;
48
- }
49
-
50
- #premium-template-modal ::-webkit-scrollbar {
51
- width: 6px;
52
- height: 0;
53
- border-radius: 3px;
54
- }
55
-
56
- #premium-template-modal ::-webkit-scrollbar-button {
57
- width: 0;
58
- height: 10px;
59
- }
60
-
61
- #premium-template-modal ::-webkit-scrollbar-thumb {
62
- background-color: #d5dadf;
63
- border: 0 none #d5dadf;
64
- border-radius: 0;
65
- border-radius: 3px;
66
- }
67
-
68
- #premium-template-modal ::-webkit-scrollbar-track {
69
- border: 0 none #fff;
70
- border-radius: 0;
71
- }
72
-
73
- #premium-template-modal ::-webkit-scrollbar-corner {
74
- background: transparent;
75
- }
76
-
77
- #premium-template-modal-header {
78
- display: -webkit-box;
79
- display: -ms-flexbox;
80
- display: flex;
81
- -webkit-box-pack: justify;
82
- -ms-flex-pack: justify;
83
- display: -webkit-box;
84
- display: -webkit-flex;
85
- display: -ms-flexbox;
86
- display: flex;
87
- -webkit-box-align: center;
88
- -webkit-align-items: center;
89
- -ms-flex-align: center;
90
- align-items: center;
91
- -webkit-box-pack: justify;
92
- -ms-flex-pack: justify;
93
-
94
- height: 50px;
95
- }
96
-
97
- #premium-template-modal-header .premium-template-modal-back {
98
- background: none;
99
- border: none;
100
- border-left: 1px solid #e6e9ec;
101
- padding: 15px 15px 15px 20px;
102
- line-height: 20px;
103
- font-size: 13px;
104
- font-weight: 700;
105
- outline: none;
106
- -webkit-transition: all 200ms linear;
107
- transition: all 200ms linear;
108
- cursor: pointer;
109
- color: #6d7882;
110
- }
111
-
112
- #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
- color: #a4afb7;
114
- }
115
-
116
- #premium-template-modal-header .elementor-button {
117
- padding: 8px 10px;
118
- }
119
-
120
- #premium-template-modal-header-close-modal {
121
- width: 45px;
122
- border-right: 1px solid #e6e9ec;
123
- display: -webkit-box;
124
- display: -ms-flexbox;
125
- display: flex;
126
- -webkit-box-align: center;
127
- -ms-flex-align: center;
128
- align-items: center;
129
- -webkit-box-pack: center;
130
- -ms-flex-pack: center;
131
- justify-content: center;
132
- cursor: pointer;
133
- -webkit-transition: all 200ms linear;
134
- transition: all 200ms linear;
135
- }
136
-
137
- #premium-template-modal-header-close-modal i {
138
- color: #a4afb7;
139
- font-size: 16px;
140
- }
141
-
142
- #premium-template-modal-header-close-modal:hover i {
143
- color: #6d7882;
144
- }
145
-
146
- #premium-template-modal-header-actions .template-library-activate-license {
147
- display: block;
148
- padding: 8px 10px;
149
- color: #fff;
150
- }
151
-
152
- #premium-template-modal-header-actions .template-library-activate-license:hover {
153
- color: #fff;
154
- opacity: 0.85;
155
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
- }
158
-
159
- #premium-template-modal-header-actions .premium-template-insert-no-media {
160
- background-color: #a4afb7;
161
- color: #fff;
162
- }
163
-
164
- #premium-template-modal .elementor-library-error {
165
- margin: 18% 0 0;
166
- }
167
-
168
- #premium-template-modal .elementor-library-error-message {
169
- font-size: 18px;
170
- padding: 0 0 20px;
171
- }
172
-
173
- #premium-template-modal .elementor-library-error-link a {
174
- display: inline-block;
175
- color: #fff;
176
- background-image: none;
177
- background: #f47216;
178
- font-size: 13px;
179
- font-weight: 400;
180
- font-style: normal;
181
- text-transform: uppercase;
182
- line-height: 1;
183
- height: 40px;
184
- line-height: 40px;
185
- min-width: 170px;
186
- padding: 0 20px;
187
- border: none;
188
- border-radius: 3px;
189
- cursor: pointer;
190
- -webkit-transition: all 0.5s;
191
- transition: all 0.5s;
192
- }
193
-
194
- #premium-template-modal .elementor-library-error-link a:hover {
195
- opacity: 0.85;
196
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
- }
199
-
200
- #premium-modal-tabs-items {
201
- display: none;
202
- }
203
-
204
- #premium-template-modal-header-tabs {
205
- display: -webkit-box;
206
- display: -webkit-flex;
207
- display: -ms-flexbox;
208
- display: flex;
209
- flex: 2;
210
- -webkit-box-align: center;
211
- -webkit-align-items: center;
212
- -ms-flex-align: center;
213
- align-items: center;
214
- -webkit-box-pack: justify;
215
- -webkit-justify-content: space-between;
216
- -ms-flex-pack: justify;
217
- justify-content: space-between;
218
- }
219
-
220
- #premium-template-modal-header-logo-area {
221
- text-align: right;
222
- padding-right: 15px;
223
- }
224
-
225
- #premium-template-modal-header-logo-area>* {
226
- display: -webkit-box;
227
- display: -webkit-flex;
228
- display: -ms-flexbox;
229
- display: flex;
230
- -webkit-box-align: center;
231
- -webkit-align-items: center;
232
- -ms-flex-align: center;
233
- align-items: center;
234
- }
235
-
236
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
- margin-left: 5px;
238
- }
239
-
240
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
- width: 30px;
242
- height: 30px;
243
- }
244
-
245
- #premium-template-modal-header-logo {
246
- color: #495157;
247
- line-height: 1;
248
- text-transform: uppercase;
249
- font-weight: 700;
250
- cursor: pointer;
251
- }
252
-
253
- #premium-template-library-content {
254
- display: -webkit-box;
255
- display: -ms-flexbox;
256
- display: flex;
257
- height: calc(100% - 20px);
258
- }
259
-
260
- #premium-template-library-content .premium-filters-list {
261
- width: 18%;
262
- padding: 0px 0px 10px 10px;
263
- height: 100%;
264
- overflow: auto;
265
- }
266
-
267
- #premium-template-library-content .premium-templates-wrap {
268
- width: 85%;
269
- }
270
-
271
- #premium-template-library-content .premium-templates-list {
272
- height: 100%;
273
- overflow: auto;
274
- margin-top: 12px;
275
- }
276
-
277
- #premium-template-library-content .premium-keywords-list {
278
- padding-right: 10px;
279
- }
280
-
281
- #elementor-template-library-filter {
282
- display: -webkit-box;
283
- display: -ms-flexbox;
284
- display: flex;
285
- align-items: center;
286
- }
287
-
288
- #elementor-template-library-filter label {
289
- color: #6d7882;
290
- font-size: 14px;
291
- font-weight: 500;
292
- margin-left: 0.5em;
293
- }
294
-
295
- #premium-template-modal .elementor-loader {
296
- position: relative;
297
- background-color: hsla(0, 0%, 100%, 0.9);
298
- }
299
-
300
- #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
- left: 40px;
302
- top: 40px;
303
- width: 14px;
304
- height: 70px;
305
- }
306
-
307
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
- top: 40px;
309
- }
310
-
311
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
- top: 68px;
313
- }
314
-
315
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
- bottom: 40px;
317
- }
318
-
319
- #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
- right: 40px;
321
- height: 14px;
322
- width: 42px;
323
- }
324
-
325
- #premium-template-library-content .premium-template-filter-label {
326
- display: block;
327
- position: relative;
328
- text-align: right;
329
- padding: 9px 0;
330
- }
331
-
332
- #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
- position: absolute;
334
- right: 0;
335
- top: 0;
336
- left: 0;
337
- bottom: 0;
338
- margin: 0;
339
- opacity: 0;
340
- display: block;
341
- width: 100%;
342
- height: 100%;
343
- cursor: pointer;
344
- }
345
-
346
- .premium-template-filter-label span {
347
- color: #6d7882;
348
- }
349
-
350
- #premium-template-library-content .premium-template-filter-label:hover span,
351
- #premium-template-library-content .premium-template-filter-label input:checked+span {
352
- color: #f47216;
353
- }
354
-
355
- #premium-template-library-content .premium-template-filter-item {
356
- border-top: 1px solid rgba(213, 218, 223, 0.5);
357
- }
358
-
359
- #premium-template-library-content .premium-template-filter-item:first-child {
360
- border-top: none;
361
- }
362
-
363
- #premium-template-library-content .premium-templates-wrap {
364
- width: 100%;
365
- }
366
-
367
- #premium-template-library-content .premium-template-insert,
368
- #premium-template-library-content .premium-template-insert-no-media {
369
- padding: 5px 12px;
370
- }
371
-
372
- #premium-template-library-content .premium-template-insert-no-media {
373
- color: #6d7882 !important;
374
- margin-left: 8px !important;
375
- }
376
-
377
- /* #premium-template-library-content .premium-template-insert i,
378
- #premium-template-library-content .premium-template-insert-no-media i {
379
- margin-right: 2px;
380
- } */
381
-
382
- #premium-template-library-content .premium-template-insert span,
383
- #premium-template-library-content .premium-template-insert-no-media span {
384
- font-size: 11px;
385
- }
386
-
387
- #premium-template-library-content .elementor-template-library-template-name {
388
- width: 200px;
389
- }
390
-
391
- #premium-modal-templates-container {
392
- display: -webkit-box;
393
- display: -ms-flexbox;
394
- display: flex;
395
- -ms-flex-wrap: wrap;
396
- flex-wrap: wrap;
397
- -webkit-box-align: start;
398
- -ms-flex-align: start;
399
- align-items: flex-start;
400
- }
401
-
402
- #premium-modal-templates-container .elementor-template-library-template {
403
- position: relative;
404
- background: #fff;
405
- }
406
-
407
- #premium-modal-templates-container .premium-template-pro::before {
408
- position: absolute;
409
- left: -76px;
410
- top: 2px;
411
- content: "PRO";
412
- z-index: 10;
413
- width: 180px;
414
- height: 20px;
415
- padding: 0 20px;
416
- font-size: 12px;
417
- line-height: 10px;
418
- text-align: center;
419
- color: #fff;
420
- font-weight: bold;
421
- box-shadow: 0px 1px 3px #888888;
422
- background: #f47216;
423
- border-top: 5px solid #f47216;
424
- border-bottom: 5px solid #f47216;
425
- -webkit-transform: rotate(-35deg);
426
- transform: rotate(-35deg);
427
- }
428
-
429
- #premium-modal-templates-container .elementor-template-library-template-remote {
430
- width: calc(33.3333% - 30px);
431
- }
432
-
433
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
- position: absolute;
435
- background-color: #fff;
436
- right: 0;
437
- bottom: -15px;
438
- left: 0;
439
- display: -webkit-box;
440
- display: -ms-flexbox;
441
- display: flex;
442
- -webkit-box-pack: justify;
443
- -ms-flex-pack: justify;
444
- -webkit-transition: all 0.3s ease;
445
- transition: all 0.3s ease;
446
- justify-content: center;
447
- padding: 9px 8px 9px 10px;
448
- z-index: 10;
449
- }
450
-
451
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
- bottom: 0;
453
- }
454
-
455
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
- padding: 0;
458
- margin: 0;
459
- color: #39b54a;
460
- background: none;
461
- text-transform: none;
462
- font-size: 12px;
463
- }
464
-
465
- #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
- background: none;
467
- border: none;
468
- padding: 0;
469
- margin: 0;
470
- color: #9b0a46;
471
- cursor: pointer;
472
- display: none;
473
- font-size: 12px;
474
- -webkit-box-shadow: none;
475
- box-shadow: none;
476
- outline: none;
477
- font-weight: bold;
478
- }
479
-
480
- div.premium-template-has-url:hover .premium-clone-template {
481
- display: block !important;
482
- }
483
-
484
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
- -webkit-box-shadow: none;
487
- box-shadow: none;
488
- }
489
-
490
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
- padding: 5px 0 0;
492
- text-align: center;
493
- display: block !important;
494
- }
495
-
496
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
- height: 23px;
498
- }
499
-
500
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
- display: none;
502
- color: #fcb92c;
503
- font-size: 12px;
504
- }
505
-
506
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
- color: #d89403;
508
- }
509
-
510
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
- opacity: 0;
512
- }
513
-
514
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
- width: calc(25% - 20px);
516
- margin: 10px;
517
- }
518
-
519
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
- padding: 8px;
521
- }
522
-
523
- #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
- cursor: default !important;
525
- opacity: 0 !important;
526
- }
527
-
528
- #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
- display: none !important;
530
- }
531
-
532
- #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
- display: block !important;
534
- }
535
-
536
- .elementor-template-library-template-screenshot img {
537
- width: 100%;
538
- max-width: 100%;
539
- height: auto;
540
- display: block;
541
- }
542
-
543
- /* * Preview Iframe */
544
- #premium-templatate-item-preview-wrap,
545
- #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
- height: 100%;
547
- overflow: hidden;
548
- }
549
-
550
- #premium-templatate-item-preview-wrap iframe {
551
- height: 140%;
552
- -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
- -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
- transform: scale(0.666) translateX(25%) translateY(-25%);
555
- }
556
-
557
- @media (max-width: 1439px) {
558
- #premium-templatate-item-preview-wrap iframe {
559
- width: 1440px;
560
- }
561
- }
562
-
563
- @media (min-width: 1440px) {
564
- #premium-templatate-item-preview-wrap iframe {
565
- width: 1710px;
566
- }
567
- }
568
-
569
- .premium-template-item-notice div {
570
- color: #31708f;
571
- background-color: #d9edf7;
572
- border-color: #bcdff1;
573
- padding: 15px;
574
- border-right: 5px solid #bcdff1;
575
- position: relative;
576
- text-align: right;
577
- margin-bottom: 8px;
578
  }
1
+ #premium-template-modal .dialog-widget-content {
2
+ background-color: #f1f3f5;
3
+ width: 100%;
4
+ }
5
+
6
+ @media (max-width: 1439px) {
7
+ #premium-template-modal .dialog-widget-content {
8
+ max-width: 990px;
9
+ }
10
+ }
11
+
12
+ @media (min-width: 1440px) {
13
+ #premium-template-modal .dialog-widget-content {
14
+ max-width: 1200px;
15
+ }
16
+ }
17
+
18
+ #premium-template-modal .dialog-widget-header,
19
+ #premium-template-modal .dialog-header {
20
+ padding: 0;
21
+ background-color: #fff;
22
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ #premium-template-modal .dialog-buttons-wrapper {
29
+ display: none;
30
+ }
31
+
32
+ #premium-template-modal a,
33
+ #premium-template-modal a:hover {
34
+ color: inherit;
35
+ }
36
+
37
+ #premium-template-modal a.elementor-template-library-blank-footer-link {
38
+ -webkit-transition: color 0.5s;
39
+ transition: color 0.5s;
40
+ }
41
+
42
+ #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
+ color: #9b0a46;
44
+ }
45
+
46
+ #premium-template-modal .elementor-button {
47
+ text-transform: uppercase;
48
+ }
49
+
50
+ #premium-template-modal ::-webkit-scrollbar {
51
+ width: 6px;
52
+ height: 0;
53
+ border-radius: 3px;
54
+ }
55
+
56
+ #premium-template-modal ::-webkit-scrollbar-button {
57
+ width: 0;
58
+ height: 10px;
59
+ }
60
+
61
+ #premium-template-modal ::-webkit-scrollbar-thumb {
62
+ background-color: #d5dadf;
63
+ border: 0 none #d5dadf;
64
+ border-radius: 0;
65
+ border-radius: 3px;
66
+ }
67
+
68
+ #premium-template-modal ::-webkit-scrollbar-track {
69
+ border: 0 none #fff;
70
+ border-radius: 0;
71
+ }
72
+
73
+ #premium-template-modal ::-webkit-scrollbar-corner {
74
+ background: transparent;
75
+ }
76
+
77
+ #premium-template-modal-header {
78
+ display: -webkit-box;
79
+ display: -ms-flexbox;
80
+ display: flex;
81
+ -webkit-box-pack: justify;
82
+ -ms-flex-pack: justify;
83
+ display: -webkit-box;
84
+ display: -webkit-flex;
85
+ display: -ms-flexbox;
86
+ display: flex;
87
+ -webkit-box-align: center;
88
+ -webkit-align-items: center;
89
+ -ms-flex-align: center;
90
+ align-items: center;
91
+ -webkit-box-pack: justify;
92
+ -ms-flex-pack: justify;
93
+
94
+ height: 50px;
95
+ }
96
+
97
+ #premium-template-modal-header .premium-template-modal-back {
98
+ background: none;
99
+ border: none;
100
+ border-left: 1px solid #e6e9ec;
101
+ padding: 15px 15px 15px 20px;
102
+ line-height: 20px;
103
+ font-size: 13px;
104
+ font-weight: 700;
105
+ outline: none;
106
+ -webkit-transition: all 200ms linear;
107
+ transition: all 200ms linear;
108
+ cursor: pointer;
109
+ color: #6d7882;
110
+ }
111
+
112
+ #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
+ color: #a4afb7;
114
+ }
115
+
116
+ #premium-template-modal-header .elementor-button {
117
+ padding: 8px 10px;
118
+ }
119
+
120
+ #premium-template-modal-header-close-modal {
121
+ width: 45px;
122
+ border-right: 1px solid #e6e9ec;
123
+ display: -webkit-box;
124
+ display: -ms-flexbox;
125
+ display: flex;
126
+ -webkit-box-align: center;
127
+ -ms-flex-align: center;
128
+ align-items: center;
129
+ -webkit-box-pack: center;
130
+ -ms-flex-pack: center;
131
+ justify-content: center;
132
+ cursor: pointer;
133
+ -webkit-transition: all 200ms linear;
134
+ transition: all 200ms linear;
135
+ }
136
+
137
+ #premium-template-modal-header-close-modal i {
138
+ color: #a4afb7;
139
+ font-size: 16px;
140
+ }
141
+
142
+ #premium-template-modal-header-close-modal:hover i {
143
+ color: #6d7882;
144
+ }
145
+
146
+ #premium-template-modal-header-actions .template-library-activate-license {
147
+ display: block;
148
+ padding: 8px 10px;
149
+ color: #fff;
150
+ }
151
+
152
+ #premium-template-modal-header-actions .template-library-activate-license:hover {
153
+ color: #fff;
154
+ opacity: 0.85;
155
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
+ }
158
+
159
+ #premium-template-modal-header-actions .premium-template-insert-no-media {
160
+ background-color: #a4afb7;
161
+ color: #fff;
162
+ }
163
+
164
+ #premium-template-modal .elementor-library-error {
165
+ margin: 18% 0 0;
166
+ }
167
+
168
+ #premium-template-modal .elementor-library-error-message {
169
+ font-size: 18px;
170
+ padding: 0 0 20px;
171
+ }
172
+
173
+ #premium-template-modal .elementor-library-error-link a {
174
+ display: inline-block;
175
+ color: #fff;
176
+ background-image: none;
177
+ background: #f47216;
178
+ font-size: 13px;
179
+ font-weight: 400;
180
+ font-style: normal;
181
+ text-transform: uppercase;
182
+ line-height: 1;
183
+ height: 40px;
184
+ line-height: 40px;
185
+ min-width: 170px;
186
+ padding: 0 20px;
187
+ border: none;
188
+ border-radius: 3px;
189
+ cursor: pointer;
190
+ -webkit-transition: all 0.5s;
191
+ transition: all 0.5s;
192
+ }
193
+
194
+ #premium-template-modal .elementor-library-error-link a:hover {
195
+ opacity: 0.85;
196
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
+ }
199
+
200
+ #premium-modal-tabs-items {
201
+ display: none;
202
+ }
203
+
204
+ #premium-template-modal-header-tabs {
205
+ display: -webkit-box;
206
+ display: -webkit-flex;
207
+ display: -ms-flexbox;
208
+ display: flex;
209
+ flex: 2;
210
+ -webkit-box-align: center;
211
+ -webkit-align-items: center;
212
+ -ms-flex-align: center;
213
+ align-items: center;
214
+ -webkit-box-pack: justify;
215
+ -webkit-justify-content: space-between;
216
+ -ms-flex-pack: justify;
217
+ justify-content: space-between;
218
+ }
219
+
220
+ #premium-template-modal-header-logo-area {
221
+ text-align: right;
222
+ padding-right: 15px;
223
+ }
224
+
225
+ #premium-template-modal-header-logo-area>* {
226
+ display: -webkit-box;
227
+ display: -webkit-flex;
228
+ display: -ms-flexbox;
229
+ display: flex;
230
+ -webkit-box-align: center;
231
+ -webkit-align-items: center;
232
+ -ms-flex-align: center;
233
+ align-items: center;
234
+ }
235
+
236
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
+ margin-left: 5px;
238
+ }
239
+
240
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
+ width: 30px;
242
+ height: 30px;
243
+ }
244
+
245
+ #premium-template-modal-header-logo {
246
+ color: #495157;
247
+ line-height: 1;
248
+ text-transform: uppercase;
249
+ font-weight: 700;
250
+ cursor: pointer;
251
+ }
252
+
253
+ #premium-template-library-content {
254
+ display: -webkit-box;
255
+ display: -ms-flexbox;
256
+ display: flex;
257
+ height: calc(100% - 20px);
258
+ }
259
+
260
+ #premium-template-library-content .premium-filters-list {
261
+ width: 18%;
262
+ padding: 0px 0px 10px 10px;
263
+ height: 100%;
264
+ overflow: auto;
265
+ }
266
+
267
+ #premium-template-library-content .premium-templates-wrap {
268
+ width: 85%;
269
+ }
270
+
271
+ #premium-template-library-content .premium-templates-list {
272
+ height: 100%;
273
+ overflow: auto;
274
+ margin-top: 12px;
275
+ }
276
+
277
+ #premium-template-library-content .premium-keywords-list {
278
+ padding-right: 10px;
279
+ }
280
+
281
+ #elementor-template-library-filter {
282
+ display: -webkit-box;
283
+ display: -ms-flexbox;
284
+ display: flex;
285
+ align-items: center;
286
+ }
287
+
288
+ #elementor-template-library-filter label {
289
+ color: #6d7882;
290
+ font-size: 14px;
291
+ font-weight: 500;
292
+ margin-left: 0.5em;
293
+ }
294
+
295
+ #premium-template-modal .elementor-loader {
296
+ position: relative;
297
+ background-color: hsla(0, 0%, 100%, 0.9);
298
+ }
299
+
300
+ #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
+ left: 40px;
302
+ top: 40px;
303
+ width: 14px;
304
+ height: 70px;
305
+ }
306
+
307
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
+ top: 40px;
309
+ }
310
+
311
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
+ top: 68px;
313
+ }
314
+
315
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
+ bottom: 40px;
317
+ }
318
+
319
+ #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
+ right: 40px;
321
+ height: 14px;
322
+ width: 42px;
323
+ }
324
+
325
+ #premium-template-library-content .premium-template-filter-label {
326
+ display: block;
327
+ position: relative;
328
+ text-align: right;
329
+ padding: 9px 0;
330
+ }
331
+
332
+ #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
+ position: absolute;
334
+ right: 0;
335
+ top: 0;
336
+ left: 0;
337
+ bottom: 0;
338
+ margin: 0;
339
+ opacity: 0;
340
+ display: block;
341
+ width: 100%;
342
+ height: 100%;
343
+ cursor: pointer;
344
+ }
345
+
346
+ .premium-template-filter-label span {
347
+ color: #6d7882;
348
+ }
349
+
350
+ #premium-template-library-content .premium-template-filter-label:hover span,
351
+ #premium-template-library-content .premium-template-filter-label input:checked+span {
352
+ color: #f47216;
353
+ }
354
+
355
+ #premium-template-library-content .premium-template-filter-item {
356
+ border-top: 1px solid rgba(213, 218, 223, 0.5);
357
+ }
358
+
359
+ #premium-template-library-content .premium-template-filter-item:first-child {
360
+ border-top: none;
361
+ }
362
+
363
+ #premium-template-library-content .premium-templates-wrap {
364
+ width: 100%;
365
+ }
366
+
367
+ #premium-template-library-content .premium-template-insert,
368
+ #premium-template-library-content .premium-template-insert-no-media {
369
+ padding: 5px 12px;
370
+ }
371
+
372
+ #premium-template-library-content .premium-template-insert-no-media {
373
+ color: #6d7882 !important;
374
+ margin-left: 8px !important;
375
+ }
376
+
377
+ /* #premium-template-library-content .premium-template-insert i,
378
+ #premium-template-library-content .premium-template-insert-no-media i {
379
+ margin-right: 2px;
380
+ } */
381
+
382
+ #premium-template-library-content .premium-template-insert span,
383
+ #premium-template-library-content .premium-template-insert-no-media span {
384
+ font-size: 11px;
385
+ }
386
+
387
+ #premium-template-library-content .elementor-template-library-template-name {
388
+ width: 200px;
389
+ }
390
+
391
+ #premium-modal-templates-container {
392
+ display: -webkit-box;
393
+ display: -ms-flexbox;
394
+ display: flex;
395
+ -ms-flex-wrap: wrap;
396
+ flex-wrap: wrap;
397
+ -webkit-box-align: start;
398
+ -ms-flex-align: start;
399
+ align-items: flex-start;
400
+ }
401
+
402
+ #premium-modal-templates-container .elementor-template-library-template {
403
+ position: relative;
404
+ background: #fff;
405
+ }
406
+
407
+ #premium-modal-templates-container .premium-template-pro::before {
408
+ position: absolute;
409
+ left: -76px;
410
+ top: 2px;
411
+ content: "PRO";
412
+ z-index: 10;
413
+ width: 180px;
414
+ height: 20px;
415
+ padding: 0 20px;
416
+ font-size: 12px;
417
+ line-height: 10px;
418
+ text-align: center;
419
+ color: #fff;
420
+ font-weight: bold;
421
+ box-shadow: 0px 1px 3px #888888;
422
+ background: #f47216;
423
+ border-top: 5px solid #f47216;
424
+ border-bottom: 5px solid #f47216;
425
+ -webkit-transform: rotate(-35deg);
426
+ transform: rotate(-35deg);
427
+ }
428
+
429
+ #premium-modal-templates-container .elementor-template-library-template-remote {
430
+ width: calc(33.3333% - 30px);
431
+ }
432
+
433
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
+ position: absolute;
435
+ background-color: #fff;
436
+ right: 0;
437
+ bottom: -15px;
438
+ left: 0;
439
+ display: -webkit-box;
440
+ display: -ms-flexbox;
441
+ display: flex;
442
+ -webkit-box-pack: justify;
443
+ -ms-flex-pack: justify;
444
+ -webkit-transition: all 0.3s ease;
445
+ transition: all 0.3s ease;
446
+ justify-content: center;
447
+ padding: 9px 8px 9px 10px;
448
+ z-index: 10;
449
+ }
450
+
451
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
+ bottom: 0;
453
+ }
454
+
455
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
+ padding: 0;
458
+ margin: 0;
459
+ color: #39b54a;
460
+ background: none;
461
+ text-transform: none;
462
+ font-size: 12px;
463
+ }
464
+
465
+ #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
+ background: none;
467
+ border: none;
468
+ padding: 0;
469
+ margin: 0;
470
+ color: #9b0a46;
471
+ cursor: pointer;
472
+ display: none;
473
+ font-size: 12px;
474
+ -webkit-box-shadow: none;
475
+ box-shadow: none;
476
+ outline: none;
477
+ font-weight: bold;
478
+ }
479
+
480
+ div.premium-template-has-url:hover .premium-clone-template {
481
+ display: block !important;
482
+ }
483
+
484
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
+ -webkit-box-shadow: none;
487
+ box-shadow: none;
488
+ }
489
+
490
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
+ padding: 5px 0 0;
492
+ text-align: center;
493
+ display: block !important;
494
+ }
495
+
496
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
+ height: 23px;
498
+ }
499
+
500
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
+ display: none;
502
+ color: #fcb92c;
503
+ font-size: 12px;
504
+ }
505
+
506
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
+ color: #d89403;
508
+ }
509
+
510
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
+ opacity: 0;
512
+ }
513
+
514
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
+ width: calc(25% - 20px);
516
+ margin: 10px;
517
+ }
518
+
519
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
+ padding: 8px;
521
+ }
522
+
523
+ #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
+ cursor: default !important;
525
+ opacity: 0 !important;
526
+ }
527
+
528
+ #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
+ display: none !important;
530
+ }
531
+
532
+ #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
+ display: block !important;
534
+ }
535
+
536
+ .elementor-template-library-template-screenshot img {
537
+ width: 100%;
538
+ max-width: 100%;
539
+ height: auto;
540
+ display: block;
541
+ }
542
+
543
+ /* * Preview Iframe */
544
+ #premium-templatate-item-preview-wrap,
545
+ #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
+ height: 100%;
547
+ overflow: hidden;
548
+ }
549
+
550
+ #premium-templatate-item-preview-wrap iframe {
551
+ height: 140%;
552
+ -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
+ -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
+ transform: scale(0.666) translateX(25%) translateY(-25%);
555
+ }
556
+
557
+ @media (max-width: 1439px) {
558
+ #premium-templatate-item-preview-wrap iframe {
559
+ width: 1440px;
560
+ }
561
+ }
562
+
563
+ @media (min-width: 1440px) {
564
+ #premium-templatate-item-preview-wrap iframe {
565
+ width: 1710px;
566
+ }
567
+ }
568
+
569
+ .premium-template-item-notice div {
570
+ color: #31708f;
571
+ background-color: #d9edf7;
572
+ border-color: #bcdff1;
573
+ padding: 15px;
574
+ border-right: 5px solid #bcdff1;
575
+ position: relative;
576
+ text-align: right;
577
+ margin-bottom: 8px;
578
  }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8 +1,8 @@
1
  @charset "UTF-8";
2
  @font-face {
3
  font-family: "pa-elements";
4
- src: url("../../editor/fonts/pa-elements.eot?b8ruxf");
5
- src: url("../../editor/fonts/pa-elements.eot?b8ruxf#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?b8ruxf") format("truetype"), url("../../editor/fonts/pa-elements.woff?b8ruxf") format("woff"), url("../../editor/fonts/pa-elements.svg?b8ruxf#pa-elements") format("svg");
6
  font-weight: normal;
7
  font-style: normal;
8
  }
@@ -3834,335 +3834,335 @@ span.icon.flex-width {
3834
  transform: rotateX(180deg);
3835
  }
3836
  }
3837
- /**************** Premium Bullet List *****************/
3838
- /******************************************************/
3839
- .premium-bullet-list-box {
3840
- -js-display: flex;
3841
- display: -webkit-box;
3842
- display: -webkit-flex;
3843
- display: -moz-box;
3844
- display: -ms-flexbox;
3845
- display: flex;
3846
- -webkit-flex-wrap: wrap;
3847
- -ms-flex-wrap: wrap;
3848
- flex-wrap: wrap;
3849
- -webkit-box-orient: vertical;
3850
- -webkit-box-direction: normal;
3851
- -webkit-flex-direction: column;
3852
- -moz-box-orient: vertical;
3853
- -moz-box-direction: normal;
3854
- -ms-flex-direction: column;
3855
- flex-direction: column;
3856
- }
3857
-
3858
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3859
- -webkit-transform-origin: right center;
3860
- -ms-transform-origin: right center;
3861
- transform-origin: right center;
3862
- }
3863
-
3864
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3865
- -webkit-transform-origin: left center;
3866
- -ms-transform-origin: left center;
3867
- transform-origin: left center;
3868
- }
3869
-
3870
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3871
- -webkit-transform-origin: center center;
3872
- -ms-transform-origin: center center;
3873
- transform-origin: center center;
3874
- }
3875
-
3876
- .premium-bullet-list-content {
3877
- -js-display: flex;
3878
- display: -webkit-box;
3879
- display: -webkit-flex;
3880
- display: -moz-box;
3881
- display: -ms-flexbox;
3882
- display: flex;
3883
- -webkit-transition: all 0.3s ease-in-out;
3884
- transition: all 0.3s ease-in-out;
3885
- width: auto;
3886
- position: relative;
3887
- }
3888
-
3889
- .premium-bullet-list-content .premium-bullet-list-text span,
3890
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3891
- display: inline-block;
3892
- -webkit-align-self: center;
3893
- -ms-flex-item-align: center;
3894
- align-self: center;
3895
- -webkit-transition: all 0.3s ease-in-out;
3896
- transition: all 0.3s ease-in-out;
3897
- }
3898
-
3899
- .premium-bullet-list-content .premium-bullet-list-text span {
3900
- margin: 0 5px;
3901
- -webkit-box-flex: 1;
3902
- -webkit-flex: 1;
3903
- -moz-box-flex: 1;
3904
- -ms-flex: 1;
3905
- flex: 1;
3906
- }
3907
-
3908
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
3909
- font-size: 18px;
3910
- background-color: #eee;
3911
- padding: 1px 5px;
3912
- -webkit-border-radius: 2px;
3913
- border-radius: 2px;
3914
- }
3915
-
3916
- .premium-bullet-list-content .premium-bullet-list-text span,
3917
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
3918
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3919
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3920
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3921
- -webkit-transition: all 0.3s ease-in-out;
3922
- transition: all 0.3s ease-in-out;
3923
- }
3924
-
3925
- .premium-bullet-list-content .premium-bullet-list-wrapper {
3926
- position: relative;
3927
- line-height: 0;
3928
- }
3929
-
3930
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
3931
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3932
- width: 30px !important;
3933
- height: 30px !important;
3934
- position: relative;
3935
- z-index: 500;
3936
- }
3937
-
3938
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
3939
- width: 1.25em;
3940
- }
3941
-
3942
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
3943
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3944
- position: relative;
3945
- z-index: 500;
3946
- }
3947
-
3948
- .premium-bullet-list-content .premium-bullet-list-link {
3949
- position: absolute;
3950
- top: 0;
3951
- right: 0;
3952
- width: 100%;
3953
- height: 100%;
3954
- z-index: 1000;
3955
- }
3956
-
3957
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3958
- width: 100%;
3959
- height: 100%;
3960
- position: absolute;
3961
- top: 0.5em;
3962
- z-index: 100;
3963
- -js-display: flex;
3964
- display: -webkit-box;
3965
- display: -webkit-flex;
3966
- display: -moz-box;
3967
- display: -ms-flexbox;
3968
- display: flex;
3969
- -webkit-box-pack: center;
3970
- -webkit-justify-content: center;
3971
- -moz-box-pack: center;
3972
- -ms-flex-pack: center;
3973
- justify-content: center;
3974
- }
3975
-
3976
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3977
- content: "";
3978
- border-left-width: 1px;
3979
- border-left-style: solid;
3980
- border-color: #333333;
3981
- display: block;
3982
- height: 100%;
3983
- }
3984
-
3985
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
3986
- -webkit-align-self: center;
3987
- -ms-flex-item-align: center;
3988
- align-self: center;
3989
- z-index: 2;
3990
- }
3991
-
3992
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3993
- margin: 0 3px;
3994
- }
3995
-
3996
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3997
- margin: 0 0 0 3px;
3998
- }
3999
-
4000
- .premium-bullet-list-divider:not(:last-child) {
4001
- width: 100%;
4002
- -webkit-box-flex: 0;
4003
- -webkit-flex: 0 0 100%;
4004
- -moz-box-flex: 0;
4005
- -ms-flex: 0 0 100%;
4006
- flex: 0 0 100%;
4007
- overflow: hidden;
4008
- }
4009
-
4010
- .premium-bullet-list-divider:not(:last-child):after {
4011
- content: "";
4012
- display: block;
4013
- border-top-style: solid;
4014
- border-top-width: 1px;
4015
- }
4016
-
4017
- .premium-bullet-list-divider-inline:not(:last-child) {
4018
- float: left;
4019
- display: inline-block;
4020
- position: relative;
4021
- height: 100%;
4022
- overflow: hidden;
4023
- -webkit-align-self: center;
4024
- -ms-flex-item-align: center;
4025
- align-self: center;
4026
- margin: 0 3px;
4027
- }
4028
-
4029
- .premium-bullet-list-divider-inline:not(:last-child):after {
4030
- content: "";
4031
- display: block;
4032
- border-right-width: 1px;
4033
- height: 33px;
4034
- border-right-style: solid;
4035
- }
4036
-
4037
- .premium-bullet-list-icon-text {
4038
- line-height: 1.5;
4039
- }
4040
-
4041
- .premium-bullet-list-icon-text p,
4042
- ul.premium-bullet-list-box,
4043
- li.premium-bullet-list-content {
4044
- margin: 0;
4045
- }
4046
-
4047
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4048
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4049
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4050
- color: transparent !important;
4051
- text-shadow: 0 0 3px #aaa;
4052
- }
4053
-
4054
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4055
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4056
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4057
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4058
- -webkit-filter: blur(3px);
4059
- filter: blur(3px);
4060
- }
4061
-
4062
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4063
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4064
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4065
- color: #aaa !important;
4066
- text-shadow: 0 0px 0 transparent;
4067
- }
4068
-
4069
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4070
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4071
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4072
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4073
- -webkit-filter: none;
4074
- filter: none;
4075
- }
4076
-
4077
- .premium-bullet-list-content .premium-bullet-list-badge {
4078
- font-size: 11px;
4079
- top: auto;
4080
- min-width: -webkit-max-content;
4081
- min-width: -moz-max-content;
4082
- min-width: max-content;
4083
- height: -webkit-fit-content;
4084
- height: -moz-fit-content;
4085
- height: fit-content;
4086
- }
4087
-
4088
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
4089
- font-size: 13px;
4090
- }
4091
-
4092
- .premium-bullet-list-gradient-effect[data-text] {
4093
- display: inline-block;
4094
- position: relative;
4095
- text-decoration: none;
4096
- }
4097
-
4098
- .premium-bullet-list-gradient-effect[data-text]::before {
4099
- content: attr(data-text);
4100
- position: absolute;
4101
- z-index: 1;
4102
- overflow: hidden;
4103
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4104
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4105
- -webkit-background-clip: text;
4106
- background-clip: text;
4107
- -webkit-text-fill-color: transparent;
4108
- -webkit-transition: all 0.4s ease;
4109
- transition: all 0.4s ease;
4110
- }
4111
-
4112
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4113
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4114
- -webkit-animation: rtlgradient 1s forwards;
4115
- animation: rtlgradient 1s forwards;
4116
- }
4117
-
4118
- @-webkit-keyframes rtlgradient {
4119
- 0% {
4120
- -webkit-clip-path: circle(0% at 150% 50%);
4121
- clip-path: circle(0% at 150% 50%);
4122
- }
4123
-
4124
- 100% {
4125
- -webkit-clip-path: circle(100% at 50% 50%);
4126
- clip-path: circle(100% at 50% 50%);
4127
- }
4128
- }
4129
-
4130
- @keyframes rtlgradient {
4131
- 0% {
4132
- -webkit-clip-path: circle(0% at 150% 50%);
4133
- clip-path: circle(0% at 150% 50%);
4134
- }
4135
-
4136
- 100% {
4137
- -webkit-clip-path: circle(100% at 50% 50%);
4138
- clip-path: circle(100% at 50% 50%);
4139
- }
4140
- }
4141
-
4142
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4143
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4144
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4145
- opacity: 0;
4146
- }
4147
-
4148
- .premium-bullet-list-content-grow-effect:hover {
4149
- -webkit-transform: scale(1.07);
4150
- -ms-transform: scale(1.07);
4151
- transform: scale(1.07);
4152
- }
4153
-
4154
- @-webkit-keyframes spin {
4155
- 100% {
4156
- -webkit-transform: rotate(360deg);
4157
- transform: rotate(360deg);
4158
- }
4159
- }
4160
-
4161
- @keyframes spin {
4162
- 100% {
4163
- -webkit-transform: rotate(360deg);
4164
- transform: rotate(360deg);
4165
- }
4166
  }
4167
  /**************** Premium Image Button ***********/
4168
  /*************************************************/
@@ -4636,248 +4636,248 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4636
  transform: rotateX(360deg);
4637
  }
4638
  }
4639
- /************ Premium Image Scroll ***************/
4640
- /*************************************************/
4641
- .premium-image-scroll-section,
4642
- .premium-image-scroll-container {
4643
- -webkit-transition: all 0.3s ease-in-out;
4644
- transition: all 0.3s ease-in-out;
4645
- }
4646
-
4647
- .premium-image-scroll-section {
4648
- position: relative;
4649
- overflow: hidden;
4650
- width: 100%;
4651
- -webkit-mask-image: -webkit-radial-gradient(white, black);
4652
- }
4653
-
4654
- .premium-image-scroll-container {
4655
- width: 100%;
4656
- }
4657
-
4658
- .premium-image-scroll-container .premium-image-scroll-mask-media {
4659
- -webkit-mask-repeat: no-repeat;
4660
- mask-repeat: no-repeat;
4661
- -webkit-mask-position: center;
4662
- mask-position: center;
4663
- }
4664
-
4665
- .premium-container-scroll {
4666
- overflow: auto;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4667
  }
4668
-
4669
- .premium-image-scroll-container .premium-image-scroll-horizontal {
4670
- position: relative;
4671
- width: 100%;
4672
- height: 100%;
 
 
 
4673
  }
4674
 
4675
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
4676
- max-width: none;
4677
- height: 100%;
 
 
 
4678
  }
4679
 
4680
- .premium-image-scroll-container .premium-image-scroll-vertical img {
4681
- width: 100%;
4682
- max-width: 100%;
4683
- height: auto;
 
 
 
 
 
4684
  }
4685
 
4686
- .premium-image-scroll-ver {
4687
- position: relative;
 
 
 
 
 
 
 
 
4688
  }
4689
 
4690
- .premium-image-scroll-container .premium-image-scroll-overlay {
4691
- background: rgba(2, 2, 2, 0.3);
4692
  }
4693
 
4694
- .premium-image-scroll-container .premium-image-scroll-link,
4695
- .premium-image-scroll-container .premium-image-scroll-overlay {
4696
- position: absolute;
4697
- top: 0;
4698
- bottom: 0;
4699
- right: 0;
4700
- left: 0;
4701
- z-index: 4;
4702
- }
4703
-
4704
- .premium-image-scroll-content {
4705
- display: inline-block;
4706
- position: absolute;
4707
- height: auto;
4708
- top: 50%;
4709
- right: 50%;
4710
- text-align: center;
4711
- z-index: 5;
4712
- -webkit-transform: translate(50%, -50%);
4713
- -ms-transform: translate(50%, -50%);
4714
- transform: translate(50%, -50%);
4715
- }
4716
-
4717
- .premium-container-scroll-instant .premium-image-scroll-image {
4718
- -webkit-transition: all 0s ease-in-out !important;
4719
- transition: all 0s ease-in-out !important;
4720
- }
4721
-
4722
- .premium-image-scroll-container img {
4723
- -webkit-transition: -webkit-transform 3s ease-in-out;
4724
- transition: -webkit-transform 3s ease-in-out;
4725
- transition: transform 3s ease-in-out;
4726
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4727
- }
4728
-
4729
- .premium-image-scroll-container .premium-image-scroll-overlay,
4730
- .premium-image-scroll-container .premium-image-scroll-content {
4731
- -webkit-transition: all 0.3s ease-in-out;
4732
- transition: all 0.3s ease-in-out;
4733
- opacity: 1;
4734
- }
4735
-
4736
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4737
- opacity: 0;
4738
- }
4739
-
4740
- .premium-image-scroll-container:hover .premium-image-scroll-content {
4741
- opacity: 0;
4742
- visibility: hidden;
4743
- }
4744
-
4745
- .premium-image-scroll-content .premium-image-scroll-icon {
4746
- display: inline-block;
4747
- font-family: "pa-elements" !important;
4748
- speak: none;
4749
- font-style: normal;
4750
- font-weight: normal;
4751
- font-variant: normal;
4752
- text-transform: none;
4753
- line-height: 1;
4754
- -webkit-font-smoothing: antialiased;
4755
- -moz-osx-font-smoothing: grayscale;
4756
- -webkit-animation-duration: 0.5s;
4757
- animation-duration: 0.5s;
4758
- -webkit-animation-iteration-count: infinite;
4759
- animation-iteration-count: infinite;
4760
- -webkit-animation-direction: alternate;
4761
- animation-direction: alternate;
4762
- -webkit-animation-timing-function: ease-in-out;
4763
- animation-timing-function: ease-in-out;
4764
- }
4765
-
4766
- .pa-horizontal-mouse-scroll:before {
4767
- content: "\e901";
4768
- }
4769
-
4770
- .pa-vertical-mouse-scroll:before {
4771
- content: "\e93c";
4772
- }
4773
-
4774
- .pa-horizontal-mouse-scroll {
4775
- -webkit-animation-name: pa-scroll-horizontal;
4776
- animation-name: pa-scroll-horizontal;
4777
- }
4778
-
4779
- .pa-vertical-mouse-scroll {
4780
- -webkit-animation-name: pa-scroll-vertical;
4781
- animation-name: pa-scroll-vertical;
4782
- }
4783
-
4784
- @-webkit-keyframes pa-scroll-vertical {
4785
- 0% {
4786
- -webkit-transform: translateY(0px);
4787
- transform: translateY(0px);
4788
- }
4789
-
4790
- 100% {
4791
- -webkit-transform: translateY(5px);
4792
- transform: translateY(5px);
4793
- }
4794
- }
4795
-
4796
- @keyframes pa-scroll-vertical {
4797
- 0% {
4798
- -webkit-transform: translateY(0px);
4799
- transform: translateY(0px);
4800
- }
4801
-
4802
- 100% {
4803
- -webkit-transform: translateY(5px);
4804
- transform: translateY(5px);
4805
- }
4806
- }
4807
-
4808
- @-webkit-keyframes pa-scroll-horizontal {
4809
- 0% {
4810
- -webkit-transform: translateX(0px);
4811
- transform: translateX(0px);
4812
- }
4813
-
4814
- 100% {
4815
- -webkit-transform: translateX(-5px);
4816
- transform: translateX(-5px);
4817
- }
4818
- }
4819
-
4820
- @keyframes pa-scroll-horizontal {
4821
- 0% {
4822
- -webkit-transform: translateX(0px);
4823
- transform: translateX(0px);
4824
- }
4825
-
4826
- 100% {
4827
- -webkit-transform: translateX(-5px);
4828
- transform: translateX(-5px);
4829
- }
4830
- }
4831
- /**************** Premium Image Separator ****************/
4832
- /*********************************************************/
4833
- /*Image Separator Container Style*/
4834
- .premium-image-separator-container {
4835
- position: absolute;
4836
- width: 100%;
4837
- z-index: 2;
4838
- top: auto;
4839
- }
4840
-
4841
- .premium-image-separator-container img {
4842
- display: inline-block !important;
4843
- -webkit-mask-repeat: no-repeat;
4844
- mask-repeat: no-repeat;
4845
- -webkit-mask-position: center;
4846
- mask-position: center;
4847
- }
4848
-
4849
- /*Link on Image Style*/
4850
- .premium-image-separator-link {
4851
- position: absolute;
4852
- z-index: 9999;
4853
- top: 0;
4854
- right: 0;
4855
- width: 100%;
4856
- height: 100%;
4857
- text-decoration: none;
4858
- }
4859
-
4860
- /*Important to override Theme options*/
4861
- a.premium-image-separator-link:hover,
4862
- a.premium-image-separator-link:visited,
4863
- a.premium-image-separator-link:focus,
4864
- a.premium-image-separator-link:active {
4865
- -webkit-box-shadow: none !important;
4866
- box-shadow: none !important;
4867
- outline: none !important;
4868
- border: none !important;
4869
- text-decoration: none !important;
4870
- }
4871
-
4872
- .premium-image-separator-container .img-responsive {
4873
- display: inline-block;
4874
- }
4875
-
4876
- .premium-image-separator-container i,
4877
- .premium-image-separator-container>svg {
4878
- padding: 20px;
4879
- -webkit-transition: all 0.3s ease-in-out;
4880
- transition: all 0.3s ease-in-out;
4881
  }
4882
  /******** Premium Media Grid ********/
4883
  /************************************/
@@ -4943,9 +4943,11 @@ a.premium-image-separator-link:active {
4943
  right: 0;
4944
  width: 100%;
4945
  height: 100%;
 
4946
  }
4947
 
4948
- .pa-gallery-img.style2 .pa-gallery-whole-link {
 
4949
  z-index: 99;
4950
  }
4951
 
@@ -5129,7 +5131,7 @@ a.premium-image-separator-link:active {
5129
  -webkit-transform: translateY(-50%);
5130
  -ms-transform: translateY(-50%);
5131
  transform: translateY(-50%);
5132
- z-index: 999;
5133
  }
5134
 
5135
  .pa-gallery-img.style1 .premium-gallery-caption {
@@ -5684,6 +5686,7 @@ button.premium-modal-box-modal-close {
5684
  .premium-nav-widget-container ul {
5685
  list-style: none;
5686
  margin: 0;
 
5687
  }
5688
 
5689
  .premium-nav-widget-container .premium-main-nav-menu {
@@ -5697,8 +5700,20 @@ button.premium-modal-box-modal-close {
5697
  }
5698
 
5699
  /*Vertical Main Menu**/
5700
- .premium-nav-ver .premium-nav-menu-container {
5701
  width: 45%;
 
 
 
 
 
 
 
 
 
 
 
 
5702
  }
5703
 
5704
  .premium-nav-ver .premium-main-nav-menu {
@@ -5717,15 +5732,21 @@ button.premium-modal-box-modal-close {
5717
  align-items: flex-start;
5718
  }
5719
 
5720
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
5721
  visibility: hidden;
5722
  opacity: 0;
5723
  position: absolute;
5724
  min-width: 250px;
5725
  }
5726
 
5727
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
5728
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
 
 
 
 
5729
  opacity: 1;
5730
  visibility: visible;
5731
  pointer-events: auto;
@@ -5735,14 +5756,20 @@ button.premium-modal-box-modal-close {
5735
  width: 100%;
5736
  }
5737
 
5738
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
5739
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
 
5740
  left: 100%;
5741
  top: 0;
5742
  }
5743
 
5744
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
5745
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
 
5746
  right: 100%;
5747
  top: 0;
5748
  }
@@ -5762,39 +5789,59 @@ button.premium-modal-box-modal-close {
5762
  height: 60px;
5763
  }
5764
 
5765
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
 
 
5766
  visibility: hidden;
5767
  opacity: 0;
5768
  position: absolute;
5769
  min-width: 220px;
5770
  }
5771
 
5772
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
5773
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
 
 
 
 
5774
  top: 100%;
5775
  }
5776
 
5777
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
5778
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
 
 
 
 
 
 
5779
  right: 100%;
5780
  top: 0;
5781
  }
5782
 
5783
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
5784
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
 
 
 
 
5785
  visibility: visible;
5786
  opacity: 1;
5787
  pointer-events: auto;
5788
  }
5789
 
5790
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
 
 
5791
  left: 50%;
5792
  -webkit-transform: translateX(-50%);
5793
  -ms-transform: translateX(-50%);
5794
  transform: translateX(-50%);
5795
  }
5796
 
5797
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
 
 
5798
  left: 0;
5799
  }
5800
 
@@ -5866,7 +5913,8 @@ button.premium-modal-box-modal-close {
5866
  color: #494c4f;
5867
  }
5868
 
5869
- .premium-nav-widget-container .premium-hamburger-toggle svg {
 
5870
  fill: #494c4f;
5871
  }
5872
 
@@ -5943,13 +5991,15 @@ button.premium-modal-box-modal-close {
5943
  top: 0;
5944
  left: 0;
5945
  overflow-x: hidden;
5946
- z-index: 10000;
5947
  -webkit-transition: 0.5s;
5948
  transition: 0.5s;
5949
  padding-top: 50px;
5950
  }
5951
 
5952
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
 
 
5953
  -js-display: flex;
5954
  display: -webkit-box;
5955
  display: -webkit-flex;
@@ -5958,17 +6008,24 @@ button.premium-modal-box-modal-close {
5958
  display: flex;
5959
  }
5960
 
5961
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
 
 
5962
  margin-top: 50px;
5963
  }
5964
 
5965
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
 
 
 
5966
  -webkit-transform: translateY(0);
5967
  -ms-transform: translateY(0);
5968
  transform: translateY(0);
5969
  }
5970
 
5971
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
 
 
5972
  position: absolute;
5973
  top: 2%;
5974
  right: 5px;
@@ -5993,17 +6050,30 @@ button.premium-modal-box-modal-close {
5993
  align-items: center;
5994
  }
5995
 
5996
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
 
 
 
5997
  margin: 5px;
5998
  }
5999
 
6000
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
 
 
 
6001
  width: 22px;
6002
  height: 22px;
6003
  fill: #494c4f;
6004
  }
6005
 
6006
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
 
 
 
 
 
 
 
6007
  font-size: 22px;
6008
  }
6009
 
@@ -6015,140 +6085,366 @@ button.premium-modal-box-modal-close {
6015
  transition: 0.5s;
6016
  }
6017
 
6018
- /**Common*/
6019
- .premium-nav-slide-overlay {
6020
- display: none;
6021
- position: fixed;
6022
- top: 0;
6023
- left: 0;
6024
- right: 0;
6025
- bottom: 0;
6026
- -webkit-backface-visibility: hidden;
6027
- backface-visibility: hidden;
6028
- background: rgba(0, 0, 0, 0.6);
6029
- z-index: 9999;
6030
- }
6031
-
6032
- .premium-nav-slide-overlay.premium-vertical-toggle-open {
6033
- display: block;
6034
- }
6035
-
6036
- .premium-active-menu,
6037
- .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
6038
- .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
6039
- -js-display: flex !important;
6040
- display: -webkit-box !important;
6041
- display: -webkit-flex !important;
6042
- display: -moz-box !important;
6043
- display: -ms-flexbox !important;
6044
- display: flex !important;
6045
- -webkit-box-orient: vertical;
6046
- -webkit-box-direction: normal;
6047
- -webkit-flex-direction: column;
6048
- -moz-box-orient: vertical;
6049
- -moz-box-direction: normal;
6050
- -ms-flex-direction: column;
6051
- flex-direction: column;
6052
- }
6053
-
6054
- .premium-active-menu .premium-toggle-close {
6055
- display: block;
6056
- }
6057
-
6058
- .premium-nav-menu-container .premium-sub-menu {
6059
- background-color: #fff;
6060
- }
6061
-
6062
- .premium-mobile-menu-container li,
6063
- .premium-mobile-menu-container li>.premium-mega-content-container {
6064
- width: 100% !important;
6065
- }
6066
-
6067
- .premium-item-icon,
6068
- .premium-sub-item-icon {
6069
- font-size: 13px;
6070
- margin: 0 7px;
6071
- }
6072
-
6073
- .premium-item-icon svg,
6074
- .premium-sub-item-icon svg {
6075
- width: 100%;
6076
- height: 100%;
6077
  }
6078
 
6079
- .premium-item-icon.premium-lottie-animation,
6080
- .premium-sub-item-icon.premium-lottie-animation {
6081
- width: 20px;
6082
- height: 20px;
6083
  -js-display: flex;
6084
  display: -webkit-box;
6085
  display: -webkit-flex;
6086
  display: -moz-box;
6087
  display: -ms-flexbox;
6088
  display: flex;
6089
- -webkit-box-pack: center;
6090
- -webkit-justify-content: center;
6091
- -moz-box-pack: center;
6092
- -ms-flex-pack: center;
6093
- justify-content: center;
6094
- }
6095
-
6096
- .premium-item-icon.dashicons,
6097
- .premium-sub-item-icon.dashicons {
6098
- width: 13px;
6099
- height: 13px;
6100
- }
6101
-
6102
- .premium-nav-menu-item {
6103
- position: relative;
6104
  }
6105
 
6106
- .premium-nav-menu-item .premium-menu-link {
 
6107
  -js-display: flex;
6108
  display: -webkit-box;
6109
  display: -webkit-flex;
6110
  display: -moz-box;
6111
  display: -ms-flexbox;
6112
  display: flex;
 
 
 
 
 
6113
  -webkit-box-align: center;
6114
  -webkit-align-items: center;
6115
  -moz-box-align: center;
6116
  -ms-flex-align: center;
6117
  align-items: center;
6118
- height: 100%;
6119
- padding: 7px 10px;
6120
- text-decoration: none;
6121
- position: relative;
6122
  }
6123
 
6124
- .premium-nav-menu-item .premium-dropdown-icon {
6125
- margin: 5px;
6126
  }
6127
 
6128
- .premium-nav-menu-item.menu-item-has-children {
6129
- position: relative;
 
6130
  }
6131
 
6132
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6133
- max-width: 100%;
6134
- z-index: 9999;
 
 
 
 
6135
  }
6136
 
6137
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
6138
- -webkit-box-pack: start;
6139
- -webkit-justify-content: flex-start;
6140
- -moz-box-pack: start;
6141
- -ms-flex-pack: start;
6142
- justify-content: flex-start;
6143
  }
6144
 
6145
- .premium-nav-menu-item .menu-link {
6146
- position: relative;
6147
- text-decoration: none;
6148
  }
6149
 
6150
- .premium-item-badge,
6151
- .premium-sub-item-badge {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6152
  position: absolute;
6153
  padding: 1px 6px;
6154
  min-width: 35px;
@@ -6318,8 +6614,10 @@ button.premium-modal-box-modal-close {
6318
  z-index: 2;
6319
  }
6320
 
6321
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6322
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
6323
  opacity: 0;
6324
  }
6325
 
@@ -6330,69 +6628,128 @@ button.premium-modal-box-modal-close {
6330
  transition-duration: 0s;
6331
  }
6332
 
6333
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
6334
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
6335
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
6336
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
6337
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
6338
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
6339
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
6340
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
6341
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
6342
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
6343
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
6344
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
6345
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
6346
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
6347
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6348
  -webkit-transition-duration: 0s;
6349
  transition-duration: 0s;
6350
  }
6351
 
6352
- .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6353
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
6354
  width: 10px;
6355
  inset-inline-start: 100%;
6356
  }
6357
 
6358
- .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6359
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
6360
  width: 10px;
6361
  left: -20px;
6362
  }
6363
 
6364
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6365
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6366
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6367
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6368
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6369
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
 
 
 
 
 
 
6370
  height: 0;
6371
  width: 0;
6372
  left: 50%;
6373
  }
6374
 
6375
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6376
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6377
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
 
 
6378
  top: -10px;
6379
  }
6380
 
6381
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6382
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6383
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
6384
  bottom: -10px;
6385
  }
6386
 
6387
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6388
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
6389
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
 
 
6390
  top: 10px;
6391
  }
6392
 
6393
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6394
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
6395
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
6396
  bottom: 10px;
6397
  }
6398
 
@@ -6410,31 +6767,39 @@ button.premium-modal-box-modal-close {
6410
  border: 3px solid #55595c;
6411
  }
6412
 
6413
- .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6414
  -webkit-transform: scale(0.75);
6415
  -ms-transform: scale(0.75);
6416
  transform: scale(0.75);
6417
  }
6418
 
6419
- .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6420
  -webkit-transform: scale(1.25);
6421
  -ms-transform: scale(1.25);
6422
  transform: scale(1.25);
6423
  }
6424
 
6425
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
6426
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
 
 
6427
  width: 3px;
6428
  height: 3px;
6429
  }
6430
 
6431
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
 
6432
  border-width: 0 3px 3px 0;
6433
  -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6434
  transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6435
  }
6436
 
6437
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
 
6438
  content: "";
6439
  top: auto;
6440
  bottom: 0;
@@ -6445,47 +6810,65 @@ button.premium-modal-box-modal-close {
6445
  transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6446
  }
6447
 
6448
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6449
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
 
 
6450
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6451
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6452
  }
6453
 
6454
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6455
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
 
 
6456
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6457
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6458
  }
6459
 
6460
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
6461
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
6462
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
6463
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
 
 
 
 
6464
  width: 100%;
6465
  height: 100%;
6466
  }
6467
 
6468
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
 
 
6469
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6470
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6471
  }
6472
 
6473
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
 
 
6474
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6475
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6476
  }
6477
 
6478
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
6479
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
 
 
 
 
6480
  width: 100%;
6481
  height: 100%;
6482
  }
6483
 
6484
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
 
6485
  border-width: 3px 3px 0 0;
6486
  }
6487
 
6488
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
 
6489
  content: "";
6490
  top: auto;
6491
  bottom: 0;
@@ -6494,67 +6877,89 @@ button.premium-modal-box-modal-close {
6494
  border-width: 0 0 3px 3px;
6495
  }
6496
 
6497
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
6498
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
 
 
6499
  width: 3px;
6500
  height: 3px;
6501
  }
6502
 
6503
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
6504
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
6505
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
6506
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
 
 
 
 
6507
  width: 100%;
6508
  height: 100%;
6509
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6510
  transition: opacity 2ms, width 0.4s, height 0.4s;
6511
  }
6512
 
6513
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
6514
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
 
 
 
 
6515
  width: 100%;
6516
  height: 100%;
6517
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6518
  transition: opacity 2ms, width 0.4s, height 0.4s;
6519
  }
6520
 
6521
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
6522
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
 
 
6523
  -webkit-transform: scale(1.2);
6524
  -ms-transform: scale(1.2);
6525
  transform: scale(1.2);
6526
  }
6527
 
6528
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
6529
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
 
 
6530
  -webkit-transform: scale(0.8);
6531
  -ms-transform: scale(0.8);
6532
  transform: scale(0.8);
6533
  }
6534
 
6535
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
6536
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
 
 
6537
  -webkit-transform: translateY(8px);
6538
  -ms-transform: translateY(8px);
6539
  transform: translateY(8px);
6540
  }
6541
 
6542
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
6543
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
 
 
6544
  -webkit-transform: translateY(-8px);
6545
  -ms-transform: translateY(-8px);
6546
  transform: translateY(-8px);
6547
  }
6548
 
6549
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
6550
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
 
 
6551
  -webkit-transform: skew(-8deg);
6552
  -ms-transform: skew(-8deg);
6553
  transform: skew(-8deg);
6554
  }
6555
 
6556
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
6557
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
 
 
6558
  -webkit-transform: rotate(6deg);
6559
  -ms-transform: rotate(6deg);
6560
  transform: rotate(6deg);
@@ -6577,26 +6982,33 @@ button.premium-modal-box-modal-close {
6577
  transition: 0.3s;
6578
  }
6579
 
6580
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
 
6581
  -webkit-transform: scale(0.5);
6582
  -ms-transform: scale(0.5);
6583
  transform: scale(0.5);
6584
  }
6585
 
6586
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
6587
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
 
 
6588
  -webkit-transform: scale(1);
6589
  -ms-transform: scale(1);
6590
  transform: scale(1);
6591
  }
6592
 
6593
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
 
 
6594
  -webkit-transform: scale(1);
6595
  -ms-transform: scale(1);
6596
  transform: scale(1);
6597
  }
6598
 
6599
- .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6600
  -webkit-transform: scale(1.2);
6601
  -ms-transform: scale(1.2);
6602
  transform: scale(1.2);
@@ -6604,24 +7016,34 @@ button.premium-modal-box-modal-close {
6604
  transition: 0.3;
6605
  }
6606
 
6607
- .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6608
  left: 100%;
6609
  }
6610
 
6611
- .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6612
  right: 100%;
6613
  }
6614
 
6615
- .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6616
  top: 100%;
6617
  }
6618
 
6619
- .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6620
  bottom: 100%;
6621
  }
6622
 
6623
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
6624
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
 
 
6625
  top: 0;
6626
  left: 0;
6627
  right: 0;
@@ -6631,68 +7053,92 @@ button.premium-modal-box-modal-close {
6631
  z-index: -1;
6632
  }
6633
 
6634
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
 
6635
  top: 0;
6636
  bottom: 100%;
6637
  }
6638
 
6639
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
 
6640
  top: 100%;
6641
  bottom: 0;
6642
  }
6643
 
6644
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
6645
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
 
 
6646
  bottom: 50%;
6647
  }
6648
 
6649
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
6650
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
 
 
6651
  top: 50%;
6652
  }
6653
 
6654
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
 
 
6655
  bottom: 50%;
6656
  }
6657
 
6658
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
 
 
6659
  top: 50%;
6660
  }
6661
 
6662
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6663
  bottom: 50%;
6664
  top: 50%;
6665
  }
6666
 
6667
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
 
6668
  right: 0;
6669
  left: 100%;
6670
  }
6671
 
6672
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
 
6673
  right: 100%;
6674
  left: 0;
6675
  }
6676
 
6677
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
6678
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
 
 
6679
  left: 50%;
6680
  }
6681
 
6682
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
6683
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
 
 
6684
  right: 50%;
6685
  }
6686
 
6687
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
 
 
6688
  left: 50%;
6689
  }
6690
 
6691
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
 
 
6692
  right: 50%;
6693
  }
6694
 
6695
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
6696
  left: 50%;
6697
  right: 50%;
6698
  }
@@ -6717,48 +7163,76 @@ button.premium-modal-box-modal-close {
6717
  transition-delay: 0.1s;
6718
  }
6719
 
6720
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6721
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
6722
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
6723
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
6724
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
6725
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
 
 
 
 
 
 
 
 
 
 
 
 
6726
  -webkit-transform: translate(0);
6727
  -ms-transform: translate(0);
6728
  transform: translate(0);
6729
  }
6730
 
6731
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6732
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6733
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6734
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
6735
  -webkit-transform: translateY(10px);
6736
  -ms-transform: translateY(10px);
6737
  transform: translateY(10px);
6738
  }
6739
 
6740
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6741
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6742
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6743
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
6744
  -webkit-transform: translateY(-10px);
6745
  -ms-transform: translateY(-10px);
6746
  transform: translateY(-10px);
6747
  }
6748
 
6749
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6750
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6751
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6752
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
6753
  -webkit-transform: translateX(-10px);
6754
  -ms-transform: translateX(-10px);
6755
  transform: translateX(-10px);
6756
  }
6757
 
6758
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
6759
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
6760
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
6761
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
6762
  -webkit-transform: translateX(10px);
6763
  -ms-transform: translateX(10px);
6764
  transform: translateX(10px);
@@ -6766,71 +7240,96 @@ button.premium-modal-box-modal-close {
6766
 
6767
  /**Horizontal - Static Mega Content*/
6768
  /*UP*/
6769
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
6770
  -webkit-transform: translateX(-50%) translateY(10px);
6771
  -ms-transform: translateX(-50%) translateY(10px);
6772
  transform: translateX(-50%) translateY(10px);
6773
  }
6774
 
6775
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
6776
  -webkit-transform: translateX(-50%) translateY(0);
6777
  -ms-transform: translateX(-50%) translateY(0);
6778
  transform: translateX(-50%) translateY(0);
6779
  }
6780
 
6781
  /*DOWN*/
6782
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
6783
  -webkit-transform: translateX(-50%) translateY(-10px);
6784
  -ms-transform: translateX(-50%) translateY(-10px);
6785
  transform: translateX(-50%) translateY(-10px);
6786
  }
6787
 
6788
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
6789
  -webkit-transform: translateX(-50%) translateY(0);
6790
  -ms-transform: translateX(-50%) translateY(0);
6791
  transform: translateX(-50%) translateY(0);
6792
  }
6793
 
6794
  /*Left*/
6795
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
6796
  -webkit-transform: translateX(-45%);
6797
  -ms-transform: translateX(-45%);
6798
  transform: translateX(-45%);
6799
  }
6800
 
6801
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
6802
  -webkit-transform: translateX(-50%);
6803
  -ms-transform: translateX(-50%);
6804
  transform: translateX(-50%);
6805
  }
6806
 
6807
  /*Right*/
6808
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
6809
  -webkit-transform: translateX(-55%);
6810
  -ms-transform: translateX(-55%);
6811
  transform: translateX(-55%);
6812
  }
6813
 
6814
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
6815
  -webkit-transform: translateX(-50%);
6816
  -ms-transform: translateX(-50%);
6817
  transform: translateX(-50%);
6818
  }
6819
 
6820
  /**Vertical - Static Mega Content*/
6821
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
6822
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
 
 
6823
  -webkit-transform: translateY(0);
6824
  -ms-transform: translateY(0);
6825
  transform: translateY(0);
6826
  }
6827
 
6828
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
6829
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
 
 
6830
  -webkit-transform: translateX(0);
6831
  -ms-transform: translateX(0);
6832
  transform: translateX(0);
6833
  }
 
6834
  /************ Premium Team Members ************/
6835
  /*********************************************/
6836
  .premium-person-container {
@@ -7329,3066 +7828,3070 @@ ul.premium-person-social-list {
7329
  -ms-transform: translateX(0) rotate(90deg);
7330
  transform: translateX(0) rotate(90deg);
7331
  }
7332
- /**************** Premium Pricing Table ****************/
7333
- /*******************************************************/
7334
- .premium-pricing-table-container {
7335
- position: relative;
7336
- text-align: center;
7337
- display: inline-block;
7338
- width: 100%;
7339
- -webkit-transition: all 0.3s ease-in-out;
7340
- transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7341
  }
7342
 
7343
- .premium-pricing-icon-container {
7344
- -js-display: flex;
7345
- display: -webkit-box;
7346
- display: -webkit-flex;
7347
- display: -moz-box;
7348
- display: -ms-flexbox;
7349
- display: flex;
7350
- -webkit-box-pack: center;
7351
- -webkit-justify-content: center;
7352
- -moz-box-pack: center;
7353
- -ms-flex-pack: center;
7354
- justify-content: center;
7355
- line-height: 0;
 
 
 
 
7356
  }
7357
 
7358
- .premium-pricing-icon-container .premium-pricing-icon {
7359
- display: inline-block;
 
 
7360
  }
7361
 
7362
- .premium-pricing-icon-container .premium-pricing-image {
7363
- overflow: hidden;
7364
  }
7365
 
7366
- .premium-pricing-icon-container .premium-pricing-image img {
7367
- width: 25px;
7368
- height: 25px;
7369
- -o-object-fit: cover;
7370
- object-fit: cover;
7371
  }
7372
 
7373
- .premium-badge-left {
7374
- position: absolute;
7375
- top: 0;
7376
  }
7377
 
7378
- .premium-badge-right {
7379
- position: absolute;
7380
- top: 0;
7381
- right: 0;
7382
  }
7383
 
7384
- .premium-badge-left {
7385
- left: 0;
 
 
 
7386
  }
7387
 
7388
- .premium-badge-triangle.premium-badge-left .corner {
7389
- width: 0;
7390
- height: 0;
7391
- border-top: 150px solid;
7392
- border-bottom: 150px solid transparent;
7393
- border-right: 150px solid transparent;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7394
  }
7395
 
7396
- .premium-badge-triangle.premium-badge-right .corner {
7397
- width: 0;
7398
- height: 0;
7399
- border-bottom: 150px solid transparent;
7400
- border-right: 150px solid;
7401
- border-left: 150px solid transparent;
7402
  }
7403
 
7404
- .premium-badge-triangle span {
7405
- position: absolute;
7406
- top: 35px;
7407
- width: 100px;
7408
- text-align: center;
7409
- -webkit-transform: rotate(-45deg);
7410
- -ms-transform: rotate(-45deg);
7411
- transform: rotate(-45deg);
7412
- display: block;
7413
- text-transform: uppercase;
7414
  }
7415
-
7416
- .premium-badge-triangle.premium-badge-right span {
7417
- -webkit-transform: rotate(45deg);
7418
- -ms-transform: rotate(45deg);
7419
- transform: rotate(45deg);
7420
- right: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7421
  }
7422
 
7423
- .premium-badge-circle {
7424
- min-width: 4em;
7425
- min-height: 4em;
7426
- line-height: 4em;
7427
- text-align: center;
7428
- -webkit-border-radius: 100%;
7429
- border-radius: 100%;
7430
- position: absolute;
7431
- z-index: 1;
7432
  }
7433
 
7434
- .premium-badge-stripe {
7435
- position: absolute;
7436
- -webkit-transform: rotate(90deg);
7437
- -ms-transform: rotate(90deg);
7438
- transform: rotate(90deg);
7439
- width: 15em;
7440
- overflow: hidden;
7441
- height: 15em;
7442
  }
7443
 
7444
- .premium-badge-stripe.premium-badge-left {
7445
- -webkit-transform: rotate(0);
7446
- -ms-transform: rotate(0);
7447
- transform: rotate(0);
7448
  }
7449
 
7450
- .premium-badge-stripe .corner {
7451
- text-align: center;
7452
- left: 0;
7453
- width: 150%;
7454
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7455
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7456
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7457
- margin-top: 35px;
7458
- font-size: 13px;
7459
- line-height: 2;
7460
- font-weight: 800;
7461
- text-transform: uppercase;
7462
  }
7463
 
7464
- .premium-badge-flag .corner {
7465
- text-align: center;
7466
- -webkit-border-radius: 4px 4px 0 4px;
7467
- border-radius: 4px 4px 0 4px;
7468
- padding: 3px 15px;
7469
- position: absolute;
7470
- top: 10%;
7471
- right: -8px;
7472
  }
7473
 
7474
- .premium-badge-flag .corner::before,
7475
- .premium-badge-flag .corner::after {
7476
- content: "";
7477
- display: block;
7478
- position: absolute;
7479
- width: 0;
7480
- height: 0;
7481
- top: 100%;
7482
- right: 0;
7483
- border-bottom: 8px solid transparent;
7484
  }
7485
 
7486
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7487
- overflow: visible !important;
7488
  }
7489
 
7490
- .premium-badge-flag .corner::after {
7491
- border-left: 8px solid rgba(0, 0, 0, 0.2);
7492
  }
7493
 
7494
- .premium-pricing-price-currency {
7495
- position: relative;
7496
  }
7497
 
7498
- .premium-pricing-button-container {
7499
- display: block;
 
 
7500
  }
7501
 
7502
- .premium-pricing-list {
7503
- -js-display: flex;
 
 
 
7504
  display: -webkit-box;
7505
  display: -webkit-flex;
7506
- display: -moz-box;
7507
  display: -ms-flexbox;
7508
- display: flex;
7509
- -webkit-box-orient: vertical;
7510
- -webkit-box-direction: normal;
7511
- -webkit-flex-direction: column;
7512
- -moz-box-orient: vertical;
7513
- -moz-box-direction: normal;
7514
- -ms-flex-direction: column;
7515
- flex-direction: column;
7516
- list-style-type: none;
7517
- margin: 0;
7518
- }
7519
-
7520
- .premium-pricing-list .premium-pricing-list-item {
7521
  -js-display: flex;
7522
- display: -webkit-box;
7523
- display: -webkit-flex;
7524
  display: -moz-box;
7525
- display: -ms-flexbox;
7526
  display: flex;
 
 
 
 
 
7527
  -webkit-box-align: center;
 
7528
  -webkit-align-items: center;
7529
  -moz-box-align: center;
7530
- -ms-flex-align: center;
7531
  align-items: center;
 
7532
  }
7533
 
7534
- .premium-pricing-list .premium-pricing-list-item svg {
7535
- width: 50px;
7536
- height: 50px;
7537
- }
7538
-
7539
- .premium-pricing-list .premium-pricing-list-item img {
7540
- width: 30px;
7541
- height: 30px;
7542
- -o-object-fit: cover;
7543
- object-fit: cover;
7544
  }
7545
 
7546
- .premium-pricing-list .premium-pricing-list-span {
7547
- position: relative;
 
 
 
 
 
 
 
 
 
 
 
 
 
7548
  }
7549
 
7550
- .premium-pricing-list .list-item-tooltip {
7551
- border-bottom: 1px dotted;
 
 
 
 
 
7552
  }
7553
 
7554
- .premium-pricing-list .premium-pricing-list-tooltip {
7555
  position: absolute;
7556
- top: -webkit-calc(100% + 1px);
7557
- top: calc(100% + 1px);
7558
- right: 0;
7559
- visibility: hidden;
7560
- padding: 15px 20px;
7561
- -webkit-border-radius: 5px;
7562
- border-radius: 5px;
7563
- min-width: 200px;
7564
- overflow: hidden;
7565
- text-align: right;
7566
- font-size: 0.8rem;
7567
  color: #fff;
7568
- background-color: #aaa;
 
 
 
 
 
7569
  }
7570
 
7571
- .premium-pricing-features-left .premium-pricing-list-span {
7572
- text-align: right;
7573
  }
7574
 
7575
- .premium-pricing-features-center .premium-pricing-list-span {
7576
- text-align: center;
 
 
7577
  }
7578
 
7579
- .premium-pricing-features-right .premium-pricing-list-span {
7580
- text-align: left;
 
 
 
 
 
 
7581
  }
7582
 
7583
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
7584
- z-index: 99;
7585
- visibility: visible;
7586
- opacity: 1;
 
 
 
7587
  }
7588
 
7589
- .premium-pricing-slashed-price-value {
7590
- display: inline-block;
7591
- font-size: 20px;
7592
- font-weight: 400;
7593
- margin-left: 5px;
7594
- }
7595
 
7596
- .premium-pricing-price-value {
7597
- font-size: 70px;
 
7598
  }
7599
 
7600
- .premium-pricing-description-container li {
7601
- list-style-position: inside;
7602
- text-indent: -40px;
 
 
7603
  }
7604
 
7605
- @-moz-document url-prefix() {
7606
- .premium-pricing-description-container li {
7607
- text-indent: 0px;
 
7608
  }
7609
- }
7610
 
7611
- .premium-pricing-price-button {
7612
- display: block;
7613
- padding: 6px 12px;
7614
- line-height: 1.42857143;
7615
- text-align: center;
7616
- color: #fff;
7617
- background: #6ec1e4;
7618
- margin-bottom: 0;
7619
- -webkit-transition: all 0.3s ease-in-out;
7620
- transition: all 0.3s ease-in-out;
7621
- }
7622
- /**************** Premium Progress Bar ****************/
7623
- /******************************************************/
7624
- .premium-progressbar-container {
7625
- position: relative;
7626
- }
7627
-
7628
- .premium-progressbar-bar-wrap {
7629
- position: relative;
7630
- text-align: right;
7631
- overflow: hidden;
7632
- height: 25px;
7633
- margin-bottom: 50px;
7634
- background-color: #f5f5f5;
7635
- -webkit-border-radius: 4px;
7636
- border-radius: 4px;
7637
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7638
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7639
- }
7640
-
7641
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
7642
- background-color: transparent;
7643
- width: 100%;
7644
- -js-display: flex;
7645
- display: -webkit-box;
7646
- display: -webkit-flex;
7647
- display: -moz-box;
7648
- display: -ms-flexbox;
7649
- display: flex;
7650
- height: auto;
7651
- -webkit-box-shadow: none;
7652
- box-shadow: none;
7653
- }
7654
-
7655
- .premium-progressbar-bar-wrap .progress-segment {
7656
- position: relative;
7657
- width: 25px;
7658
- height: 25px;
7659
- -webkit-border-radius: 50%;
7660
- border-radius: 50%;
7661
- overflow: hidden;
7662
- background-color: #f5f5f5;
7663
- }
7664
-
7665
- .premium-progressbar-bar-wrap .progress-segment.filled {
7666
- background: #6ec1e4;
7667
- }
7668
-
7669
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
7670
- margin: 0 4px;
7671
- }
7672
 
7673
- .premium-progressbar-bar-wrap .progress-segment:first-child {
7674
- margin-left: 4px;
7675
- }
 
 
 
7676
 
7677
- .premium-progressbar-bar-wrap .progress-segment:last-child {
7678
- margin-right: 4px;
7679
- }
 
 
 
 
7680
 
7681
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
 
 
7682
  position: absolute;
7683
- top: 0;
7684
- right: 0;
7685
- height: 100%;
7686
- background-color: #6ec1e4;
 
 
 
 
 
 
 
 
7687
  }
7688
 
7689
- .premium-progressbar-bar {
7690
- float: right;
7691
- width: 0%;
7692
- height: 100%;
7693
- font-size: 12px;
7694
- line-height: 20px;
7695
- background: #6ec1e4;
7696
- text-align: center;
7697
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7698
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7699
- }
7700
-
7701
- .premium-progressbar-striped .premium-progressbar-bar {
7702
- background-image: -webkit-linear-gradient(-135deg,
7703
- rgba(255, 255, 255, 0.15) 25%,
7704
- transparent 25%,
7705
- transparent 50%,
7706
- rgba(255, 255, 255, 0.15) 50%,
7707
- rgba(255, 255, 255, 0.15) 75%,
7708
- transparent 75%,
7709
- transparent);
7710
- background-image: -webkit-linear-gradient(45deg,
7711
- rgba(255, 255, 255, 0.15) 25%,
7712
- transparent 25%,
7713
- transparent 50%,
7714
- rgba(255, 255, 255, 0.15) 50%,
7715
- rgba(255, 255, 255, 0.15) 75%,
7716
- transparent 75%,
7717
- transparent);
7718
- background-image: linear-gradient(45deg,
7719
- rgba(255, 255, 255, 0.15) 25%,
7720
- transparent 25%,
7721
- transparent 50%,
7722
- rgba(255, 255, 255, 0.15) 50%,
7723
- rgba(255, 255, 255, 0.15) 75%,
7724
- transparent 75%,
7725
- transparent);
7726
- -webkit-background-size: 40px 40px;
7727
- background-size: 40px 40px;
7728
- }
7729
-
7730
- .premium-progressbar-active .premium-progressbar-bar {
7731
- -webkit-animation: progress-bar-stripes 2s linear infinite;
7732
- animation: progress-bar-stripes 2s linear infinite;
7733
- }
7734
-
7735
- .premium-progressbar-gradient .premium-progressbar-bar {
7736
- -webkit-background-size: 400% 400% !important;
7737
- background-size: 400% 400% !important;
7738
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
7739
- animation: progress-bar-gradient 10s ease-in-out infinite;
7740
- }
7741
-
7742
- .premium-progressbar-bar {
7743
  position: absolute;
7744
- overflow: hidden;
7745
- line-height: 20px;
7746
- }
7747
-
7748
- .premium-progressbar-container .clearfix {
7749
- clear: both;
 
 
 
 
 
 
7750
  }
7751
 
7752
- .premium-progressbar-bar {
7753
- -webkit-transition: width 0s ease-in-out !important;
7754
- transition: width 0s ease-in-out !important;
7755
  }
7756
 
7757
- .premium-progressbar-container p:first-of-type {
 
 
 
 
 
7758
  margin: 0;
7759
- float: left;
7760
  }
7761
 
7762
- .premium-progressbar-container p:nth-of-type(2) {
7763
- margin: 0;
7764
- float: right;
7765
  }
7766
 
7767
- .premium-progressbar-name {
7768
- right: 50%;
7769
- top: 0;
7770
  left: 0;
7771
- -webkit-transform: translateX(12.5px);
7772
- -ms-transform: translateX(12.5px);
7773
- transform: translateX(12.5px);
7774
- z-index: 1;
7775
- }
7776
-
7777
- .premium-progressbar-multiple-label {
7778
- position: relative;
7779
- float: right;
7780
- width: 0;
7781
- right: 50%;
7782
  }
7783
 
7784
- .premium-progressbar-center-label {
7785
- position: relative;
7786
- white-space: nowrap;
 
 
 
7787
  }
7788
 
7789
- .premium-progressbar-arrow {
7790
- height: 15px;
7791
- right: 50%;
7792
- display: inline-block;
7793
- border-right: 7px solid transparent;
7794
- border-left: 7px solid transparent;
7795
- border-top: 11px solid;
7796
- -webkit-transform: translateX(50%);
7797
- -ms-transform: translateX(50%);
7798
- transform: translateX(50%);
7799
  }
7800
 
7801
- .premium-progressbar-pin {
7802
- border-right: 1px solid;
7803
- height: 12px;
7804
- right: 50%;
7805
- display: inline-block;
7806
  }
7807
 
7808
- /**
7809
- * Circle Progress Bar
7810
- */
7811
- .premium-progressbar-circle-wrap,
7812
- .premium-progressbar-hf-circle-wrap {
7813
- width: 200px;
7814
- height: 200px;
7815
- position: relative;
7816
- margin: 0 auto;
7817
  }
7818
 
7819
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
7820
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
7821
- position: absolute;
7822
- top: 0;
7823
- right: 0;
7824
- width: 100%;
7825
- height: 100%;
7826
- -js-display: flex;
7827
- display: -webkit-box;
7828
- display: -webkit-flex;
7829
- display: -moz-box;
7830
- display: -ms-flexbox;
7831
- display: flex;
7832
- -webkit-box-orient: vertical;
7833
- -webkit-box-direction: normal;
7834
- -webkit-flex-direction: column;
7835
- -moz-box-orient: vertical;
7836
- -moz-box-direction: normal;
7837
- -ms-flex-direction: column;
7838
- flex-direction: column;
7839
- -webkit-box-pack: center;
7840
- -webkit-justify-content: center;
7841
- -moz-box-pack: center;
7842
- -ms-flex-pack: center;
7843
- justify-content: center;
7844
- -webkit-box-align: center;
7845
- -webkit-align-items: center;
7846
- -moz-box-align: center;
7847
- -ms-flex-align: center;
7848
- align-items: center;
7849
- text-align: center;
7850
  }
7851
 
7852
- .premium-progressbar-circle-wrap .premium-lottie-animation,
7853
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
7854
- line-height: 1;
7855
  }
7856
 
7857
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
7858
- position: absolute;
7859
  top: 0;
7860
- right: 0;
7861
  width: 100%;
7862
- height: 100%;
7863
- -webkit-clip-path: inset(0 0 0 50%);
7864
- clip-path: inset(0 0 0 50%);
 
 
7865
  }
7866
 
7867
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
 
7868
  position: absolute;
7869
- right: 0;
7870
- top: 0;
7871
- height: 100%;
7872
  width: 100%;
7873
- border-width: 6px;
7874
- border-style: solid;
7875
- border-color: #54595f;
7876
- -webkit-border-radius: 50%;
7877
- border-radius: 50%;
7878
- -webkit-clip-path: inset(0 50% 0 0);
7879
- clip-path: inset(0 50% 0 0);
7880
- }
7881
-
7882
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
7883
- -webkit-transform: rotate(0);
7884
- -ms-transform: rotate(0);
7885
- transform: rotate(0);
7886
  }
7887
 
7888
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
7889
- -webkit-transform: rotate(-180deg);
7890
- -ms-transform: rotate(-180deg);
7891
- transform: rotate(-180deg);
7892
- visibility: hidden;
7893
  }
7894
 
7895
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
7896
- width: 100%;
7897
- height: 100%;
7898
- border: 6px solid #eee;
7899
- -webkit-border-radius: 50%;
7900
- border-radius: 50%;
7901
  }
7902
 
7903
- .premium-progressbar-circle-wrap .premium-lottie-animation {
7904
- line-height: 1;
 
 
 
 
7905
  }
7906
 
7907
- /**
7908
- * Half Circle Progress Bar
7909
- */
7910
- .premium-progressbar-hf-container {
7911
- position: relative;
7912
- width: 200px;
7913
- height: 200px;
7914
  }
7915
 
7916
- .premium-progressbar-hf-circle-wrap {
7917
- overflow: hidden;
7918
  }
7919
 
7920
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
7921
- -webkit-box-ordinal-group: 2;
7922
- -webkit-order: 1;
7923
- -moz-box-ordinal-group: 2;
7924
- -ms-flex-order: 1;
7925
- order: 1;
7926
  }
7927
 
7928
- .premium-progressbar-hf-circle {
7929
- position: absolute;
7930
- top: 0;
7931
- left: 0;
7932
- width: 100%;
7933
- height: 100%;
7934
- -webkit-clip-path: inset(0 0 50% 0);
7935
- clip-path: inset(0 0 50% 0);
7936
  }
7937
 
7938
- .premium-progressbar-hf-circle-progress {
7939
- position: absolute;
7940
- left: 0;
7941
- top: 0;
7942
- height: 100%;
7943
- width: 100%;
7944
- border: 12px solid #000;
7945
- -webkit-border-radius: 50%;
7946
- border-radius: 50%;
7947
- -webkit-clip-path: inset(50% 0 0 0);
7948
- clip-path: inset(50% 0 0 0);
7949
- -webkit-transform: rotate(0deg);
7950
- -ms-transform: rotate(0deg);
7951
- transform: rotate(0deg);
7952
- -webkit-transition: -webkit-transform 1500ms linear;
7953
- transition: -webkit-transform 1500ms linear;
7954
- transition: transform 1500ms linear;
7955
- transition: transform 1500ms linear, -webkit-transform 1500ms linear;
7956
- }
7957
-
7958
- .premium-progressbar-circle-inner {
7959
- height: 100%;
7960
- width: 100%;
7961
- border: 12px solid #eee;
7962
- -webkit-border-radius: 50%;
7963
- border-radius: 50%;
7964
- }
7965
-
7966
- .premium-progressbar-hf-labels {
7967
- margin: 0 auto;
7968
- position: relative;
7969
- font-size: 12px;
7970
- font-weight: 400;
7971
- -js-display: flex;
7972
- display: -webkit-box;
7973
- display: -webkit-flex;
7974
- display: -moz-box;
7975
- display: -ms-flexbox;
7976
- display: flex;
7977
- -webkit-box-pack: justify;
7978
- -webkit-justify-content: space-between;
7979
- -moz-box-pack: justify;
7980
- -ms-flex-pack: justify;
7981
- justify-content: space-between;
7982
- }
7983
-
7984
-
7985
- @-webkit-keyframes progress-bar-stripes {
7986
- from {
7987
- background-position: 100% 0;
7988
- }
7989
-
7990
- to {
7991
- background-position: 40px 0;
7992
- }
7993
- }
7994
-
7995
- @keyframes progress-bar-stripes {
7996
- from {
7997
- background-position: 100% 0;
7998
- }
7999
-
8000
- to {
8001
- background-position: 40px 0;
8002
- }
8003
- }
8004
-
8005
- @-webkit-keyframes progress-bar-gradient {
8006
- 0% {
8007
- background-position: 100% 50%;
8008
- }
8009
-
8010
- 50% {
8011
- background-position: 0% 50%;
8012
- }
8013
-
8014
- 100% {
8015
- background-position: 100% 50%;
8016
- }
8017
- }
8018
-
8019
- @keyframes progress-bar-gradient {
8020
- 0% {
8021
- background-position: 100% 50%;
8022
- }
8023
-
8024
- 50% {
8025
- background-position: 0% 50%;
8026
- }
8027
-
8028
- 100% {
8029
- background-position: 100% 50%;
8030
- }
8031
- }
8032
-
8033
- @media (max-width: 768px) {
8034
- .premium-progressbar-center-label {
8035
- -webkit-transform: rotate(-90deg) !important;
8036
- -ms-transform: rotate(-90deg) !important;
8037
- transform: rotate(-90deg) !important;
8038
- -webkit-transform-origin: 0;
8039
- -ms-transform-origin: 0;
8040
- transform-origin: 0;
8041
- }
8042
- }
8043
- /**************** Premium Testimonials ****************/
8044
- /******************************************************/
8045
- .premium-testimonial-box {
8046
- width: 100%;
8047
- background: transparent;
8048
- -webkit-transition: all 0.3s ease-in-out;
8049
- transition: all 0.3s ease-in-out;
8050
- }
8051
-
8052
- .premium-testimonial-box .premium-testimonial-author-info {
8053
- -js-display: flex;
8054
- display: -webkit-box;
8055
- display: -webkit-flex;
8056
- display: -moz-box;
8057
- display: -ms-flexbox;
8058
- display: flex;
8059
- -webkit-box-pack: center;
8060
- -webkit-justify-content: center;
8061
- -moz-box-pack: center;
8062
- -ms-flex-pack: center;
8063
- justify-content: center;
8064
- -webkit-box-align: center;
8065
- -webkit-align-items: center;
8066
- -moz-box-align: center;
8067
- -ms-flex-align: center;
8068
- align-items: center;
8069
- }
8070
-
8071
- .premium-testimonial-box .premium-testimonial-person-name,
8072
- .premium-testimonial-box .premium-testimonial-company-name {
8073
- font-weight: 600;
8074
- margin: 0;
8075
- }
8076
-
8077
- .premium-testimonial-container {
8078
- position: relative;
8079
- }
8080
-
8081
- .premium-testimonial-img-wrapper {
8082
- margin-right: auto;
8083
- margin-left: auto;
8084
- overflow: hidden;
8085
- border-style: solid !important;
8086
- }
8087
-
8088
- .premium-testimonial-img-wrapper.circle {
8089
- -webkit-border-radius: 50%;
8090
- border-radius: 50%;
8091
- }
8092
-
8093
- .premium-testimonial-img-wrapper.rounded {
8094
- -webkit-border-radius: 15px;
8095
- border-radius: 15px;
8096
- }
8097
-
8098
- .premium-testimonial-img-wrapper img {
8099
- -o-object-fit: cover;
8100
- object-fit: cover;
8101
- width: 100%;
8102
- height: 100% !important;
8103
- }
8104
-
8105
- .premium-testimonial-content-wrapper {
8106
- position: relative;
8107
- display: -ms-flexbox;
8108
- display: -webkit-flex;
8109
- display: -moz-flex;
8110
- display: -ms-flex;
8111
- -js-display: flex;
8112
- display: -webkit-box;
8113
- display: -moz-box;
8114
- display: flex;
8115
- -webkit-box-orient: vertical;
8116
- -webkit-box-direction: normal;
8117
- -webkit-flex-direction: column;
8118
- -moz-box-orient: vertical;
8119
- -moz-box-direction: normal;
8120
- -ms-flex-direction: column;
8121
- flex-direction: column;
8122
- z-index: 2;
8123
- width: 100%;
8124
- padding: 20px;
8125
- text-align: center;
8126
- }
8127
-
8128
- .premium-testimonial-clear-float {
8129
- clear: both;
8130
- }
8131
-
8132
- .premium-testimonial-upper-quote,
8133
- .premium-testimonial-lower-quote {
8134
- position: absolute;
8135
- z-index: 1;
8136
- }
8137
- /**************** Premium Title ****************/
8138
- /***********************************************/
8139
- .premium-title-container .premium-title-header {
8140
- position: relative;
8141
- margin: 0;
8142
- padding: 10px;
8143
- }
8144
-
8145
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
8146
- -webkit-box-align: center;
8147
- -webkit-align-items: center;
8148
- -moz-box-align: center;
8149
- -ms-flex-align: center;
8150
- align-items: center;
8151
- }
8152
-
8153
- .premium-title-container .premium-title-header svg {
8154
- width: 40px;
8155
- height: 40px;
8156
- }
8157
-
8158
- .premium-title-container .premium-title-header img {
8159
- width: 40px;
8160
- height: 40px;
8161
- -o-object-fit: cover;
8162
- object-fit: cover;
8163
- }
8164
-
8165
- .premium-title-container .premium-title-header a {
8166
- position: absolute;
8167
- top: 0;
8168
- right: 0;
8169
- width: 100%;
8170
- height: 100%;
8171
- }
8172
-
8173
- .premium-title-container .premium-lottie-animation {
8174
- -js-display: flex;
8175
- display: -webkit-box;
8176
- display: -webkit-flex;
8177
- display: -moz-box;
8178
- display: -ms-flexbox;
8179
- display: flex;
8180
- }
8181
-
8182
- .premium-title-icon-row .premium-title-icon {
8183
- margin-left: 10px;
8184
- }
8185
-
8186
- .premium-title-icon-row-reverse .premium-title-icon {
8187
- margin-right: 10px;
8188
- }
8189
-
8190
- .premium-title-style3,
8191
- .premium-title-style4 {
8192
- -js-display: flex;
8193
- display: -webkit-box;
8194
- display: -webkit-flex;
8195
- display: -moz-box;
8196
- display: -ms-flexbox;
8197
- display: flex;
8198
- }
8199
-
8200
- .premium-title-style1,
8201
- .premium-title-style2,
8202
- .premium-title-style5,
8203
- .premium-title-style6,
8204
- .premium-title-style8,
8205
- .premium-title-style9 {
8206
- -js-display: inline-flex;
8207
- display: -webkit-inline-box;
8208
- display: -webkit-inline-flex;
8209
- display: -moz-inline-box;
8210
- display: -ms-inline-flexbox;
8211
- display: inline-flex;
8212
- }
8213
-
8214
- .premium-title-style7 {
8215
- -js-display: inline-flex;
8216
- display: -webkit-inline-box;
8217
- display: -webkit-inline-flex;
8218
- display: -moz-inline-box;
8219
- display: -ms-inline-flexbox;
8220
- display: inline-flex;
8221
- -webkit-box-orient: vertical;
8222
- -webkit-box-direction: normal;
8223
- -webkit-flex-direction: column;
8224
- -moz-box-orient: vertical;
8225
- -moz-box-direction: normal;
8226
- -ms-flex-direction: column;
8227
- flex-direction: column;
8228
- }
8229
-
8230
- .premium-title-style7 .premium-title-style7-inner {
8231
- -js-display: flex;
8232
- display: -webkit-box;
8233
- display: -webkit-flex;
8234
- display: -moz-box;
8235
- display: -ms-flexbox;
8236
- display: flex;
8237
- -webkit-box-align: center;
8238
- -webkit-align-items: center;
8239
- -moz-box-align: center;
8240
- -ms-flex-align: center;
8241
- align-items: center;
8242
- }
8243
-
8244
- .premium-title-style1 {
8245
- border-width: 0;
8246
- border-right: 3px solid #6ec1e4;
8247
- }
8248
-
8249
- .premium-title-container.style2,
8250
- .premium-title-container.style4,
8251
- .premium-title-container.style5,
8252
- .premium-title-container.style6 {
8253
- border-bottom: 3px solid #6ec1e4;
8254
- }
8255
-
8256
- /*Style 6 Header*/
8257
- .premium-title-style6:before {
8258
- position: absolute;
8259
- right: 50%;
8260
- bottom: 0;
8261
- margin-right: -2px;
8262
- content: "";
8263
- border: 3px solid transparent;
8264
- }
8265
-
8266
- /*Style 6 Trinagle*/
8267
- .premium-title-style7-stripe-wrap {
8268
- -js-display: flex;
8269
- display: -webkit-box;
8270
- display: -webkit-flex;
8271
- display: -moz-box;
8272
- display: -ms-flexbox;
8273
- display: flex;
8274
- }
8275
-
8276
- .premium-title-style7:before {
8277
- display: none;
8278
- }
8279
-
8280
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8281
- -webkit-background-size: 125px 125px !important;
8282
- background-size: 125px !important;
8283
- color: rgba(255, 255, 255, 0);
8284
- -webkit-background-clip: text !important;
8285
- background-clip: text !important;
8286
- -webkit-animation-name: pa-shinny-text !important;
8287
- animation-name: pa-shinny-text !important;
8288
- -webkit-animation-duration: var(--animation-speed) !important;
8289
- animation-duration: var(--animation-speed) !important;
8290
- -webkit-animation-iteration-count: infinite !important;
8291
- animation-iteration-count: infinite !important;
8292
- background: var(--base-color) -webkit-gradient(linear,
8293
- left top,
8294
- right top,
8295
- from(var(--base-color)),
8296
- to(var(--base-color)),
8297
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8298
- }
8299
-
8300
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8301
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
8302
- animation: pa-blur-shadow 2s 1 alternate;
8303
- }
8304
-
8305
- .premium-title-gradient-yes .premium-title-text,
8306
- .premium-title-gradient-yes .premium-title-icon {
8307
- -webkit-background-clip: text;
8308
- -webkit-text-fill-color: transparent;
8309
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8310
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8311
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8312
- -webkit-animation: pa-text-gradient 8s infinite;
8313
- animation: pa-text-gradient 8s infinite;
8314
- }
8315
-
8316
- .premium-title-clipped .premium-title-header {
8317
- -webkit-text-fill-color: transparent;
8318
- -webkit-background-clip: text;
8319
- background-clip: text;
8320
- }
8321
-
8322
- @-webkit-keyframes pa-shinny-text {
8323
- 0% {
8324
- background-position: 100%;
8325
- }
8326
-
8327
- 100% {
8328
- background-position: -100%;
8329
- }
8330
- }
8331
-
8332
- @keyframes pa-shinny-text {
8333
- 0% {
8334
- background-position: 100%;
8335
- }
8336
-
8337
- 100% {
8338
- background-position: -100%;
8339
- }
8340
- }
8341
-
8342
- @-webkit-keyframes pa-blur-shadow {
8343
- from {
8344
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8345
- color: transparent;
8346
- }
8347
-
8348
- to {
8349
- text-shadow: 0;
8350
- }
8351
- }
8352
-
8353
- @keyframes pa-blur-shadow {
8354
- from {
8355
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8356
- color: transparent;
8357
- }
8358
-
8359
- to {
8360
- text-shadow: 0;
8361
- }
8362
- }
8363
-
8364
- @-webkit-keyframes pa-text-gradient {
8365
-
8366
- 0%,
8367
- 100% {
8368
- -webkit-filter: hue-rotate(0deg);
8369
- filter: hue-rotate(0deg);
8370
- }
8371
-
8372
- 50% {
8373
- -webkit-filter: hue-rotate(360deg);
8374
- filter: hue-rotate(360deg);
8375
- }
8376
- }
8377
-
8378
- @keyframes pa-text-gradient {
8379
-
8380
- 0%,
8381
- 100% {
8382
- -webkit-filter: hue-rotate(0deg);
8383
- filter: hue-rotate(0deg);
8384
- }
8385
-
8386
- 50% {
8387
- -webkit-filter: hue-rotate(360deg);
8388
- filter: hue-rotate(360deg);
8389
- }
8390
- }
8391
- /**************** Premium Video Box ************/
8392
- /***********************************************/
8393
- .premium-video-box-transform {
8394
- -webkit-transform: none !important;
8395
- -ms-transform: none !important;
8396
- transform: none !important;
8397
- }
8398
-
8399
- .premium-video-box-container {
8400
- -js-display: flex;
8401
- display: -webkit-box;
8402
- display: -webkit-flex;
8403
- display: -moz-box;
8404
- display: -ms-flexbox;
8405
- display: flex;
8406
- -webkit-box-orient: vertical;
8407
- -webkit-box-direction: normal;
8408
- -webkit-flex-direction: column;
8409
- -moz-box-orient: vertical;
8410
- -moz-box-direction: normal;
8411
- -ms-flex-direction: column;
8412
- flex-direction: column;
8413
- }
8414
-
8415
- .premium-video-box-container>div {
8416
- position: relative;
8417
- overflow: hidden;
8418
- }
8419
-
8420
- .pa-aspect-ratio-11 .premium-video-box-container>div {
8421
- padding-bottom: 100%;
8422
- }
8423
-
8424
- .pa-aspect-ratio-169 .premium-video-box-container>div {
8425
- padding-bottom: 56.25%;
8426
- }
8427
-
8428
- .pa-aspect-ratio-43 .premium-video-box-container>div {
8429
- padding-bottom: 75%;
8430
- }
8431
-
8432
- .pa-aspect-ratio-32 .premium-video-box-container>div {
8433
- padding-bottom: 66.6666%;
8434
- }
8435
-
8436
- .pa-aspect-ratio-219 .premium-video-box-container>div {
8437
- padding-bottom: 42.8571%;
8438
- }
8439
-
8440
- .pa-aspect-ratio-916 .premium-video-box-container>div {
8441
- padding-bottom: 177.8%;
8442
- }
8443
-
8444
- .premium-video-box-image-container {
8445
- position: absolute;
8446
- top: 0;
8447
- right: 0;
8448
- bottom: 0;
8449
- left: 0;
8450
- width: 100%;
8451
- height: 100%;
8452
- -webkit-background-size: cover;
8453
- background-size: cover;
8454
- background-position: 50%;
8455
- cursor: pointer;
8456
- margin: auto;
8457
- -webkit-transition: 0.2s all;
8458
- transition: 0.2s all;
8459
- }
8460
-
8461
- .premium-video-box-play-icon-container {
8462
- position: absolute;
8463
- z-index: 2;
8464
- cursor: pointer;
8465
- -webkit-transform: translate(50%, -50%);
8466
- -ms-transform: translate(50%, -50%);
8467
- transform: translate(50%, -50%);
8468
- background: rgba(252, 252, 252, 0.35);
8469
- }
8470
-
8471
- .premium-video-box-description-container {
8472
- position: absolute;
8473
- z-index: 2;
8474
- padding: 5px;
8475
- text-align: center;
8476
- cursor: pointer;
8477
- -webkit-transform: translate(50%, -50%);
8478
- -ms-transform: translate(50%, -50%);
8479
- transform: translate(50%, -50%);
8480
- }
8481
-
8482
- .premium-video-box-text {
8483
- margin-bottom: 0 !important;
8484
- -webkit-transition: all 0.3s ease-in-out;
8485
- transition: all 0.3s ease-in-out;
8486
- }
8487
-
8488
- .premium-video-box-play-icon {
8489
- padding: 15px;
8490
- -webkit-transform: translateX(-4%);
8491
- -ms-transform: translateX(-4%);
8492
- transform: translateX(-4%);
8493
- -webkit-transition: all 0.3s ease-in-out;
8494
- transition: all 0.3s ease-in-out;
8495
- }
8496
-
8497
- .premium-video-box-video-container,
8498
- .premium-vid-lightbox-container {
8499
- position: absolute;
8500
- top: 0;
8501
- right: 0;
8502
- z-index: 2;
8503
- width: 100%;
8504
- height: 100%;
8505
- -webkit-transition: opacity 0.8s ease-in-out;
8506
- transition: opacity 0.8s ease-in-out;
8507
- overflow: hidden;
8508
- cursor: pointer;
8509
- }
8510
-
8511
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
8512
- opacity: 0;
8513
- visibility: hidden;
8514
- }
8515
-
8516
- .premium-video-box-video-container iframe {
8517
- max-width: 100%;
8518
- width: 100%;
8519
- height: 100%;
8520
- margin: 0;
8521
- line-height: 1;
8522
- border: none;
8523
- }
8524
-
8525
- .premium-video-box-video-container video {
8526
- max-width: 100%;
8527
- width: 100%;
8528
- height: 100%;
8529
- margin: 0;
8530
- line-height: 1;
8531
- border: none;
8532
- background-color: #000;
8533
- -o-object-fit: contain;
8534
- object-fit: contain;
8535
- }
8536
-
8537
- .premium-video-box-container .premium-video-box-vimeo-wrap {
8538
- -js-display: flex;
8539
- display: -webkit-box;
8540
- display: -webkit-flex;
8541
- display: -moz-box;
8542
- display: -ms-flexbox;
8543
- display: flex;
8544
- position: absolute;
8545
- top: 0;
8546
- right: 0;
8547
- z-index: 3;
8548
- margin: 10px;
8549
- margin-left: 10px;
8550
- -webkit-transition: opacity 0.2s ease-out;
8551
- transition: opacity 0.2s ease-out;
8552
- margin-left: 4.6em;
8553
- }
8554
-
8555
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
8556
- width: 60px;
8557
- height: 60px;
8558
- background: rgba(23, 35, 34, 0.75);
8559
- margin-left: 1px;
8560
- -webkit-box-flex: 1;
8561
- -webkit-flex: 1 0 auto;
8562
- -moz-box-flex: 1;
8563
- -ms-flex: 1 0 auto;
8564
- flex: 1 0 auto;
8565
- padding: 0;
8566
- }
8567
-
8568
- .premium-video-box-vimeo-portrait img {
8569
- width: 50px;
8570
- height: 50px;
8571
- margin: 5px;
8572
- padding: 0;
8573
- border: 0;
8574
- -webkit-border-radius: 50%;
8575
- border-radius: 50%;
8576
- }
8577
-
8578
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
8579
- font-size: 10px;
8580
- }
8581
-
8582
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
8583
- max-width: 100%;
8584
- font-size: 2em !important;
8585
- font-weight: 700;
8586
- margin: 0;
8587
- padding: 0.1em 0.2em;
8588
- background: rgba(23, 35, 34, 0.75);
8589
- display: inline-block;
8590
- text-transform: none;
8591
- line-height: normal;
8592
- letter-spacing: normal;
8593
- }
8594
-
8595
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
8596
- font-size: 1.2em !important;
8597
- font-weight: 400;
8598
- color: #fff;
8599
- margin-top: 0.1em;
8600
- padding: 0.2em 0.5em;
8601
- background: rgba(23, 35, 34, 0.75);
8602
- text-transform: none;
8603
- line-height: normal;
8604
- letter-spacing: normal;
8605
- }
8606
-
8607
- .premium-video-box-playlist-container {
8608
- -js-display: flex;
8609
- display: -webkit-box;
8610
- display: -webkit-flex;
8611
- display: -moz-box;
8612
- display: -ms-flexbox;
8613
- display: flex;
8614
- -webkit-flex-wrap: wrap;
8615
- -ms-flex-wrap: wrap;
8616
- flex-wrap: wrap;
8617
- }
8618
-
8619
- .premium-video-box-playlist-container .premium-video-box-container {
8620
- height: 100%;
8621
- overflow: hidden;
8622
- }
8623
-
8624
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
8625
- -webkit-transform: scale(1.1);
8626
- -ms-transform: scale(1.1);
8627
- transform: scale(1.1);
8628
- }
8629
-
8630
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
8631
- -webkit-transform: scale(1);
8632
- -ms-transform: scale(1);
8633
- transform: scale(1);
8634
- }
8635
-
8636
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
8637
- -webkit-transform: scale(1.3) rotate(-5deg);
8638
- -ms-transform: scale(1.3) rotate(-5deg);
8639
- transform: scale(1.3) rotate(-5deg);
8640
- }
8641
-
8642
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
8643
- -webkit-filter: grayscale(0%);
8644
- filter: grayscale(0%);
8645
- }
8646
-
8647
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
8648
- -webkit-filter: blur(3px);
8649
- filter: blur(3px);
8650
- }
8651
-
8652
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
8653
- -webkit-filter: sepia(0%);
8654
- filter: sepia(0%);
8655
- }
8656
-
8657
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
8658
- -webkit-transform: translateX(0px) scale(1.1);
8659
- -ms-transform: translateX(0px) scale(1.1);
8660
- transform: translateX(0px) scale(1.1);
8661
- }
8662
-
8663
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
8664
- -webkit-filter: brightness(1.2);
8665
- filter: brightness(1.2);
8666
- }
8667
-
8668
- .premium-video-box-image-container.gray {
8669
- -webkit-filter: grayscale(100%);
8670
- filter: grayscale(100%);
8671
- }
8672
-
8673
- .premium-video-box-image-container.zoomout,
8674
- .premium-video-box-image-container.scale {
8675
- -webkit-transform: scale(1.2);
8676
- -ms-transform: scale(1.2);
8677
- transform: scale(1.2);
8678
- }
8679
-
8680
- .premium-video-box-image-container.sepia {
8681
- -webkit-filter: sepia(30%);
8682
- filter: sepia(30%);
8683
- }
8684
-
8685
- .premium-video-box-image-container.bright {
8686
- -webkit-filter: brightness(1);
8687
- filter: brightness(1);
8688
- }
8689
-
8690
- .premium-video-box-image-container.trans {
8691
- -webkit-transform: translateX(15px) scale(1.1);
8692
- -ms-transform: translateX(15px) scale(1.1);
8693
- transform: translateX(15px) scale(1.1);
8694
- }
8695
-
8696
- .premium-video-box-mask-media {
8697
- -webkit-mask-repeat: no-repeat;
8698
- mask-repeat: no-repeat;
8699
- }
8700
-
8701
- /* Sticky Video Option */
8702
- .premium-video-box-container.premium-video-box-sticky-apply {
8703
- z-index: 99;
8704
- overflow: unset;
8705
- }
8706
-
8707
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8708
- position: fixed !important;
8709
- z-index: 99999;
8710
- height: 225px;
8711
- width: 400px;
8712
- background: #fff;
8713
- }
8714
-
8715
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
8716
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
8717
- visibility: hidden;
8718
- }
8719
-
8720
- .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 {
8721
- -webkit-box-shadow: unset;
8722
- box-shadow: unset;
8723
- }
8724
-
8725
- .premium-video-box-sticky-close,
8726
- .premium-video-box-sticky-infobar {
8727
- display: none;
8728
- }
8729
-
8730
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8731
- position: absolute;
8732
- padding: 5px;
8733
- cursor: pointer;
8734
- z-index: 99999;
8735
- height: 14px;
8736
- width: 14px;
8737
- -webkit-box-sizing: content-box;
8738
- -moz-box-sizing: content-box;
8739
- box-sizing: content-box;
8740
- -webkit-border-radius: 100%;
8741
- border-radius: 100%;
8742
- -js-display: flex;
8743
- display: -webkit-box;
8744
- display: -webkit-flex;
8745
- display: -moz-box;
8746
- display: -ms-flexbox;
8747
- display: flex;
8748
- -webkit-box-pack: center;
8749
- -webkit-justify-content: center;
8750
- -moz-box-pack: center;
8751
- -ms-flex-pack: center;
8752
- justify-content: center;
8753
- -webkit-box-align: center;
8754
- -webkit-align-items: center;
8755
- -moz-box-align: center;
8756
- -ms-flex-align: center;
8757
- align-items: center;
8758
- }
8759
-
8760
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
8761
- -js-display: flex;
8762
- display: -webkit-box;
8763
- display: -webkit-flex;
8764
- display: -moz-box;
8765
- display: -ms-flexbox;
8766
- display: flex;
8767
- }
8768
-
8769
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
8770
- -webkit-transition: none;
8771
- transition: none;
8772
- }
8773
-
8774
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
8775
- display: block;
8776
- position: relative;
8777
- top: 100%;
8778
- width: 100%;
8779
- padding: 5px;
8780
- text-align: center;
8781
- z-index: 9999;
8782
- margin-top: -1px;
8783
- }
8784
-
8785
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
8786
- cursor: move;
8787
- }
8788
-
8789
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8790
- left: auto;
8791
- right: 20px;
8792
- top: 20px;
8793
- }
8794
-
8795
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8796
- left: auto;
8797
- right: 20px;
8798
- bottom: 20px;
8799
- }
8800
-
8801
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8802
- right: auto;
8803
- left: 20px;
8804
- top: 20px;
8805
- }
8806
-
8807
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8808
- right: auto;
8809
- left: 20px;
8810
- bottom: 20px;
8811
- }
8812
-
8813
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8814
- left: auto;
8815
- right: 20px;
8816
- top: 50%;
8817
- -webkit-transform: translateY(-50%);
8818
- -ms-transform: translateY(-50%);
8819
- transform: translateY(-50%);
8820
- }
8821
-
8822
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8823
- right: auto;
8824
- left: 20px;
8825
- top: 50%;
8826
- -webkit-transform: translateY(-50%);
8827
- -ms-transform: translateY(-50%);
8828
- transform: translateY(-50%);
8829
- }
8830
-
8831
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
8832
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
8833
- bottom: 55px;
8834
- }
8835
-
8836
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8837
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8838
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8839
- top: -10px;
8840
- left: -10px;
8841
- }
8842
-
8843
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8844
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
8845
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
8846
- top: -10px;
8847
- right: -10px;
8848
- }
8849
-
8850
- .premium-video-box-filter-sticky {
8851
- -webkit-filter: none !important;
8852
- filter: none !important;
8853
- }
8854
- /************ Premium Vertical Scroll ************/
8855
- /*************************************************/
8856
- .premium-vscroll-inner {
8857
- position: relative;
8858
- /* overflow: hidden;
8859
- */
8860
- min-height: 100%;
8861
- }
8862
-
8863
- .premium-vscroll-inner .premium-vscroll-dots {
8864
- position: fixed;
8865
- z-index: 100;
8866
- opacity: 1;
8867
- margin-top: -32px;
8868
- -webkit-transition: all 0.3s ease-in-out;
8869
- transition: all 0.3s ease-in-out;
8870
- }
8871
-
8872
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
8873
- opacity: 1;
8874
- -webkit-transition: all 0.3s ease-in-out;
8875
- transition: all 0.3s ease-in-out;
8876
- }
8877
-
8878
- .premium-vscroll-inner .premium-vscroll-dots,
8879
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
8880
- opacity: 0;
8881
- visibility: hidden;
8882
- }
8883
-
8884
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
8885
- opacity: 1;
8886
- visibility: visible;
8887
- }
8888
-
8889
- .premium-vscroll-dots.middle {
8890
- top: 50%;
8891
- margin-top: 0;
8892
- -webkit-transform: translateY(-50%);
8893
- -ms-transform: translateY(-50%);
8894
- transform: translateY(-50%);
8895
- }
8896
-
8897
- .premium-vscroll-dots.top {
8898
- top: 40px;
8899
- }
8900
-
8901
- .premium-vscroll-dots.bottom {
8902
- bottom: 30px;
8903
- }
8904
-
8905
- .premium-vscroll-dots.right {
8906
- left: 17px;
8907
- }
8908
-
8909
- .premium-vscroll-dots.left {
8910
- right: 17px;
8911
- }
8912
-
8913
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
8914
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
8915
- margin: 0 !important;
8916
- padding: 0;
8917
- }
8918
-
8919
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
8920
- width: 14px;
8921
- height: 13px;
8922
- margin: 7px;
8923
- position: relative;
8924
- display: -webkit-box;
8925
- display: -webkit-flex;
8926
- display: -ms-flexbox;
8927
- -js-display: flex;
8928
- display: -moz-box;
8929
- display: flex;
8930
- -webkit-box-pack: center;
8931
- -ms-flex-pack: center;
8932
- -webkit-justify-content: center;
8933
- -moz-box-pack: center;
8934
- justify-content: center;
8935
- -webkit-box-align: center;
8936
- -ms-flex-align: center;
8937
- -webkit-align-items: center;
8938
- -moz-box-align: center;
8939
- align-items: center;
8940
- overflow: visible;
8941
- }
8942
-
8943
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
8944
- display: block;
8945
- position: relative;
8946
- z-index: 1;
8947
- width: 100%;
8948
- height: 100%;
8949
- cursor: pointer;
8950
- text-decoration: none;
8951
- }
8952
-
8953
- .premium-vscroll-inner
8954
- .premium-vscroll-dot-item
8955
- .premium-vscroll-nav-link
8956
- span {
8957
- top: 2px;
8958
- right: 2.5px;
8959
- width: 8px;
8960
- height: 8px;
8961
- border: 1px solid #000;
8962
- -webkit-border-radius: 50%;
8963
- border-radius: 50%;
8964
- position: absolute;
8965
- z-index: 1;
8966
- -webkit-transition: all 0.3s ease-in-out;
8967
- transition: all 0.3s ease-in-out;
8968
- }
8969
-
8970
- .premium-vscroll-inner
8971
- .premium-vscroll-dot-item.active
8972
- .premium-vscroll-nav-link
8973
- span {
8974
- -webkit-transform: scale(1.6);
8975
- -ms-transform: scale(1.6);
8976
- transform: scale(1.6);
8977
- }
8978
-
8979
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
8980
- position: absolute;
8981
- color: #fff;
8982
- font-size: 14px;
8983
- font-family: arial, helvetica, sans-serif;
8984
- white-space: nowrap;
8985
- max-width: 220px;
8986
- padding-right: 0.4em;
8987
- padding-left: 0.4em;
8988
- }
8989
-
8990
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
8991
- left: 27px;
8992
- }
8993
-
8994
- /* * Lines */
8995
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
8996
- width: 4px;
8997
- height: 30px;
8998
- }
8999
-
9000
- .premium-vscroll-inner
9001
- .premium-vscroll-dots.lines
9002
- .premium-vscroll-dot-item
9003
- span {
9004
- width: 100%;
9005
- height: 100%;
9006
- -webkit-border-radius: 0;
9007
- border-radius: 0;
9008
- }
9009
-
9010
- .premium-vscroll-inner
9011
- .premium-vscroll-dots.lines
9012
- .premium-vscroll-dot-item.active
9013
- span {
9014
- -webkit-transform: scale(1);
9015
- -ms-transform: scale(1);
9016
- transform: scale(1);
9017
- }
9018
-
9019
- @media (max-width: 768px) {
9020
- .premium-vscroll-dots.right {
9021
- left: 7px;
9022
- }
9023
-
9024
- .premium-vscroll-dots.left {
9025
- right: 7px;
9026
- }
9027
- }
9028
-
9029
- /* @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
9030
- [data-animation="rotate"] .premium-vscroll-temp {
9031
- height: -webkit-calc(100vh - 75px) !important;
9032
- height: calc(100vh - 75px) !important;
9033
- }
9034
- }
9035
-
9036
- @media (max-width: 768px) {
9037
- [data-animation="rotate"] .premium-vscroll-temp {
9038
- height: -webkit-calc(100vh - 60px) !important;
9039
- height: calc(100vh - 60px) !important;
9040
- }
9041
- } */
9042
-
9043
- /** Ipads- Safari */
9044
- /* @supports (-webkit-touch-callout: none) {
9045
-
9046
- @media (max-width: 768px) {
9047
- [data-animation="rotate"] .premium-vscroll-temp {
9048
- height: -webkit-calc(100vh - 108px) !important;
9049
- height: calc(100vh - 108px) !important;
9050
- }
9051
- }
9052
-
9053
- @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
9054
- [data-animation="rotate"] .premium-vscroll-temp {
9055
- height: -webkit-calc(100vh - 60px) !important;
9056
- height: calc(100vh - 60px) !important;
9057
- }
9058
- }
9059
- } */
9060
-
9061
- .premium-vscroll-inner
9062
- .premium-vscroll-dots.right
9063
- .premium-vscroll-tooltip::after {
9064
- position: absolute;
9065
- top: 50%;
9066
- content: "";
9067
- right: -webkit-calc(100% - 1px);
9068
- right: calc(100% - 1px);
9069
- width: 10px;
9070
- height: 0;
9071
- border-top: 6px solid transparent;
9072
- border-bottom: 6px solid transparent;
9073
- border-right: 6px solid;
9074
- -webkit-transform: translateY(-50%);
9075
- -ms-transform: translateY(-50%);
9076
- transform: translateY(-50%);
9077
- }
9078
-
9079
- .premium-vscroll-inner
9080
- .premium-vscroll-dots.left
9081
- .premium-vscroll-tooltip::after {
9082
- position: absolute;
9083
- top: 50%;
9084
- content: "";
9085
- left: -webkit-calc(100% - 1px);
9086
- left: calc(100% - 1px);
9087
- width: 10px;
9088
- height: 0;
9089
- border-top: 6px solid transparent;
9090
- border-bottom: 6px solid transparent;
9091
- border-left: 6px solid;
9092
- -webkit-transform: translateY(-50%);
9093
- -ms-transform: translateY(-50%);
9094
- transform: translateY(-50%);
9095
- }
9096
-
9097
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
9098
- right: 27px;
9099
- }
9100
-
9101
- .premium-vscroll-nav-menu {
9102
- position: fixed;
9103
- top: 20px;
9104
- height: 40px;
9105
- z-index: 100;
9106
- padding: 0;
9107
- margin: 0;
9108
- }
9109
-
9110
- .premium-vscroll-nav-menu.left {
9111
- right: 0;
9112
- }
9113
-
9114
- .premium-vscroll-nav-menu.right {
9115
- left: 0;
9116
- }
9117
-
9118
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
9119
- display: inline-block;
9120
- margin: 10px;
9121
- color: #000;
9122
- background: #fff;
9123
- background: rgba(255, 255, 255, 0.3);
9124
- }
9125
-
9126
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
9127
- padding: 9px 18px;
9128
- display: block;
9129
- cursor: pointer;
9130
- }
9131
-
9132
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
9133
- .premium-vscroll-nav-menu
9134
- .premium-vscroll-nav-item
9135
- .premium-vscroll-nav-link:hover {
9136
- color: #000;
9137
- }
9138
-
9139
- .premium-vscroll-nav-menu
9140
- .premium-vscroll-nav-item
9141
- .premium-vscroll-nav-link:focus,
9142
- .multiscroll-nav li a:focus {
9143
- outline: none;
9144
- }
9145
-
9146
- .premium-vscroll-temp .slimScrollBar {
9147
- visibility: hidden;
9148
- }
9149
-
9150
- [data-hijacking="off"] .premium-vscroll-temp {
9151
- height: 100vh;
9152
- }
9153
-
9154
- [data-hijacking="off"] .premium-vscroll-temp > div {
9155
- opacity: 0;
9156
- top: 0;
9157
- left: 0;
9158
- width: 100%;
9159
- /* Force Hardware Acceleration */
9160
- -webkit-transform: translateZ(0);
9161
- transform: translateZ(0);
9162
- -webkit-backface-visibility: hidden;
9163
- backface-visibility: hidden;
9164
- }
9165
-
9166
- [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
9167
- display: none;
9168
- position: absolute;
9169
- width: 100%;
9170
- top: 20px;
9171
- z-index: 2;
9172
- }
9173
-
9174
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
9175
- position: relative;
9176
- /* enable a 3D-space for children elements */
9177
- -webkit-perspective: 1800px;
9178
- perspective: 1800px;
9179
- }
9180
-
9181
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
9182
- position: absolute;
9183
- -webkit-transform-origin: center bottom;
9184
- -ms-transform-origin: center bottom;
9185
- transform-origin: center bottom;
9186
- }
9187
-
9188
- [data-hijacking="off"][data-animation="rotate"]
9189
- .premium-vscroll-temp:last-of-type
9190
- > div {
9191
- opacity: 1 !important;
9192
- -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
9193
- transform: translateY(0px) scale(1) rotateX(0deg) !important;
9194
- }
9195
-
9196
- [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
9197
- position: fixed;
9198
- }
9199
-
9200
- [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
9201
- position: fixed;
9202
- }
9203
-
9204
- [data-hijacking="off"] .premium-vscroll-parallax-last {
9205
- -webkit-transform: translateY(0px) scale(1) !important;
9206
- -ms-transform: translateY(0px) scale(1) !important;
9207
- transform: translateY(0px) scale(1) !important;
9208
- }
9209
-
9210
- [data-hijacking="off"] .premium-vscroll-parallax-position {
9211
- position: unset !important;
9212
- }
9213
-
9214
- /********** Premium Woo Products **********/
9215
- /******************************************/
9216
- .ast-single-post .entry-content .premium-woocommerce a {
9217
- text-decoration: none;
9218
- }
9219
-
9220
- .premium-woocommerce .premium-woo-qv-btn {
9221
- cursor: pointer;
9222
- }
9223
-
9224
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
9225
- margin: 0 auto 0.5em;
9226
- }
9227
-
9228
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
9229
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
9230
- display: block;
9231
- text-align: center;
9232
- color: #fff;
9233
- min-width: 2em;
9234
- min-height: 2em;
9235
- line-height: 2em;
9236
- padding: 0.3em 0.6em;
9237
- margin: 0.5em 0.6em;
9238
- }
9239
-
9240
- .premium-woocommerce .pa-out-of-stock {
9241
- display: block;
9242
- text-align: center;
9243
- color: #fff;
9244
- min-width: 2em;
9245
- min-height: 2em;
9246
- line-height: 2em;
9247
- padding: 0.3em 0.6em;
9248
- margin: 0.5em 0.6em;
9249
- }
9250
-
9251
- .premium-woocommerce .premium-woo-products-inner ul.products {
9252
- -js-display: flex;
9253
- display: -webkit-box;
9254
- display: -webkit-flex;
9255
- display: -moz-box;
9256
- display: -ms-flexbox;
9257
- display: flex;
9258
- margin: 0;
9259
- padding: 0;
9260
- -webkit-flex-wrap: wrap;
9261
- -ms-flex-wrap: wrap;
9262
- flex-wrap: wrap;
9263
- list-style: none outside;
9264
- -webkit-column-gap: 0;
9265
- -moz-column-gap: 0;
9266
- column-gap: 0;
9267
- }
9268
-
9269
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
9270
- margin: 0 0 10px;
9271
- padding: 0 10px;
9272
- }
9273
-
9274
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
9275
- overflow: hidden;
9276
- -webkit-transition: all 0.3s ease-in-out;
9277
- transition: all 0.3s ease-in-out;
9278
- }
9279
-
9280
- .premium-woocommerce .premium-woo-product-category {
9281
- display: block;
9282
- font-size: 0.85em;
9283
- margin-bottom: 0.5em;
9284
- line-height: 1.3;
9285
- }
9286
-
9287
- .premium-woocommerce .woocommerce-loop-product__title {
9288
- margin-bottom: 0.5em;
9289
- font-size: 1em;
9290
- -webkit-transition: all 0.3s ease-in-out;
9291
- transition: all 0.3s ease-in-out;
9292
- }
9293
-
9294
- .premium-woocommerce .woocommerce-loop-product__link {
9295
- position: relative;
9296
- display: block !important;
9297
- overflow: hidden;
9298
- -webkit-transition: all 0.3s ease-in-out;
9299
- transition: all 0.3s ease-in-out;
9300
- }
9301
-
9302
- .premium-woocommerce .premium-woo-ribbon-container,
9303
- .premium-woocommerce .pa-out-of-stock {
9304
- position: absolute;
9305
- z-index: 9;
9306
- }
9307
-
9308
- .premium-woocommerce .premium-woo-ribbon-container {
9309
- top: 0;
9310
- right: 0;
9311
- }
9312
-
9313
- .premium-woocommerce .pa-out-of-stock {
9314
- top: 7px;
9315
- right: 9px;
9316
- margin: 0;
9317
- }
9318
-
9319
- .premium-woocommerce .star-rating {
9320
- display: block;
9321
- float: none;
9322
- margin: 0 auto 0.5em;
9323
- -webkit-backface-visibility: hidden;
9324
- backface-visibility: hidden;
9325
- overflow: hidden;
9326
- position: relative;
9327
- height: 1em;
9328
- line-height: 1;
9329
- font-size: 0.857em;
9330
- width: 5.4em;
9331
- font-family: star;
9332
- }
9333
-
9334
- .premium-woocommerce .star-rating::before {
9335
- content: "\73\73\73\73\73";
9336
- color: #54595f;
9337
- float: right;
9338
- top: 0;
9339
- right: 0;
9340
- position: absolute;
9341
- }
9342
-
9343
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
9344
- overflow: hidden;
9345
- float: right;
9346
- top: 0;
9347
- right: 0;
9348
- position: absolute;
9349
- padding-top: 1.5em;
9350
- }
9351
-
9352
- .premium-woocommerce .star-rating span::before {
9353
- content: "\53\53\53\53\53";
9354
- color: inherit;
9355
- top: 0;
9356
- position: absolute;
9357
- right: 0;
9358
- }
9359
-
9360
- .premium-woo-product-thumbnail {
9361
- position: relative;
9362
- overflow: hidden;
9363
- }
9364
-
9365
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
9366
- margin: 0;
9367
- width: 100%;
9368
- }
9369
-
9370
- .premium-woo-product-sale-wrap,
9371
- .premium-woo-product-featured-wrap {
9372
- margin: 0;
9373
- }
9374
-
9375
- .premium-woocommerce .premium-woo-products-details-wrap {
9376
- padding: 1em 1.2em;
9377
- }
9378
-
9379
- .premium-woocommerce .premium-woo-products-details-wrap .button {
9380
- display: inline-block;
9381
- background-color: #6ec1e4;
9382
- color: #fff;
9383
- margin: 0.5em 0;
9384
- line-height: 1.3;
9385
- padding: 10px 40px;
9386
- font-size: 100%;
9387
- cursor: pointer;
9388
- text-decoration: none;
9389
- overflow: visible;
9390
- font-weight: 700;
9391
- background-image: none;
9392
- border: none;
9393
- -webkit-border-radius: 0px;
9394
- border-radius: 0px;
9395
- -webkit-box-shadow: none;
9396
- box-shadow: none;
9397
- text-shadow: none;
9398
- -webkit-transition: all 0.3s ease-in-out;
9399
- transition: all 0.3s ease-in-out;
9400
- }
9401
-
9402
- .premium-woocommerce li.product .price {
9403
- display: block;
9404
- line-height: 1.3;
9405
- font-weight: 700;
9406
- margin-bottom: 0.5em;
9407
- font-size: 0.9em;
9408
- }
9409
-
9410
- .premium-woocommerce li.product .price del {
9411
- display: inline-block;
9412
- font-weight: 400;
9413
- background: transparent;
9414
- opacity: 1;
9415
- }
9416
-
9417
- .premium-woocommerce li.product .price ins {
9418
- display: inline-block;
9419
- background: transparent;
9420
- text-decoration: none;
9421
- font-weight: inherit;
9422
- }
9423
-
9424
- .premium-woocommerce li.product .price .amount {
9425
- color: inherit !important;
9426
- }
9427
-
9428
- .premium-woocommerce li.product .premium-woo-product-desc p {
9429
- margin: 0;
9430
- }
9431
-
9432
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
9433
- margin-right: auto;
9434
- margin-left: 0;
9435
- }
9436
-
9437
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
9438
- margin-right: auto;
9439
- margin-left: auto;
9440
- }
9441
-
9442
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
9443
- margin-right: 0;
9444
- margin-left: auto;
9445
- }
9446
-
9447
- .premium-woo-products-pagination ul.page-numbers {
9448
- -js-display: flex;
9449
- display: -webkit-box;
9450
- display: -webkit-flex;
9451
- display: -moz-box;
9452
- display: -ms-flexbox;
9453
- display: flex;
9454
- list-style-type: none;
9455
- margin: 0;
9456
- margin-top: 10px;
9457
- padding: 0;
9458
- border: none;
9459
- -webkit-box-pack: center;
9460
- -webkit-justify-content: center;
9461
- -moz-box-pack: center;
9462
- -ms-flex-pack: center;
9463
- justify-content: center;
9464
- }
9465
-
9466
- .premium-woo-products-pagination ul.page-numbers li {
9467
- margin: 0 0 0.4em 0.4em;
9468
- padding: 0;
9469
- text-align: center;
9470
- }
9471
-
9472
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
9473
- margin: 0;
9474
- text-decoration: none;
9475
- color: #000;
9476
- border: 1px solid #54595f;
9477
- padding: 0;
9478
- line-height: 1;
9479
- font-size: 1em;
9480
- font-weight: 400;
9481
- padding: 0.75em;
9482
- display: block;
9483
- min-width: 2.5em;
9484
- -webkit-transition: all 0.3s ease-in-out;
9485
- transition: all 0.3s ease-in-out;
9486
- }
9487
-
9488
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
9489
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
9490
- background-color: #54595f;
9491
- color: #fff;
9492
- outline: none;
9493
- }
9494
-
9495
- .premium-woocommerce .premium-loading-feed,
9496
- .premium-woo-quick-view-loader .premium-loading-feed {
9497
- display: block;
9498
- position: absolute;
9499
- width: 100%;
9500
- height: 100%;
9501
- top: 0px;
9502
- right: 0px;
9503
- bottom: 0px;
9504
- left: 0px;
9505
- background: rgba(255, 255, 255, 0.2);
9506
- -js-display: flex;
9507
- display: -webkit-box;
9508
- display: -webkit-flex;
9509
- display: -moz-box;
9510
- display: -ms-flexbox;
9511
- display: flex;
9512
- -webkit-box-align: center;
9513
- -webkit-align-items: center;
9514
- -moz-box-align: center;
9515
- -ms-flex-align: center;
9516
- align-items: center;
9517
- }
9518
-
9519
- /**
9520
- * Image Hover Effects
9521
- */
9522
- .premium-woocommerce .woocommerce-loop-product__link img {
9523
- -webkit-transition: all 0.3s ease-in-out;
9524
- transition: all 0.3s ease-in-out;
9525
- }
9526
-
9527
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
9528
- -webkit-transform: scale(1.2);
9529
- -ms-transform: scale(1.2);
9530
- transform: scale(1.2);
9531
- }
9532
-
9533
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
9534
- -webkit-transform: none;
9535
- -ms-transform: none;
9536
- transform: none;
9537
- }
9538
-
9539
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
9540
- -webkit-transform: none;
9541
- -ms-transform: none;
9542
- transform: none;
9543
- }
9544
-
9545
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
9546
- -webkit-transform: scale(1.2);
9547
- -ms-transform: scale(1.2);
9548
- transform: scale(1.2);
9549
- }
9550
-
9551
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
9552
- -webkit-filter: grayscale(100%);
9553
- filter: grayscale(100%);
9554
- }
9555
-
9556
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
9557
- -webkit-filter: grayscale(0%);
9558
- filter: grayscale(0%);
9559
- }
9560
-
9561
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
9562
- -webkit-filter: sepia(30%);
9563
- filter: sepia(30%);
9564
- }
9565
-
9566
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
9567
- -webkit-filter: sepia(0%);
9568
- filter: sepia(0%);
9569
- }
9570
-
9571
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
9572
- -webkit-filter: brightness(1);
9573
- filter: brightness(1);
9574
- }
9575
-
9576
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
9577
- -webkit-filter: brightness(1.2);
9578
- filter: brightness(1.2);
9579
- }
9580
-
9581
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
9582
- -webkit-transform: translateX(15px) scale(1.1);
9583
- -ms-transform: translateX(15px) scale(1.1);
9584
- transform: translateX(15px) scale(1.1);
9585
- }
9586
-
9587
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
9588
- -webkit-transform: translateX(0px) scale(1.1);
9589
- -ms-transform: translateX(0px) scale(1.1);
9590
- transform: translateX(0px) scale(1.1);
9591
- }
9592
-
9593
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
9594
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9595
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9596
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
9597
- }
9598
-
9599
- .premium-woocommerce .premium-woo-product__on_hover {
9600
- position: absolute;
9601
- top: 0;
9602
- left: 0;
9603
- bottom: 0;
9604
- right: 0;
9605
- height: 100%;
9606
- opacity: 0;
9607
- }
9608
-
9609
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
9610
- opacity: 1;
9611
- }
9612
-
9613
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
9614
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
9615
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9616
- position: absolute;
9617
- bottom: 0;
9618
- right: 0;
9619
- width: 100%;
9620
- text-align: center;
9621
- padding: 5px;
9622
- background: rgba(2, 2, 2, 0.5);
9623
- color: #fff;
9624
- -webkit-transition: all 0.3s ease-in-out;
9625
- transition: all 0.3s ease-in-out;
9626
- z-index: 2;
9627
- -webkit-transform: translateY(100%);
9628
- -ms-transform: translateY(100%);
9629
- transform: translateY(100%);
9630
- }
9631
-
9632
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
9633
- -webkit-transition-delay: 0.1s;
9634
- transition-delay: 0.1s;
9635
- }
9636
-
9637
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
9638
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
9639
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
9640
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
9641
- margin-right: 0.5em;
9642
- }
9643
-
9644
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
9645
- -webkit-transform: translateY(0);
9646
- -ms-transform: translateY(0);
9647
- transform: translateY(0);
9648
- }
9649
-
9650
- .premium-woo-product-wrapper .premium-woo-qv-data {
9651
- position: absolute;
9652
- top: 0;
9653
- right: 0;
9654
- width: 100%;
9655
- height: 100%;
9656
- z-index: 1;
9657
- overflow: hidden;
9658
- cursor: pointer;
9659
- }
9660
-
9661
- /**
9662
- * Skin 1,4
9663
- */
9664
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
9665
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
9666
- position: absolute;
9667
- top: 0.7em;
9668
- left: 1em;
9669
- -webkit-transform: translate3d(-15px, 0, 0);
9670
- transform: translate3d(-15px, 0, 0);
9671
- -webkit-transition: all 0.3s ease-in-out;
9672
- transition: all 0.3s ease-in-out;
9673
- opacity: 0;
9674
- z-index: 9;
9675
- }
9676
-
9677
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
9678
- position: relative;
9679
- display: block;
9680
- margin: 0 0 3px;
9681
- background: #fff;
9682
- text-align: center;
9683
- outline: 0;
9684
- -webkit-transition: all 0.3s ease-in-out;
9685
- transition: all 0.3s ease-in-out;
9686
- }
9687
-
9688
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
9689
- display: block;
9690
- color: #54595f;
9691
- width: 30px;
9692
- line-height: 30px;
9693
- height: 30px;
9694
- cursor: pointer;
9695
- -webkit-transition: all 0.3s ease-in-out;
9696
- transition: all 0.3s ease-in-out;
9697
- }
9698
-
9699
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
9700
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
9701
- -webkit-transform: translate3d(-5px, 0, 0);
9702
- transform: translate3d(-5px, 0, 0);
9703
- opacity: 1;
9704
- }
9705
-
9706
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
9707
- -webkit-animation: spin 2s linear infinite;
9708
- animation: spin 2s linear infinite;
9709
- }
9710
-
9711
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
9712
- content: "\f013";
9713
- }
9714
-
9715
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
9716
- content: "\f00c";
9717
- }
9718
-
9719
- /**
9720
- * Skin 2
9721
- */
9722
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
9723
- position: absolute;
9724
- background: #fff;
9725
- bottom: 0;
9726
- right: 0;
9727
- width: 100%;
9728
- z-index: 2;
9729
- padding: 0;
9730
- opacity: 0;
9731
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
9732
- transition: opacity 0.2s, -webkit-transform 0.4s;
9733
- transition: transform 0.4s, opacity 0.2s;
9734
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
9735
- -webkit-transform: translateZ(0) translateY(5px);
9736
- transform: translateZ(0) translateY(5px);
9737
- }
9738
-
9739
- .premium-woo-skin-grid-2 .premium-woo-product-details {
9740
- padding: 15px 0;
9741
- }
9742
-
9743
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
9744
- opacity: 1;
9745
- -webkit-transform: translateZ(0) translateY(0);
9746
- transform: translateZ(0) translateY(0);
9747
- }
9748
-
9749
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
9750
- position: static;
9751
- -js-display: flex;
9752
- display: -webkit-box;
9753
- display: -webkit-flex;
9754
- display: -moz-box;
9755
- display: -ms-flexbox;
9756
- display: flex;
9757
- -webkit-box-orient: horizontal;
9758
- -webkit-box-direction: reverse;
9759
- -webkit-flex-direction: row-reverse;
9760
- -moz-box-orient: horizontal;
9761
- -moz-box-direction: reverse;
9762
- -ms-flex-direction: row-reverse;
9763
- flex-direction: row-reverse;
9764
- }
9765
-
9766
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
9767
- -webkit-box-flex: 1;
9768
- -webkit-flex: 1;
9769
- -moz-box-flex: 1;
9770
- -ms-flex: 1;
9771
- flex: 1;
9772
- min-width: 50%;
9773
- }
9774
-
9775
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
9776
- -js-display: flex;
9777
- display: -webkit-box;
9778
- display: -webkit-flex;
9779
- display: -moz-box;
9780
- display: -ms-flexbox;
9781
- display: flex;
9782
- margin: 0;
9783
- text-align: center;
9784
- -webkit-box-pack: center;
9785
- -webkit-justify-content: center;
9786
- -moz-box-pack: center;
9787
- -ms-flex-pack: center;
9788
- justify-content: center;
9789
- -webkit-box-align: center;
9790
- -webkit-align-items: center;
9791
- -moz-box-align: center;
9792
- -ms-flex-align: center;
9793
- align-items: center;
9794
- }
9795
-
9796
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9797
- background-color: #54595f;
9798
- }
9799
-
9800
- /**
9801
- * Skin 4
9802
- */
9803
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
9804
- position: absolute;
9805
- right: 0;
9806
- left: 0;
9807
- top: 50%;
9808
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
9809
- transform: scale(0.9) translateZ(0) translateY(-50%);
9810
- text-align: center;
9811
- z-index: 2;
9812
- opacity: 0;
9813
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
9814
- transition: opacity 0.5s, -webkit-transform 0.3s;
9815
- transition: opacity 0.5s, transform 0.3s;
9816
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
9817
- }
9818
-
9819
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
9820
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
9821
- position: absolute;
9822
- top: 0;
9823
- right: 0;
9824
- width: 100%;
9825
- height: 100%;
9826
- opacity: 0;
9827
- visibility: hidden;
9828
- background-color: rgba(27, 27, 23, 0.3);
9829
- -webkit-transition: all 0.25s ease-in-out;
9830
- transition: all 0.25s ease-in-out;
9831
- }
9832
-
9833
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
9834
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
9835
- opacity: 1;
9836
- visibility: visible;
9837
- z-index: 1;
9838
- }
9839
-
9840
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
9841
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
9842
- transform: scale(1) translateZ(0) translateY(-50%);
9843
- opacity: 1;
9844
- }
9845
-
9846
- /**
9847
- * Skin 5
9848
- */
9849
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
9850
- -js-display: flex;
9851
- display: -webkit-box;
9852
- display: -webkit-flex;
9853
- display: -moz-box;
9854
- display: -ms-flexbox;
9855
- display: flex;
9856
- }
9857
-
9858
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
9859
- -js-display: flex;
9860
- display: -webkit-box;
9861
- display: -webkit-flex;
9862
- display: -moz-box;
9863
- display: -ms-flexbox;
9864
- display: flex;
9865
- -webkit-box-align: center;
9866
- -webkit-align-items: center;
9867
- -moz-box-align: center;
9868
- -ms-flex-align: center;
9869
- align-items: center;
9870
- background-color: #54595f;
9871
- padding: 10px;
9872
- -webkit-transition: all 0.25s ease 0s;
9873
- transition: all 0.25s ease 0s;
9874
- }
9875
-
9876
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
9877
- width: 75%;
9878
- }
9879
-
9880
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
9881
- -js-display: flex;
9882
- display: -webkit-box;
9883
- display: -webkit-flex;
9884
- display: -moz-box;
9885
- display: -ms-flexbox;
9886
- display: flex;
9887
- -webkit-box-align: center;
9888
- -webkit-align-items: center;
9889
- -moz-box-align: center;
9890
- -ms-flex-align: center;
9891
- align-items: center;
9892
- }
9893
-
9894
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9895
- -webkit-box-pack: end;
9896
- -webkit-justify-content: flex-end;
9897
- -moz-box-pack: end;
9898
- -ms-flex-pack: end;
9899
- justify-content: flex-end;
9900
- }
9901
-
9902
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
9903
- -webkit-box-pack: center;
9904
- -webkit-justify-content: center;
9905
- -moz-box-pack: center;
9906
- -ms-flex-pack: center;
9907
- justify-content: center;
9908
- }
9909
-
9910
- /**
9911
- * Skin 6
9912
- */
9913
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
9914
- position: absolute;
9915
- top: 50%;
9916
- right: 50%;
9917
- min-width: 40%;
9918
- text-align: center;
9919
- padding: 5px;
9920
- background: rgba(2, 2, 2, 0.5);
9921
- color: #fff;
9922
- -webkit-transform: translate(50%, -50%);
9923
- -ms-transform: translate(50%, -50%);
9924
- transform: translate(50%, -50%);
9925
- opacity: 0;
9926
- visibility: hidden;
9927
- -webkit-transition: all 0.3s ease-in-out;
9928
- transition: all 0.3s ease-in-out;
9929
- cursor: pointer;
9930
- z-index: 2;
9931
- }
9932
-
9933
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
9934
- opacity: 1;
9935
- visibility: visible;
9936
- }
9937
-
9938
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9939
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9940
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
9941
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
9942
- margin: 0;
9943
- }
9944
-
9945
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
9946
- -js-display: flex;
9947
- display: -webkit-box;
9948
- display: -webkit-flex;
9949
- display: -moz-box;
9950
- display: -ms-flexbox;
9951
- display: flex;
9952
- -webkit-box-pack: justify;
9953
- -webkit-justify-content: space-between;
9954
- -moz-box-pack: justify;
9955
- -ms-flex-pack: justify;
9956
- justify-content: space-between;
9957
- }
9958
-
9959
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9960
- -webkit-box-orient: vertical;
9961
- -webkit-box-direction: normal;
9962
- -webkit-flex-direction: column;
9963
- -moz-box-orient: vertical;
9964
- -moz-box-direction: normal;
9965
- -ms-flex-direction: column;
9966
- flex-direction: column;
9967
- }
9968
-
9969
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9970
- -webkit-box-orient: horizontal;
9971
- -webkit-box-direction: reverse;
9972
- -webkit-flex-direction: row-reverse;
9973
- -moz-box-orient: horizontal;
9974
- -moz-box-direction: reverse;
9975
- -ms-flex-direction: row-reverse;
9976
- flex-direction: row-reverse;
9977
- }
9978
-
9979
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9980
- -js-display: flex;
9981
- display: -webkit-box;
9982
- display: -webkit-flex;
9983
- display: -moz-box;
9984
- display: -ms-flexbox;
9985
- display: flex;
9986
- position: absolute;
9987
- bottom: 10px;
9988
- width: 100%;
9989
- -webkit-box-pack: center;
9990
- -webkit-justify-content: center;
9991
- -moz-box-pack: center;
9992
- -ms-flex-pack: center;
9993
- justify-content: center;
9994
- }
9995
-
9996
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9997
- width: 20%;
9998
- margin: 0 0.2em;
9999
- border: 2px solid #aaa;
10000
- cursor: pointer;
10001
- }
10002
-
10003
- /**
10004
- * Metro
10005
- */
10006
- /*.premium-woo-grid-style1 ul.products li.product {
10007
- width: 25%;
10008
- }*/
10009
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
10010
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
10011
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
10012
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
10013
- height: 100%;
10014
- }
10015
-
10016
- .premium-woo-products-metro ul.products li.product {
10017
- margin-bottom: 0;
10018
- }
10019
-
10020
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
10021
- -o-object-fit: cover;
10022
- object-fit: cover;
10023
- }
10024
-
10025
- /*
10026
- * Carousel
10027
- */
10028
- .premium-carousel-hidden {
10029
- opacity: 0;
10030
- visibility: hidden;
10031
- }
10032
-
10033
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
10034
- -webkit-border-radius: 50%;
10035
- border-radius: 50%;
10036
- }
10037
-
10038
- .premium-woocommerce ul.slick-dots {
10039
- width: 100%;
10040
- }
10041
-
10042
- /*
10043
- * Quick View Html/body
10044
- */
10045
- html.premium-woo-qv-opened,
10046
- html.premium-woo-qv-opened body {
10047
- overflow: hidden;
10048
- }
10049
-
10050
- /**
10051
- * Quick View Modal
10052
- */
10053
- .premium-woo-quick-view-back {
10054
- position: fixed;
10055
- visibility: hidden;
10056
- overflow: hidden;
10057
- background: rgba(2, 2, 2, 0.5);
10058
- opacity: 0;
10059
- -webkit-transition: opacity 0.25s;
10060
- transition: opacity 0.25s;
10061
- z-index: 999;
10062
- }
10063
-
10064
- .premium-woo-quick-view-active {
10065
- top: 0;
10066
- right: 0;
10067
- width: 100%;
10068
- height: 100%;
10069
- opacity: 1;
10070
- visibility: visible;
10071
- }
10072
-
10073
- #premium-woo-quick-view-modal {
10074
- position: fixed;
10075
- visibility: hidden;
10076
- opacity: 0;
10077
- top: 0;
10078
- right: 0;
10079
- width: 100%;
10080
- height: 100%;
10081
- z-index: 1400;
10082
- text-align: center;
10083
- -webkit-transition: all 0.3s;
10084
- transition: all 0.3s;
10085
- overflow-x: hidden;
10086
- overflow-y: auto;
10087
- }
10088
-
10089
- #premium-woo-quick-view-modal.active {
10090
- visibility: visible;
10091
- opacity: 1;
10092
- }
10093
-
10094
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
10095
- -webkit-transform: translateY(0);
10096
- -ms-transform: translateY(0);
10097
- transform: translateY(0);
10098
- opacity: 1;
10099
- width: 100%;
10100
- }
10101
-
10102
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
10103
- position: absolute;
10104
- width: 100%;
10105
- height: 100%;
10106
- top: 0;
10107
- right: 0;
10108
- text-align: center;
10109
- padding: 30px;
10110
- -js-display: flex;
10111
- display: -webkit-box;
10112
- display: -webkit-flex;
10113
- display: -moz-box;
10114
- display: -ms-flexbox;
10115
- display: flex;
10116
- -webkit-box-align: center;
10117
- -webkit-align-items: center;
10118
- -moz-box-align: center;
10119
- -ms-flex-align: center;
10120
- align-items: center;
10121
- }
10122
-
10123
- #premium-woo-quick-view-modal .premium-woo-content-main {
10124
- position: relative;
10125
- pointer-events: none;
10126
- max-width: 100%;
10127
- text-align: right;
10128
- z-index: 1045;
10129
- -webkit-transform: translateY(-30px);
10130
- -ms-transform: translateY(-30px);
10131
- transform: translateY(-30px);
10132
- opacity: 0;
10133
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
10134
- transition: opacity 0.3s, -webkit-transform 0.5s;
10135
- transition: transform 0.5s, opacity 0.3s;
10136
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
10137
- margin: 0 auto;
10138
- }
10139
-
10140
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
10141
- position: relative;
10142
- display: table;
10143
- pointer-events: auto;
10144
- background-color: #fff;
10145
- max-width: 975px;
10146
- margin: 20px auto;
10147
- -webkit-transform: translateZ(0);
10148
- transform: translateZ(0);
10149
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10150
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10151
- overflow: hidden;
10152
- }
10153
-
10154
- #premium-woo-quick-view-modal .summary {
10155
- width: 50%;
10156
- margin: 0;
10157
- padding: 30px;
10158
- float: right;
10159
- -webkit-box-sizing: border-box;
10160
- -moz-box-sizing: border-box;
10161
- box-sizing: border-box;
10162
- }
10163
-
10164
- #premium-woo-quick-view-modal .summary .quantity {
10165
- min-width: auto;
10166
- }
10167
-
10168
- #premium-woo-quick-view-modal .summary .quantity input.qty {
10169
- width: 54px;
10170
- -webkit-appearance: button;
10171
- -moz-appearance: button;
10172
- appearance: button;
10173
- }
10174
-
10175
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
10176
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
10177
- display: unset;
10178
- }
10179
-
10180
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
10181
- margin: 0;
10182
- }
10183
-
10184
- #premium-woo-quick-view-close {
10185
- position: absolute;
10186
- font-size: 22px;
10187
- top: 10px;
10188
- left: 10px;
10189
- width: 22px;
10190
- height: 22px;
10191
- line-height: 22px;
10192
- opacity: 0.7;
10193
- text-align: center;
10194
- z-index: 2;
10195
- color: #000;
10196
- }
10197
-
10198
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
10199
- position: relative;
10200
- }
10201
-
10202
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
10203
- list-style: none;
10204
- }
10205
-
10206
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
10207
- margin: 0;
10208
- padding: 0;
10209
- width: 100%;
10210
- position: absolute;
10211
- bottom: 10px;
10212
- text-align: center;
10213
- direction: ltr;
10214
- }
10215
-
10216
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
10217
- margin: 0 6px;
10218
- display: inline-block;
10219
- vertical-align: middle;
10220
- }
10221
-
10222
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
10223
- width: 11px;
10224
- height: 11px;
10225
- display: block;
10226
- background: #666;
10227
- background: rgba(0, 0, 0, 0.5);
10228
- cursor: pointer;
10229
- text-indent: -9999px;
10230
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10231
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10232
- -webkit-border-radius: 20px;
10233
- border-radius: 20px;
10234
- }
10235
-
10236
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
10237
- background: rgba(0, 0, 0, 0.9);
10238
- cursor: default;
10239
- }
10240
-
10241
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
10242
- outline: none;
10243
- }
10244
-
10245
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
10246
- -o-object-fit: cover;
10247
- object-fit: cover;
10248
- width: 100%;
10249
- }
10250
-
10251
- #premium-woo-quick-view-content div.images {
10252
- width: 50%;
10253
- float: right;
10254
- opacity: 1 !important;
10255
- margin: 0;
10256
- }
10257
-
10258
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
10259
- margin: 0;
10260
- padding: 0;
10261
- list-style: none;
10262
- direction: ltr;
10263
- }
10264
-
10265
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
10266
- text-decoration: none;
10267
- display: block;
10268
- width: 14px;
10269
- height: 32px;
10270
- font-size: 32px;
10271
- line-height: 32px;
10272
- margin: -20px 0 0;
10273
- position: absolute;
10274
- top: 50%;
10275
- z-index: 10;
10276
- overflow: hidden;
10277
- cursor: pointer;
10278
- color: rgba(0, 0, 0, 0.8);
10279
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
10280
- -webkit-transition: all 0.3s ease-in-out;
10281
- transition: all 0.3s ease-in-out;
10282
- }
10283
-
10284
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
10285
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10286
- display: inline-block;
10287
- font-family: "Font Awesome 5 Free";
10288
- font-weight: 900;
10289
- text-rendering: auto;
10290
- -webkit-font-smoothing: antialiased;
10291
- -moz-osx-font-smoothing: grayscale;
10292
- }
10293
-
10294
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10295
- left: 10px;
10296
- }
10297
-
10298
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
10299
- right: 10px;
10300
- }
10301
-
10302
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
10303
- content: "\f104";
10304
- }
10305
-
10306
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
10307
- content: "\f105";
10308
- }
10309
-
10310
- .premium-woocommerce li.product .added_to_cart.wc-forward {
10311
- display: none;
10312
- }
10313
-
10314
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
10315
- -webkit-animation: spin 2s linear infinite;
10316
- animation: spin 2s linear infinite;
10317
- margin-right: 5px;
10318
- vertical-align: baseline;
10319
- }
10320
-
10321
- /*
10322
- * Load More Button
10323
- */
10324
- .premium-woo-load-more {
10325
- position: relative;
10326
- }
10327
-
10328
- .premium-woo-load-more .premium-woo-load-more-btn {
10329
- -webkit-box-shadow: none;
10330
- box-shadow: none;
10331
- text-shadow: none;
10332
- border: none;
10333
- outline: none;
10334
- -webkit-box-align: center;
10335
- -webkit-align-items: center;
10336
- -moz-box-align: center;
10337
- -ms-flex-align: center;
10338
- align-items: center;
10339
- vertical-align: bottom;
10340
- cursor: pointer;
10341
- line-height: 1;
10342
- font-style: normal;
10343
- font-weight: normal;
10344
- background-image: none;
10345
- color: #fff;
10346
- -webkit-transition: all 0.3s ease-in-out;
10347
- transition: all 0.3s ease-in-out;
10348
- padding: 10px 20px;
10349
- }
10350
-
10351
- .premium-woo-load-more-btn {
10352
- -js-display: inline-flex;
10353
- display: -webkit-inline-box;
10354
- display: -webkit-inline-flex;
10355
- display: -moz-inline-box;
10356
- display: -ms-inline-flexbox;
10357
- display: inline-flex;
10358
- -webkit-box-align: center;
10359
- -webkit-align-items: center;
10360
- -moz-box-align: center;
10361
- -ms-flex-align: center;
10362
- align-items: center;
10363
- }
10364
-
10365
- .premium-woo-load-more-btn span {
10366
- margin-right: 3px;
10367
- }
10368
-
10369
- .premium-woo-load-more-btn .premium-loader {
10370
- display: inline-block;
10371
- width: 20px;
10372
- height: 20px;
10373
- }
10374
-
10375
- @media (min-width: 545px) {
10376
- #premium-woo-quick-view-content div.summary {
10377
- content: "544";
10378
- overflow-y: auto;
10379
- }
10380
- }
10381
-
10382
- @media (max-width: 544px) {
10383
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
10384
- display: block;
10385
- }
10386
-
10387
- #premium-woo-quick-view-content div.images,
10388
- #premium-woo-quick-view-content div.summary {
10389
- width: 100%;
10390
- float: none;
10391
- }
10392
  }
10393
  /*
10394
  * Common Title/Dual Heading
1
  @charset "UTF-8";
2
  @font-face {
3
  font-family: "pa-elements";
4
+ src: url("../../editor/fonts/pa-elements.eot?vcwy2s");
5
+ src: url("../../editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
6
  font-weight: normal;
7
  font-style: normal;
8
  }
3834
  transform: rotateX(180deg);
3835
  }
3836
  }
3837
+ /**************** Premium Bullet List *****************/
3838
+ /******************************************************/
3839
+ .premium-bullet-list-box {
3840
+ -js-display: flex;
3841
+ display: -webkit-box;
3842
+ display: -webkit-flex;
3843
+ display: -moz-box;
3844
+ display: -ms-flexbox;
3845
+ display: flex;
3846
+ -webkit-flex-wrap: wrap;
3847
+ -ms-flex-wrap: wrap;
3848
+ flex-wrap: wrap;
3849
+ -webkit-box-orient: vertical;
3850
+ -webkit-box-direction: normal;
3851
+ -webkit-flex-direction: column;
3852
+ -moz-box-orient: vertical;
3853
+ -moz-box-direction: normal;
3854
+ -ms-flex-direction: column;
3855
+ flex-direction: column;
3856
+ }
3857
+
3858
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
3859
+ -webkit-transform-origin: right center;
3860
+ -ms-transform-origin: right center;
3861
+ transform-origin: right center;
3862
+ }
3863
+
3864
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
3865
+ -webkit-transform-origin: left center;
3866
+ -ms-transform-origin: left center;
3867
+ transform-origin: left center;
3868
+ }
3869
+
3870
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
3871
+ -webkit-transform-origin: center center;
3872
+ -ms-transform-origin: center center;
3873
+ transform-origin: center center;
3874
+ }
3875
+
3876
+ .premium-bullet-list-content {
3877
+ -js-display: flex;
3878
+ display: -webkit-box;
3879
+ display: -webkit-flex;
3880
+ display: -moz-box;
3881
+ display: -ms-flexbox;
3882
+ display: flex;
3883
+ -webkit-transition: all 0.3s ease-in-out;
3884
+ transition: all 0.3s ease-in-out;
3885
+ width: auto;
3886
+ position: relative;
3887
+ }
3888
+
3889
+ .premium-bullet-list-content .premium-bullet-list-text span,
3890
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3891
+ display: inline-block;
3892
+ -webkit-align-self: center;
3893
+ -ms-flex-item-align: center;
3894
+ align-self: center;
3895
+ -webkit-transition: all 0.3s ease-in-out;
3896
+ transition: all 0.3s ease-in-out;
3897
+ }
3898
+
3899
+ .premium-bullet-list-content .premium-bullet-list-text span {
3900
+ margin: 0 5px;
3901
+ -webkit-box-flex: 1;
3902
+ -webkit-flex: 1;
3903
+ -moz-box-flex: 1;
3904
+ -ms-flex: 1;
3905
+ flex: 1;
3906
+ }
3907
+
3908
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
3909
+ font-size: 18px;
3910
+ background-color: #eee;
3911
+ padding: 1px 5px;
3912
+ -webkit-border-radius: 2px;
3913
+ border-radius: 2px;
3914
+ }
3915
+
3916
+ .premium-bullet-list-content .premium-bullet-list-text span,
3917
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
3918
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3919
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
3920
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3921
+ -webkit-transition: all 0.3s ease-in-out;
3922
+ transition: all 0.3s ease-in-out;
3923
+ }
3924
+
3925
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
3926
+ position: relative;
3927
+ line-height: 0;
3928
+ }
3929
+
3930
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
3931
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
3932
+ width: 30px !important;
3933
+ height: 30px !important;
3934
+ position: relative;
3935
+ z-index: 500;
3936
+ }
3937
+
3938
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
3939
+ width: 1.25em;
3940
+ }
3941
+
3942
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
3943
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
3944
+ position: relative;
3945
+ z-index: 500;
3946
+ }
3947
+
3948
+ .premium-bullet-list-content .premium-bullet-list-link {
3949
+ position: absolute;
3950
+ top: 0;
3951
+ right: 0;
3952
+ width: 100%;
3953
+ height: 100%;
3954
+ z-index: 1000;
3955
+ }
3956
+
3957
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
3958
+ width: 100%;
3959
+ height: 100%;
3960
+ position: absolute;
3961
+ top: 0.5em;
3962
+ z-index: 100;
3963
+ -js-display: flex;
3964
+ display: -webkit-box;
3965
+ display: -webkit-flex;
3966
+ display: -moz-box;
3967
+ display: -ms-flexbox;
3968
+ display: flex;
3969
+ -webkit-box-pack: center;
3970
+ -webkit-justify-content: center;
3971
+ -moz-box-pack: center;
3972
+ -ms-flex-pack: center;
3973
+ justify-content: center;
3974
+ }
3975
+
3976
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
3977
+ content: "";
3978
+ border-left-width: 1px;
3979
+ border-left-style: solid;
3980
+ border-color: #333333;
3981
+ display: block;
3982
+ height: 100%;
3983
+ }
3984
+
3985
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
3986
+ -webkit-align-self: center;
3987
+ -ms-flex-item-align: center;
3988
+ align-self: center;
3989
+ z-index: 2;
3990
+ }
3991
+
3992
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
3993
+ margin: 0 3px;
3994
+ }
3995
+
3996
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
3997
+ margin: 0 0 0 3px;
3998
+ }
3999
+
4000
+ .premium-bullet-list-divider:not(:last-child) {
4001
+ width: 100%;
4002
+ -webkit-box-flex: 0;
4003
+ -webkit-flex: 0 0 100%;
4004
+ -moz-box-flex: 0;
4005
+ -ms-flex: 0 0 100%;
4006
+ flex: 0 0 100%;
4007
+ overflow: hidden;
4008
+ }
4009
+
4010
+ .premium-bullet-list-divider:not(:last-child):after {
4011
+ content: "";
4012
+ display: block;
4013
+ border-top-style: solid;
4014
+ border-top-width: 1px;
4015
+ }
4016
+
4017
+ .premium-bullet-list-divider-inline:not(:last-child) {
4018
+ float: left;
4019
+ display: inline-block;
4020
+ position: relative;
4021
+ height: 100%;
4022
+ overflow: hidden;
4023
+ -webkit-align-self: center;
4024
+ -ms-flex-item-align: center;
4025
+ align-self: center;
4026
+ margin: 0 3px;
4027
+ }
4028
+
4029
+ .premium-bullet-list-divider-inline:not(:last-child):after {
4030
+ content: "";
4031
+ display: block;
4032
+ border-right-width: 1px;
4033
+ height: 33px;
4034
+ border-right-style: solid;
4035
+ }
4036
+
4037
+ .premium-bullet-list-icon-text {
4038
+ line-height: 1.5;
4039
+ }
4040
+
4041
+ .premium-bullet-list-icon-text p,
4042
+ ul.premium-bullet-list-box,
4043
+ li.premium-bullet-list-content {
4044
+ margin: 0;
4045
+ }
4046
+
4047
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
4048
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
4049
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
4050
+ color: transparent !important;
4051
+ text-shadow: 0 0 3px #aaa;
4052
+ }
4053
+
4054
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
4055
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
4056
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
4057
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
4058
+ -webkit-filter: blur(3px);
4059
+ filter: blur(3px);
4060
+ }
4061
+
4062
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
4063
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
4064
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
4065
+ color: #aaa !important;
4066
+ text-shadow: 0 0px 0 transparent;
4067
+ }
4068
+
4069
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
4070
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
4071
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
4072
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
4073
+ -webkit-filter: none;
4074
+ filter: none;
4075
+ }
4076
+
4077
+ .premium-bullet-list-content .premium-bullet-list-badge {
4078
+ font-size: 11px;
4079
+ top: auto;
4080
+ min-width: -webkit-max-content;
4081
+ min-width: -moz-max-content;
4082
+ min-width: max-content;
4083
+ height: -webkit-fit-content;
4084
+ height: -moz-fit-content;
4085
+ height: fit-content;
4086
+ }
4087
+
4088
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
4089
+ font-size: 13px;
4090
+ }
4091
+
4092
+ .premium-bullet-list-gradient-effect[data-text] {
4093
+ display: inline-block;
4094
+ position: relative;
4095
+ text-decoration: none;
4096
+ }
4097
+
4098
+ .premium-bullet-list-gradient-effect[data-text]::before {
4099
+ content: attr(data-text);
4100
+ position: absolute;
4101
+ z-index: 1;
4102
+ overflow: hidden;
4103
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4104
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
4105
+ -webkit-background-clip: text;
4106
+ background-clip: text;
4107
+ -webkit-text-fill-color: transparent;
4108
+ -webkit-transition: all 0.4s ease;
4109
+ transition: all 0.4s ease;
4110
+ }
4111
+
4112
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
4113
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
4114
+ -webkit-animation: rtlgradient 1s forwards;
4115
+ animation: rtlgradient 1s forwards;
4116
+ }
4117
+
4118
+ @-webkit-keyframes rtlgradient {
4119
+ 0% {
4120
+ -webkit-clip-path: circle(0% at 150% 50%);
4121
+ clip-path: circle(0% at 150% 50%);
4122
+ }
4123
+
4124
+ 100% {
4125
+ -webkit-clip-path: circle(100% at 50% 50%);
4126
+ clip-path: circle(100% at 50% 50%);
4127
+ }
4128
+ }
4129
+
4130
+ @keyframes rtlgradient {
4131
+ 0% {
4132
+ -webkit-clip-path: circle(0% at 150% 50%);
4133
+ clip-path: circle(0% at 150% 50%);
4134
+ }
4135
+
4136
+ 100% {
4137
+ -webkit-clip-path: circle(100% at 50% 50%);
4138
+ clip-path: circle(100% at 50% 50%);
4139
+ }
4140
+ }
4141
+
4142
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
4143
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
4144
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4145
+ opacity: 0;
4146
+ }
4147
+
4148
+ .premium-bullet-list-content-grow-effect:hover {
4149
+ -webkit-transform: scale(1.07);
4150
+ -ms-transform: scale(1.07);
4151
+ transform: scale(1.07);
4152
+ }
4153
+
4154
+ @-webkit-keyframes spin {
4155
+ 100% {
4156
+ -webkit-transform: rotate(360deg);
4157
+ transform: rotate(360deg);
4158
+ }
4159
+ }
4160
+
4161
+ @keyframes spin {
4162
+ 100% {
4163
+ -webkit-transform: rotate(360deg);
4164
+ transform: rotate(360deg);
4165
+ }
4166
  }
4167
  /**************** Premium Image Button ***********/
4168
  /*************************************************/
4636
  transform: rotateX(360deg);
4637
  }
4638
  }
4639
+ /************ Premium Image Scroll ***************/
4640
+ /*************************************************/
4641
+ .premium-image-scroll-section,
4642
+ .premium-image-scroll-container {
4643
+ -webkit-transition: all 0.3s ease-in-out;
4644
+ transition: all 0.3s ease-in-out;
4645
+ }
4646
+
4647
+ .premium-image-scroll-section {
4648
+ position: relative;
4649
+ overflow: hidden;
4650
+ width: 100%;
4651
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
4652
+ }
4653
+
4654
+ .premium-image-scroll-container {
4655
+ width: 100%;
4656
+ }
4657
+
4658
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
4659
+ -webkit-mask-repeat: no-repeat;
4660
+ mask-repeat: no-repeat;
4661
+ -webkit-mask-position: center;
4662
+ mask-position: center;
4663
+ }
4664
+
4665
+ .premium-container-scroll {
4666
+ overflow: auto;
4667
+ }
4668
+
4669
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
4670
+ position: relative;
4671
+ width: 100%;
4672
+ height: 100%;
4673
+ }
4674
+
4675
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
4676
+ max-width: none;
4677
+ height: 100%;
4678
+ }
4679
+
4680
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
4681
+ width: 100%;
4682
+ max-width: 100%;
4683
+ height: auto;
4684
+ }
4685
+
4686
+ .premium-image-scroll-ver {
4687
+ position: relative;
4688
+ }
4689
+
4690
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4691
+ background: rgba(2, 2, 2, 0.3);
4692
+ }
4693
+
4694
+ .premium-image-scroll-container .premium-image-scroll-link,
4695
+ .premium-image-scroll-container .premium-image-scroll-overlay {
4696
+ position: absolute;
4697
+ top: 0;
4698
+ bottom: 0;
4699
+ right: 0;
4700
+ left: 0;
4701
+ z-index: 4;
4702
+ }
4703
+
4704
+ .premium-image-scroll-content {
4705
+ display: inline-block;
4706
+ position: absolute;
4707
+ height: auto;
4708
+ top: 50%;
4709
+ right: 50%;
4710
+ text-align: center;
4711
+ z-index: 5;
4712
+ -webkit-transform: translate(50%, -50%);
4713
+ -ms-transform: translate(50%, -50%);
4714
+ transform: translate(50%, -50%);
4715
+ }
4716
+
4717
+ .premium-container-scroll-instant .premium-image-scroll-image {
4718
+ -webkit-transition: all 0s ease-in-out !important;
4719
+ transition: all 0s ease-in-out !important;
4720
+ }
4721
+
4722
+ .premium-image-scroll-container img {
4723
+ -webkit-transition: -webkit-transform 3s ease-in-out;
4724
+ transition: -webkit-transform 3s ease-in-out;
4725
+ transition: transform 3s ease-in-out;
4726
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
4727
+ }
4728
+
4729
+ .premium-image-scroll-container .premium-image-scroll-overlay,
4730
+ .premium-image-scroll-container .premium-image-scroll-content {
4731
+ -webkit-transition: all 0.3s ease-in-out;
4732
+ transition: all 0.3s ease-in-out;
4733
+ opacity: 1;
4734
+ }
4735
+
4736
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
4737
+ opacity: 0;
4738
+ }
4739
+
4740
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
4741
+ opacity: 0;
4742
+ visibility: hidden;
4743
+ }
4744
+
4745
+ .premium-image-scroll-content .premium-image-scroll-icon {
4746
+ display: inline-block;
4747
+ font-family: "pa-elements" !important;
4748
+ speak: none;
4749
+ font-style: normal;
4750
+ font-weight: normal;
4751
+ font-variant: normal;
4752
+ text-transform: none;
4753
+ line-height: 1;
4754
+ -webkit-font-smoothing: antialiased;
4755
+ -moz-osx-font-smoothing: grayscale;
4756
+ -webkit-animation-duration: 0.5s;
4757
+ animation-duration: 0.5s;
4758
+ -webkit-animation-iteration-count: infinite;
4759
+ animation-iteration-count: infinite;
4760
+ -webkit-animation-direction: alternate;
4761
+ animation-direction: alternate;
4762
+ -webkit-animation-timing-function: ease-in-out;
4763
+ animation-timing-function: ease-in-out;
4764
+ }
4765
+
4766
+ .pa-horizontal-mouse-scroll:before {
4767
+ content: "\e901";
4768
+ }
4769
+
4770
+ .pa-vertical-mouse-scroll:before {
4771
+ content: "\e93c";
4772
+ }
4773
+
4774
+ .pa-horizontal-mouse-scroll {
4775
+ -webkit-animation-name: pa-scroll-horizontal;
4776
+ animation-name: pa-scroll-horizontal;
4777
+ }
4778
+
4779
+ .pa-vertical-mouse-scroll {
4780
+ -webkit-animation-name: pa-scroll-vertical;
4781
+ animation-name: pa-scroll-vertical;
4782
+ }
4783
+
4784
+ @-webkit-keyframes pa-scroll-vertical {
4785
+ 0% {
4786
+ -webkit-transform: translateY(0px);
4787
+ transform: translateY(0px);
4788
+ }
4789
+
4790
+ 100% {
4791
+ -webkit-transform: translateY(5px);
4792
+ transform: translateY(5px);
4793
+ }
4794
+ }
4795
+
4796
+ @keyframes pa-scroll-vertical {
4797
+ 0% {
4798
+ -webkit-transform: translateY(0px);
4799
+ transform: translateY(0px);
4800
+ }
4801
+
4802
+ 100% {
4803
+ -webkit-transform: translateY(5px);
4804
+ transform: translateY(5px);
4805
+ }
4806
+ }
4807
+
4808
+ @-webkit-keyframes pa-scroll-horizontal {
4809
+ 0% {
4810
+ -webkit-transform: translateX(0px);
4811
+ transform: translateX(0px);
4812
+ }
4813
+
4814
+ 100% {
4815
+ -webkit-transform: translateX(-5px);
4816
+ transform: translateX(-5px);
4817
+ }
4818
+ }
4819
+
4820
+ @keyframes pa-scroll-horizontal {
4821
+ 0% {
4822
+ -webkit-transform: translateX(0px);
4823
+ transform: translateX(0px);
4824
+ }
4825
+
4826
+ 100% {
4827
+ -webkit-transform: translateX(-5px);
4828
+ transform: translateX(-5px);
4829
+ }
4830
  }
4831
+ /**************** Premium Image Separator ****************/
4832
+ /*********************************************************/
4833
+ /*Image Separator Container Style*/
4834
+ .premium-image-separator-container {
4835
+ position: absolute;
4836
+ width: 100%;
4837
+ z-index: 2;
4838
+ top: auto;
4839
  }
4840
 
4841
+ .premium-image-separator-container img {
4842
+ display: inline-block !important;
4843
+ -webkit-mask-repeat: no-repeat;
4844
+ mask-repeat: no-repeat;
4845
+ -webkit-mask-position: center;
4846
+ mask-position: center;
4847
  }
4848
 
4849
+ /*Link on Image Style*/
4850
+ .premium-image-separator-link {
4851
+ position: absolute;
4852
+ z-index: 9999;
4853
+ top: 0;
4854
+ right: 0;
4855
+ width: 100%;
4856
+ height: 100%;
4857
+ text-decoration: none;
4858
  }
4859
 
4860
+ /*Important to override Theme options*/
4861
+ a.premium-image-separator-link:hover,
4862
+ a.premium-image-separator-link:visited,
4863
+ a.premium-image-separator-link:focus,
4864
+ a.premium-image-separator-link:active {
4865
+ -webkit-box-shadow: none !important;
4866
+ box-shadow: none !important;
4867
+ outline: none !important;
4868
+ border: none !important;
4869
+ text-decoration: none !important;
4870
  }
4871
 
4872
+ .premium-image-separator-container .img-responsive {
4873
+ display: inline-block;
4874
  }
4875
 
4876
+ .premium-image-separator-container i,
4877
+ .premium-image-separator-container>svg {
4878
+ padding: 20px;
4879
+ -webkit-transition: all 0.3s ease-in-out;
4880
+ transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4881
  }
4882
  /******** Premium Media Grid ********/
4883
  /************************************/
4943
  right: 0;
4944
  width: 100%;
4945
  height: 100%;
4946
+ z-index: 2;
4947
  }
4948
 
4949
+ .pa-gallery-img.style2 .pa-gallery-whole-link,
4950
+ .pa-gallery-img.style3 .pa-gallery-whole-link {
4951
  z-index: 99;
4952
  }
4953
 
5131
  -webkit-transform: translateY(-50%);
5132
  -ms-transform: translateY(-50%);
5133
  transform: translateY(-50%);
5134
+ z-index: 3;
5135
  }
5136
 
5137
  .pa-gallery-img.style1 .premium-gallery-caption {
5686
  .premium-nav-widget-container ul {
5687
  list-style: none;
5688
  margin: 0;
5689
+ padding: 0;
5690
  }
5691
 
5692
  .premium-nav-widget-container .premium-main-nav-menu {
5700
  }
5701
 
5702
  /*Vertical Main Menu**/
5703
+ .premium-nav-ver .premium-ver-inner-container {
5704
  width: 45%;
5705
+ position: relative;
5706
+ }
5707
+
5708
+ .premium-nav-ver .premium-nav-menu-container,
5709
+ .premium-nav-ver .premium-ver-toggler {
5710
+ width: 100%;
5711
+ }
5712
+
5713
+ .premium-nav-ver .premium-nav-menu-container {
5714
+ background-color: #fff;
5715
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5716
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
5717
  }
5718
 
5719
  .premium-nav-ver .premium-main-nav-menu {
5732
  align-items: flex-start;
5733
  }
5734
 
5735
+ .premium-nav-ver:not(.premium-hamburger-menu)
5736
+ .premium-nav-menu-item.menu-item-has-children
5737
+ .premium-sub-menu {
5738
  visibility: hidden;
5739
  opacity: 0;
5740
  position: absolute;
5741
  min-width: 250px;
5742
  }
5743
 
5744
+ .premium-nav-ver:not(.premium-hamburger-menu)
5745
+ .premium-nav-menu-item.menu-item-has-children:hover
5746
+ > .premium-sub-menu,
5747
+ .premium-nav-ver:not(.premium-hamburger-menu)
5748
+ .premium-nav-menu-item.menu-item-has-children:hover
5749
+ .premium-mega-content-container {
5750
  opacity: 1;
5751
  visibility: visible;
5752
  pointer-events: auto;
5756
  width: 100%;
5757
  }
5758
 
5759
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
5760
+ .premium-mega-content-container,
5761
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
5762
+ .premium-nav-menu-item.menu-item-has-children
5763
+ .premium-sub-menu {
5764
  left: 100%;
5765
  top: 0;
5766
  }
5767
 
5768
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
5769
+ .premium-mega-content-container,
5770
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
5771
+ .premium-nav-menu-item.menu-item-has-children
5772
+ .premium-sub-menu {
5773
  right: 100%;
5774
  top: 0;
5775
  }
5789
  height: 60px;
5790
  }
5791
 
5792
+ .premium-nav-hor:not(.premium-hamburger-menu)
5793
+ .premium-nav-menu-item
5794
+ .premium-sub-menu {
5795
  visibility: hidden;
5796
  opacity: 0;
5797
  position: absolute;
5798
  min-width: 220px;
5799
  }
5800
 
5801
+ .premium-nav-hor:not(.premium-hamburger-menu)
5802
+ .premium-nav-menu-item
5803
+ > .premium-sub-menu,
5804
+ .premium-nav-hor:not(.premium-hamburger-menu)
5805
+ .premium-nav-menu-item
5806
+ .premium-mega-content-container {
5807
  top: 100%;
5808
  }
5809
 
5810
+ .premium-nav-hor:not(.premium-hamburger-menu)
5811
+ .premium-nav-menu-item
5812
+ > .premium-sub-menu
5813
+ .premium-sub-menu,
5814
+ .premium-nav-hor:not(.premium-hamburger-menu)
5815
+ .premium-nav-menu-item
5816
+ .premium-mega-content-container
5817
+ .premium-sub-menu {
5818
  right: 100%;
5819
  top: 0;
5820
  }
5821
 
5822
+ .premium-nav-hor:not(.premium-hamburger-menu)
5823
+ .premium-nav-menu-item:hover
5824
+ > .premium-sub-menu,
5825
+ .premium-nav-hor:not(.premium-hamburger-menu)
5826
+ .premium-nav-menu-item:hover
5827
+ .premium-mega-content-container {
5828
  visibility: visible;
5829
  opacity: 1;
5830
  pointer-events: auto;
5831
  }
5832
 
5833
+ .premium-nav-hor:not(.premium-hamburger-menu)
5834
+ .premium-nav-menu-item.premium-mega-item-static
5835
+ .premium-mega-content-container {
5836
  left: 50%;
5837
  -webkit-transform: translateX(-50%);
5838
  -ms-transform: translateX(-50%);
5839
  transform: translateX(-50%);
5840
  }
5841
 
5842
+ .premium-nav-hor:not(.premium-hamburger-menu)
5843
+ .premium-nav-menu-item:not(.premium-mega-item-static)
5844
+ .premium-mega-content-container {
5845
  left: 0;
5846
  }
5847
 
5913
  color: #494c4f;
5914
  }
5915
 
5916
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
5917
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
5918
  fill: #494c4f;
5919
  }
5920
 
5991
  top: 0;
5992
  left: 0;
5993
  overflow-x: hidden;
5994
+ z-index: 10002;
5995
  -webkit-transition: 0.5s;
5996
  transition: 0.5s;
5997
  padding-top: 50px;
5998
  }
5999
 
6000
+ .premium-ver-hamburger-menu
6001
+ .premium-mobile-menu-outer-container
6002
+ .premium-mobile-menu {
6003
  -js-display: flex;
6004
  display: -webkit-box;
6005
  display: -webkit-flex;
6008
  display: flex;
6009
  }
6010
 
6011
+ .premium-ver-hamburger-menu
6012
+ .premium-mobile-menu-outer-container
6013
+ .premium-mobile-menu-container {
6014
  margin-top: 50px;
6015
  }
6016
 
6017
+ .premium-ver-hamburger-menu
6018
+ .premium-mobile-menu-outer-container
6019
+ .premium-mobile-menu-container
6020
+ .premium-item-badge {
6021
  -webkit-transform: translateY(0);
6022
  -ms-transform: translateY(0);
6023
  transform: translateY(0);
6024
  }
6025
 
6026
+ .premium-ver-hamburger-menu
6027
+ .premium-mobile-menu-outer-container
6028
+ .premium-mobile-menu-close {
6029
  position: absolute;
6030
  top: 2%;
6031
  right: 5px;
6050
  align-items: center;
6051
  }
6052
 
6053
+ .premium-ver-hamburger-menu
6054
+ .premium-mobile-menu-outer-container
6055
+ .premium-mobile-menu-close
6056
+ .premium-toggle-close {
6057
  margin: 5px;
6058
  }
6059
 
6060
+ .premium-ver-hamburger-menu
6061
+ .premium-mobile-menu-outer-container
6062
+ .premium-mobile-menu-close
6063
+ svg {
6064
  width: 22px;
6065
  height: 22px;
6066
  fill: #494c4f;
6067
  }
6068
 
6069
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
6070
+ fill: #494c4f;
6071
+ }
6072
+
6073
+ .premium-ver-hamburger-menu
6074
+ .premium-mobile-menu-outer-container
6075
+ .premium-mobile-menu-close
6076
+ i {
6077
  font-size: 22px;
6078
  }
6079
 
6085
  transition: 0.5s;
6086
  }
6087
 
6088
+ /** Vertical Toggler*/
6089
+ .premium-ver-toggle-yes .premium-nav-menu-container {
6090
+ height: auto;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6091
  }
6092
 
6093
+ .premium-ver-toggle-yes .premium-ver-toggler {
 
 
 
6094
  -js-display: flex;
6095
  display: -webkit-box;
6096
  display: -webkit-flex;
6097
  display: -moz-box;
6098
  display: -ms-flexbox;
6099
  display: flex;
6100
+ -webkit-box-align: center;
6101
+ -webkit-align-items: center;
6102
+ -moz-box-align: center;
6103
+ -ms-flex-align: center;
6104
+ align-items: center;
6105
+ -webkit-box-pack: justify;
6106
+ -webkit-justify-content: space-between;
6107
+ -moz-box-pack: justify;
6108
+ -ms-flex-pack: justify;
6109
+ justify-content: space-between;
6110
+ padding: 15px 20px 15px 20px;
6111
+ background: #EEEEEE;
6112
+ color: #042551;
6113
+ cursor: pointer;
 
6114
  }
6115
 
6116
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
6117
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
6118
  -js-display: flex;
6119
  display: -webkit-box;
6120
  display: -webkit-flex;
6121
  display: -moz-box;
6122
  display: -ms-flexbox;
6123
  display: flex;
6124
+ -webkit-box-pack: center;
6125
+ -webkit-justify-content: center;
6126
+ -moz-box-pack: center;
6127
+ -ms-flex-pack: center;
6128
+ justify-content: center;
6129
  -webkit-box-align: center;
6130
  -webkit-align-items: center;
6131
  -moz-box-align: center;
6132
  -ms-flex-align: center;
6133
  align-items: center;
 
 
 
 
6134
  }
6135
 
6136
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
6137
+ text-indent: 5px;
6138
  }
6139
 
6140
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
6141
+ background: #54595F;
6142
+ color: #fff;
6143
  }
6144
 
6145
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
6146
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
6147
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
6148
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
6149
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
6150
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
6151
+ fill: #fff;
6152
  }
6153
 
6154
+ .premium-ver-toggle-yes .premium-ver-close,
6155
+ .premium-ver-toggle-yes .premium-ver-open,
6156
+ .premium-ver-toggle-yes .premium-nav-menu-container,
6157
+ .premium-ver-toggle-yes .premium-ver-toggler {
6158
+ -webkit-transition: all 0.3s linear 0s;
6159
+ transition: all 0.3s linear 0s;
6160
  }
6161
 
6162
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
6163
+ -webkit-transition: all .3s linear 0s;
6164
+ transition: all .3s linear 0s;
6165
  }
6166
 
6167
+ .premium-ver-toggle-yes .premium-ver-close i,
6168
+ .premium-ver-toggle-yes .premium-ver-close svg,
6169
+ .premium-ver-toggle-yes .premium-ver-open i,
6170
+ .premium-ver-toggle-yes .premium-ver-open svg,
6171
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
6172
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
6173
+ .premium-ver-toggle-yes .premium-ver-toggler i,
6174
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
6175
+ -webkit-transition: color 0.3s linear 0s;
6176
+ transition: color 0.3s linear 0s;
6177
+ }
6178
+
6179
+ .premium-ver-toggle-yes .premium-ver-close,
6180
+ .premium-ver-toggle-yes .premium-ver-open,
6181
+ .premium-ver-toggle-yes .premium-ver-title-icon {
6182
+ -webkit-box-pack: center;
6183
+ -webkit-justify-content: center;
6184
+ -moz-box-pack: center;
6185
+ -ms-flex-pack: center;
6186
+ justify-content: center;
6187
+ -webkit-box-align: center;
6188
+ -webkit-align-items: center;
6189
+ -moz-box-align: center;
6190
+ -ms-flex-align: center;
6191
+ align-items: center;
6192
+ }
6193
+
6194
+ .premium-ver-toggle-yes .premium-ver-close i,
6195
+ .premium-ver-toggle-yes .premium-ver-open i,
6196
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
6197
+ font-size: 16px;
6198
+ }
6199
+
6200
+ .premium-ver-toggle-yes .premium-ver-close svg,
6201
+ .premium-ver-toggle-yes .premium-ver-open svg,
6202
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
6203
+ width: 17px;
6204
+ height: 17px;
6205
+ fill: #042551;
6206
+ }
6207
+
6208
+ .premium-ver-toggle-yes .premium-ver-close svg path,
6209
+ .premium-ver-toggle-yes .premium-ver-open svg path,
6210
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
6211
+ fill: #042551;
6212
+ }
6213
+
6214
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
6215
+ -js-display: inline-flex;
6216
+ display: -webkit-inline-box;
6217
+ display: -webkit-inline-flex;
6218
+ display: -moz-inline-box;
6219
+ display: -ms-inline-flexbox;
6220
+ display: inline-flex;
6221
+ }
6222
+
6223
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
6224
+ visibility: hidden;
6225
+ opacity: 0;
6226
+ }
6227
+
6228
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
6229
+ display: none;
6230
+ }
6231
+
6232
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
6233
+ -js-display: inline-flex;
6234
+ display: -webkit-inline-box;
6235
+ display: -webkit-inline-flex;
6236
+ display: -moz-inline-box;
6237
+ display: -ms-inline-flexbox;
6238
+ display: inline-flex;
6239
+ }
6240
+
6241
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
6242
+ position: absolute;
6243
+ z-index: 10002;
6244
+ }
6245
+
6246
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
6247
+ position: absolute;
6248
+ z-index: 10001;
6249
+ }
6250
+
6251
+ .premium-ver-toggle-yes .premium-nav-menu-container,
6252
+ .premium-ver-toggle-yes.premium-ver-hover
6253
+ .premium-ver-inner-container:hover
6254
+ .premium-nav-menu-container {
6255
+ visibility: visible;
6256
+ opacity: 1;
6257
+ }
6258
+
6259
+ .premium-ver-toggle-yes .premium-ver-open,
6260
+ .premium-ver-toggle-yes.premium-ver-hover
6261
+ .premium-ver-inner-container:hover
6262
+ .premium-ver-open {
6263
+ display: none;
6264
+ }
6265
+
6266
+ .premium-ver-toggle-yes .premium-ver-close,
6267
+ .premium-ver-toggle-yes .premium-ver-title-icon,
6268
+ .premium-ver-toggle-yes.premium-ver-hover
6269
+ .premium-ver-inner-container:hover
6270
+ .premium-ver-close,
6271
+ .premium-ver-toggle-yes.premium-ver-hover
6272
+ .premium-ver-inner-container:hover
6273
+ .premium-ver-title-icon {
6274
+ -js-display: inline-flex;
6275
+ display: -webkit-inline-box;
6276
+ display: -webkit-inline-flex;
6277
+ display: -moz-inline-box;
6278
+ display: -ms-inline-flexbox;
6279
+ display: inline-flex;
6280
+ }
6281
+
6282
+ /** Sticky Menu */
6283
+ .premium-sticky-parent {
6284
+ position: fixed;
6285
+ z-index: 10003;
6286
+ -webkit-transition: all 0.3s linear;
6287
+ transition: all 0.3s linear;
6288
+ }
6289
+
6290
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
6291
+ will-change: transform;
6292
+ -webkit-transition: -webkit-transform 500ms linear !important;
6293
+ transition: -webkit-transform 500ms linear !important;
6294
+ transition: transform 500ms linear !important;
6295
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
6296
+ -webkit-transition-delay: 1s;
6297
+ transition-delay: 1s;
6298
+ }
6299
+
6300
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
6301
+ -webkit-transform: translateY(0%);
6302
+ -ms-transform: translateY(0%);
6303
+ transform: translateY(0%);
6304
+ }
6305
+
6306
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
6307
+ -webkit-transform: translateY(-100%);
6308
+ -ms-transform: translateY(-100%);
6309
+ transform: translateY(-100%);
6310
+ }
6311
+
6312
+ /**Common*/
6313
+ .premium-nav-slide-overlay {
6314
+ display: none;
6315
+ position: fixed;
6316
+ top: 0;
6317
+ left: 0;
6318
+ right: 0;
6319
+ bottom: 0;
6320
+ -webkit-backface-visibility: hidden;
6321
+ backface-visibility: hidden;
6322
+ background: rgba(0, 0, 0, 0.6);
6323
+ z-index: 10002;
6324
+ }
6325
+
6326
+ .premium-nav-slide-overlay.premium-vertical-toggle-open {
6327
+ display: block;
6328
+ }
6329
+
6330
+ .premium-active-menu,
6331
+ .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
6332
+ .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
6333
+ -js-display: flex !important;
6334
+ display: -webkit-box !important;
6335
+ display: -webkit-flex !important;
6336
+ display: -moz-box !important;
6337
+ display: -ms-flexbox !important;
6338
+ display: flex !important;
6339
+ -webkit-box-orient: vertical;
6340
+ -webkit-box-direction: normal;
6341
+ -webkit-flex-direction: column;
6342
+ -moz-box-orient: vertical;
6343
+ -moz-box-direction: normal;
6344
+ -ms-flex-direction: column;
6345
+ flex-direction: column;
6346
+ }
6347
+
6348
+ .premium-active-menu .premium-toggle-close {
6349
+ display: block;
6350
+ }
6351
+
6352
+ .premium-nav-menu-container .premium-sub-menu {
6353
+ background-color: #fff;
6354
+ }
6355
+
6356
+ .premium-mobile-menu-container li,
6357
+ .premium-mobile-menu-container li > .premium-mega-content-container {
6358
+ width: 100% !important;
6359
+ }
6360
+
6361
+ .premium-item-icon,
6362
+ .premium-sub-item-icon {
6363
+ font-size: 13px;
6364
+ margin: 0 7px;
6365
+ }
6366
+
6367
+ .premium-item-icon svg,
6368
+ .premium-sub-item-icon svg {
6369
+ width: 100%;
6370
+ height: 100%;
6371
+ }
6372
+
6373
+ .premium-item-icon.premium-lottie-animation,
6374
+ .premium-sub-item-icon.premium-lottie-animation {
6375
+ width: 20px;
6376
+ height: 20px;
6377
+ -js-display: flex;
6378
+ display: -webkit-box;
6379
+ display: -webkit-flex;
6380
+ display: -moz-box;
6381
+ display: -ms-flexbox;
6382
+ display: flex;
6383
+ -webkit-box-pack: center;
6384
+ -webkit-justify-content: center;
6385
+ -moz-box-pack: center;
6386
+ -ms-flex-pack: center;
6387
+ justify-content: center;
6388
+ }
6389
+
6390
+ .premium-item-icon.dashicons,
6391
+ .premium-sub-item-icon.dashicons {
6392
+ width: 13px;
6393
+ height: 13px;
6394
+ }
6395
+
6396
+ .premium-nav-menu-item {
6397
+ position: relative;
6398
+ }
6399
+
6400
+ .premium-nav-menu-item .premium-menu-link {
6401
+ -js-display: flex;
6402
+ display: -webkit-box;
6403
+ display: -webkit-flex;
6404
+ display: -moz-box;
6405
+ display: -ms-flexbox;
6406
+ display: flex;
6407
+ -webkit-box-align: center;
6408
+ -webkit-align-items: center;
6409
+ -moz-box-align: center;
6410
+ -ms-flex-align: center;
6411
+ align-items: center;
6412
+ height: 100%;
6413
+ padding: 7px 10px;
6414
+ text-decoration: none;
6415
+ position: relative;
6416
+ }
6417
+
6418
+ .premium-nav-menu-item .premium-dropdown-icon {
6419
+ margin: 5px;
6420
+ }
6421
+
6422
+ .premium-nav-menu-item.menu-item-has-children {
6423
+ position: relative;
6424
+ }
6425
+
6426
+ .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
6427
+ max-width: 100%;
6428
+ z-index: 9999;
6429
+ }
6430
+
6431
+ .premium-nav-menu-item.menu-item-has-children
6432
+ .premium-sub-menu
6433
+ .premium-sub-menu-link {
6434
+ -webkit-box-pack: start;
6435
+ -webkit-justify-content: flex-start;
6436
+ -moz-box-pack: start;
6437
+ -ms-flex-pack: start;
6438
+ justify-content: flex-start;
6439
+ }
6440
+
6441
+ .premium-nav-menu-item .menu-link {
6442
+ position: relative;
6443
+ text-decoration: none;
6444
+ }
6445
+
6446
+ .premium-item-badge,
6447
+ .premium-sub-item-badge {
6448
  position: absolute;
6449
  padding: 1px 6px;
6450
  min-width: 35px;
6614
  z-index: 2;
6615
  }
6616
 
6617
+ .premium-nav-menu-item:not(.premium-active-item)
6618
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6619
+ .premium-nav-menu-item:not(.premium-active-item)
6620
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
6621
  opacity: 0;
6622
  }
6623
 
6628
  transition-duration: 0s;
6629
  }
6630
 
6631
+ .premium-nav-pointer-underline.premium-nav-animation-none
6632
+ .premium-menu-link-parent,
6633
+ .premium-nav-pointer-underline.premium-nav-animation-none
6634
+ .premium-menu-link-parent::before,
6635
+ .premium-nav-pointer-underline.premium-nav-animation-none
6636
+ .premium-menu-link-parent::after,
6637
+ .premium-nav-pointer-underline.premium-nav-animation-none
6638
+ .premium-menu-link-parent:focus,
6639
+ .premium-nav-pointer-underline.premium-nav-animation-none
6640
+ .premium-menu-link-parent:hover,
6641
+ .premium-nav-pointer-overline.premium-nav-animation-none
6642
+ .premium-menu-link-parent,
6643
+ .premium-nav-pointer-overline.premium-nav-animation-none
6644
+ .premium-menu-link-parent::before,
6645
+ .premium-nav-pointer-overline.premium-nav-animation-none
6646
+ .premium-menu-link-parent::after,
6647
+ .premium-nav-pointer-overline.premium-nav-animation-none
6648
+ .premium-menu-link-parent:focus,
6649
+ .premium-nav-pointer-overline.premium-nav-animation-none
6650
+ .premium-menu-link-parent:hover,
6651
+ .premium-nav-pointer-double-line.premium-nav-animation-none
6652
+ .premium-menu-link-parent,
6653
+ .premium-nav-pointer-double-line.premium-nav-animation-none
6654
+ .premium-menu-link-parent::before,
6655
+ .premium-nav-pointer-double-line.premium-nav-animation-none
6656
+ .premium-menu-link-parent::after,
6657
+ .premium-nav-pointer-double-line.premium-nav-animation-none
6658
+ .premium-menu-link-parent:focus,
6659
+ .premium-nav-pointer-double-line.premium-nav-animation-none
6660
+ .premium-menu-link-parent:hover {
6661
  -webkit-transition-duration: 0s;
6662
  transition-duration: 0s;
6663
  }
6664
 
6665
+ .premium-nav-pointer-underline.premium-nav-animation-slide
6666
+ .premium-nav-menu-item:not(.premium-active-item)
6667
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6668
+ .premium-nav-pointer-double-line.premium-nav-animation-slide
6669
+ .premium-nav-menu-item:not(.premium-active-item)
6670
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
6671
  width: 10px;
6672
  inset-inline-start: 100%;
6673
  }
6674
 
6675
+ .premium-nav-pointer-overline.premium-nav-animation-slide
6676
+ .premium-nav-menu-item:not(.premium-active-item)
6677
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6678
+ .premium-nav-pointer-double-line.premium-nav-animation-slide
6679
+ .premium-nav-menu-item:not(.premium-active-item)
6680
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
6681
  width: 10px;
6682
  left: -20px;
6683
  }
6684
 
6685
+ .premium-nav-pointer-underline.premium-nav-animation-grow
6686
+ .premium-nav-menu-item:not(.premium-active-item)
6687
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6688
+ .premium-nav-pointer-underline.premium-nav-animation-grow
6689
+ .premium-nav-menu-item:not(.premium-active-item)
6690
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6691
+ .premium-nav-pointer-overline.premium-nav-animation-grow
6692
+ .premium-nav-menu-item:not(.premium-active-item)
6693
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6694
+ .premium-nav-pointer-overline.premium-nav-animation-grow
6695
+ .premium-nav-menu-item:not(.premium-active-item)
6696
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6697
+ .premium-nav-pointer-double-line.premium-nav-animation-grow
6698
+ .premium-nav-menu-item:not(.premium-active-item)
6699
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6700
+ .premium-nav-pointer-double-line.premium-nav-animation-grow
6701
+ .premium-nav-menu-item:not(.premium-active-item)
6702
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
6703
  height: 0;
6704
  width: 0;
6705
  left: 50%;
6706
  }
6707
 
6708
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in
6709
+ .premium-nav-menu-item:not(.premium-active-item)
6710
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6711
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in
6712
+ .premium-nav-menu-item:not(.premium-active-item)
6713
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6714
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in
6715
+ .premium-nav-menu-item:not(.premium-active-item)
6716
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
6717
  top: -10px;
6718
  }
6719
 
6720
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in
6721
+ .premium-nav-menu-item:not(.premium-active-item)
6722
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6723
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in
6724
+ .premium-nav-menu-item:not(.premium-active-item)
6725
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6726
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in
6727
+ .premium-nav-menu-item:not(.premium-active-item)
6728
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
6729
  bottom: -10px;
6730
  }
6731
 
6732
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out
6733
+ .premium-nav-menu-item:not(.premium-active-item)
6734
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6735
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out
6736
+ .premium-nav-menu-item:not(.premium-active-item)
6737
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
6738
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out
6739
+ .premium-nav-menu-item:not(.premium-active-item)
6740
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
6741
  top: 10px;
6742
  }
6743
 
6744
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out
6745
+ .premium-nav-menu-item:not(.premium-active-item)
6746
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6747
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out
6748
+ .premium-nav-menu-item:not(.premium-active-item)
6749
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
6750
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out
6751
+ .premium-nav-menu-item:not(.premium-active-item)
6752
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
6753
  bottom: 10px;
6754
  }
6755
 
6767
  border: 3px solid #55595c;
6768
  }
6769
 
6770
+ .premium-nav-pointer-framed.premium-nav-animation-grow
6771
+ .premium-nav-menu-item:not(.premium-active-item)
6772
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
6773
  -webkit-transform: scale(0.75);
6774
  -ms-transform: scale(0.75);
6775
  transform: scale(0.75);
6776
  }
6777
 
6778
+ .premium-nav-pointer-framed.premium-nav-animation-shrink
6779
+ .premium-nav-menu-item:not(.premium-active-item)
6780
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
6781
  -webkit-transform: scale(1.25);
6782
  -ms-transform: scale(1.25);
6783
  transform: scale(1.25);
6784
  }
6785
 
6786
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6787
+ .premium-menu-link-parent::before,
6788
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6789
+ .premium-menu-link-parent::after {
6790
  width: 3px;
6791
  height: 3px;
6792
  }
6793
 
6794
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6795
+ .premium-menu-link-parent::before {
6796
  border-width: 0 3px 3px 0;
6797
  -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6798
  transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
6799
  }
6800
 
6801
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6802
+ .premium-menu-link-parent::after {
6803
  content: "";
6804
  top: auto;
6805
  bottom: 0;
6810
  transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
6811
  }
6812
 
6813
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6814
+ .premium-menu-link-parent:hover::before,
6815
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6816
+ .premium-menu-link-parent:focus::before {
6817
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6818
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6819
  }
6820
 
6821
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6822
+ .premium-menu-link-parent:hover::after,
6823
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6824
+ .premium-menu-link-parent:focus::after {
6825
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6826
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6827
  }
6828
 
6829
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6830
+ .premium-menu-link-parent:hover::before,
6831
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6832
+ .premium-menu-link-parent:hover::after,
6833
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6834
+ .premium-menu-link-parent:focus::before,
6835
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6836
+ .premium-menu-link-parent:focus::after {
6837
  width: 100%;
6838
  height: 100%;
6839
  }
6840
 
6841
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6842
+ .premium-active-item
6843
+ .premium-menu-link-parent::before {
6844
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6845
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
6846
  }
6847
 
6848
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6849
+ .premium-active-item
6850
+ .premium-menu-link-parent::after {
6851
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6852
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
6853
  }
6854
 
6855
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6856
+ .premium-active-item
6857
+ .premium-menu-link-parent::before,
6858
+ .premium-nav-pointer-framed.premium-nav-animation-draw
6859
+ .premium-active-item
6860
+ .premium-menu-link-parent::after {
6861
  width: 100%;
6862
  height: 100%;
6863
  }
6864
 
6865
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6866
+ .premium-menu-link-parent::before {
6867
  border-width: 3px 3px 0 0;
6868
  }
6869
 
6870
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6871
+ .premium-menu-link-parent::after {
6872
  content: "";
6873
  top: auto;
6874
  bottom: 0;
6877
  border-width: 0 0 3px 3px;
6878
  }
6879
 
6880
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6881
+ .premium-menu-link-parent::before,
6882
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6883
+ .premium-menu-link-parent::after {
6884
  width: 3px;
6885
  height: 3px;
6886
  }
6887
 
6888
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6889
+ .premium-menu-link-parent:hover::before,
6890
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6891
+ .premium-menu-link-parent:hover::after,
6892
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6893
+ .premium-menu-link-parent:focus::before,
6894
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6895
+ .premium-menu-link-parent:focus::after {
6896
  width: 100%;
6897
  height: 100%;
6898
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6899
  transition: opacity 2ms, width 0.4s, height 0.4s;
6900
  }
6901
 
6902
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6903
+ .premium-active-item
6904
+ .premium-menu-link-parent::before,
6905
+ .premium-nav-pointer-framed.premium-nav-animation-corners
6906
+ .premium-active-item
6907
+ .premium-menu-link-parent::after {
6908
  width: 100%;
6909
  height: 100%;
6910
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
6911
  transition: opacity 2ms, width 0.4s, height 0.4s;
6912
  }
6913
 
6914
+ .premium-nav-pointer-text.premium-nav-animation-grow
6915
+ .premium-menu-link-parent:hover,
6916
+ .premium-nav-pointer-text.premium-nav-animation-grow
6917
+ .premium-menu-link-parent:focus {
6918
  -webkit-transform: scale(1.2);
6919
  -ms-transform: scale(1.2);
6920
  transform: scale(1.2);
6921
  }
6922
 
6923
+ .premium-nav-pointer-text.premium-nav-animation-shrink
6924
+ .premium-menu-link-parent:hover,
6925
+ .premium-nav-pointer-text.premium-nav-animation-shrink
6926
+ .premium-menu-link-parent:focus {
6927
  -webkit-transform: scale(0.8);
6928
  -ms-transform: scale(0.8);
6929
  transform: scale(0.8);
6930
  }
6931
 
6932
+ .premium-nav-pointer-text.premium-nav-animation-sink
6933
+ .premium-menu-link-parent:hover,
6934
+ .premium-nav-pointer-text.premium-nav-animation-sink
6935
+ .premium-menu-link-parent:focus {
6936
  -webkit-transform: translateY(8px);
6937
  -ms-transform: translateY(8px);
6938
  transform: translateY(8px);
6939
  }
6940
 
6941
+ .premium-nav-pointer-text.premium-nav-animation-float
6942
+ .premium-menu-link-parent:hover,
6943
+ .premium-nav-pointer-text.premium-nav-animation-float
6944
+ .premium-menu-link-parent:focus {
6945
  -webkit-transform: translateY(-8px);
6946
  -ms-transform: translateY(-8px);
6947
  transform: translateY(-8px);
6948
  }
6949
 
6950
+ .premium-nav-pointer-text.premium-nav-animation-skew
6951
+ .premium-menu-link-parent:hover,
6952
+ .premium-nav-pointer-text.premium-nav-animation-skew
6953
+ .premium-menu-link-parent:focus {
6954
  -webkit-transform: skew(-8deg);
6955
  -ms-transform: skew(-8deg);
6956
  transform: skew(-8deg);
6957
  }
6958
 
6959
+ .premium-nav-pointer-text.premium-nav-animation-rotate
6960
+ .premium-menu-link-parent:hover,
6961
+ .premium-nav-pointer-text.premium-nav-animation-rotate
6962
+ .premium-menu-link-parent:focus {
6963
  -webkit-transform: rotate(6deg);
6964
  -ms-transform: rotate(6deg);
6965
  transform: rotate(6deg);
6982
  transition: 0.3s;
6983
  }
6984
 
6985
+ .premium-nav-pointer-background.premium-nav-animation-grow
6986
+ .premium-menu-link-parent::before {
6987
  -webkit-transform: scale(0.5);
6988
  -ms-transform: scale(0.5);
6989
  transform: scale(0.5);
6990
  }
6991
 
6992
+ .premium-nav-pointer-background.premium-nav-animation-grow
6993
+ .premium-menu-link-parent:hover::before,
6994
+ .premium-nav-pointer-background.premium-nav-animation-grow
6995
+ .premium-menu-link-parent:focus::before {
6996
  -webkit-transform: scale(1);
6997
  -ms-transform: scale(1);
6998
  transform: scale(1);
6999
  }
7000
 
7001
+ .premium-nav-pointer-background.premium-nav-animation-grow
7002
+ .premium-active-item
7003
+ .premium-menu-link-parent::before {
7004
  -webkit-transform: scale(1);
7005
  -ms-transform: scale(1);
7006
  transform: scale(1);
7007
  }
7008
 
7009
+ .premium-nav-pointer-background.premium-nav-animation-shrink
7010
+ .premium-nav-menu-item:not(.premium-active-item)
7011
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7012
  -webkit-transform: scale(1.2);
7013
  -ms-transform: scale(1.2);
7014
  transform: scale(1.2);
7016
  transition: 0.3;
7017
  }
7018
 
7019
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left
7020
+ .premium-nav-menu-item:not(.premium-active-item)
7021
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7022
  left: 100%;
7023
  }
7024
 
7025
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right
7026
+ .premium-nav-menu-item:not(.premium-active-item)
7027
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7028
  right: 100%;
7029
  }
7030
 
7031
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up
7032
+ .premium-nav-menu-item:not(.premium-active-item)
7033
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7034
  top: 100%;
7035
  }
7036
 
7037
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down
7038
+ .premium-nav-menu-item:not(.premium-active-item)
7039
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7040
  bottom: 100%;
7041
  }
7042
 
7043
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7044
+ .premium-menu-link-parent::after,
7045
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7046
+ .premium-menu-link-parent::after {
7047
  top: 0;
7048
  left: 0;
7049
  right: 0;
7053
  z-index: -1;
7054
  }
7055
 
7056
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7057
+ .premium-menu-link-parent::before {
7058
  top: 0;
7059
  bottom: 100%;
7060
  }
7061
 
7062
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7063
+ .premium-menu-link-parent::after {
7064
  top: 100%;
7065
  bottom: 0;
7066
  }
7067
 
7068
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7069
+ .premium-menu-link-parent:hover::before,
7070
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7071
+ .premium-menu-link-parent:focus::before {
7072
  bottom: 50%;
7073
  }
7074
 
7075
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7076
+ .premium-menu-link-parent:hover::after,
7077
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7078
+ .premium-menu-link-parent:focus::after {
7079
  top: 50%;
7080
  }
7081
 
7082
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7083
+ .premium-active-item
7084
+ .premium-menu-link-parent::before {
7085
  bottom: 50%;
7086
  }
7087
 
7088
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
7089
+ .premium-active-item
7090
+ .premium-menu-link-parent::after {
7091
  top: 50%;
7092
  }
7093
 
7094
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical
7095
+ .premium-nav-menu-item:not(.premium-active-item)
7096
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7097
  bottom: 50%;
7098
  top: 50%;
7099
  }
7100
 
7101
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7102
+ .premium-menu-link-parent::before {
7103
  right: 0;
7104
  left: 100%;
7105
  }
7106
 
7107
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7108
+ .premium-menu-link-parent::after {
7109
  right: 100%;
7110
  left: 0;
7111
  }
7112
 
7113
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7114
+ .premium-menu-link-parent:hover::before,
7115
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7116
+ .premium-menu-link-parent:focus::before {
7117
  left: 50%;
7118
  }
7119
 
7120
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7121
+ .premium-menu-link-parent:hover::after,
7122
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7123
+ .premium-menu-link-parent:focus::after {
7124
  right: 50%;
7125
  }
7126
 
7127
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7128
+ .premium-active-item
7129
+ .premium-menu-link-parent::before {
7130
  left: 50%;
7131
  }
7132
 
7133
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
7134
+ .premium-active-item
7135
+ .premium-menu-link-parent::after {
7136
  right: 50%;
7137
  }
7138
 
7139
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal
7140
+ .premium-nav-menu-item:not(.premium-active-item)
7141
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
7142
  left: 50%;
7143
  right: 50%;
7144
  }
7163
  transition-delay: 0.1s;
7164
  }
7165
 
7166
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
7167
+ .premium-nav-menu-item:hover
7168
+ > .premium-sub-menu,
7169
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
7170
+ .premium-nav-menu-item:hover
7171
+ > .premium-mega-content-container,
7172
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
7173
+ .premium-sub-menu:hover
7174
+ > .premium-sub-menu,
7175
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
7176
+ .premium-nav-menu-item:hover
7177
+ > .premium-sub-menu,
7178
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
7179
+ .premium-nav-menu-item:hover
7180
+ > .premium-mega-content-container,
7181
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
7182
+ .premium-sub-menu:hover
7183
+ > .premium-sub-menu {
7184
  -webkit-transform: translate(0);
7185
  -ms-transform: translate(0);
7186
  transform: translate(0);
7187
  }
7188
 
7189
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
7190
+ .premium-sub-menu,
7191
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
7192
+ .premium-mega-content-container,
7193
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
7194
+ .premium-sub-menu,
7195
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
7196
+ .premium-mega-content-container {
7197
  -webkit-transform: translateY(10px);
7198
  -ms-transform: translateY(10px);
7199
  transform: translateY(10px);
7200
  }
7201
 
7202
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
7203
+ .premium-sub-menu,
7204
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
7205
+ .premium-mega-content-container,
7206
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
7207
+ .premium-sub-menu,
7208
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
7209
+ .premium-mega-content-container {
7210
  -webkit-transform: translateY(-10px);
7211
  -ms-transform: translateY(-10px);
7212
  transform: translateY(-10px);
7213
  }
7214
 
7215
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7216
+ .premium-sub-menu,
7217
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7218
+ .premium-mega-content-container,
7219
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
7220
+ .premium-sub-menu,
7221
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
7222
+ .premium-mega-content-container {
7223
  -webkit-transform: translateX(-10px);
7224
  -ms-transform: translateX(-10px);
7225
  transform: translateX(-10px);
7226
  }
7227
 
7228
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7229
+ .premium-sub-menu,
7230
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7231
+ .premium-mega-content-container,
7232
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
7233
+ .premium-sub-menu,
7234
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
7235
+ .premium-mega-content-container {
7236
  -webkit-transform: translateX(10px);
7237
  -ms-transform: translateX(10px);
7238
  transform: translateX(10px);
7240
 
7241
  /**Horizontal - Static Mega Content*/
7242
  /*UP*/
7243
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
7244
+ .premium-mega-item-static
7245
+ .premium-mega-content-container {
7246
  -webkit-transform: translateX(-50%) translateY(10px);
7247
  -ms-transform: translateX(-50%) translateY(10px);
7248
  transform: translateX(-50%) translateY(10px);
7249
  }
7250
 
7251
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
7252
+ .premium-mega-item-static:hover
7253
+ .premium-mega-content-container {
7254
  -webkit-transform: translateX(-50%) translateY(0);
7255
  -ms-transform: translateX(-50%) translateY(0);
7256
  transform: translateX(-50%) translateY(0);
7257
  }
7258
 
7259
  /*DOWN*/
7260
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
7261
+ .premium-mega-item-static
7262
+ .premium-mega-content-container {
7263
  -webkit-transform: translateX(-50%) translateY(-10px);
7264
  -ms-transform: translateX(-50%) translateY(-10px);
7265
  transform: translateX(-50%) translateY(-10px);
7266
  }
7267
 
7268
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
7269
+ .premium-mega-item-static:hover
7270
+ .premium-mega-content-container {
7271
  -webkit-transform: translateX(-50%) translateY(0);
7272
  -ms-transform: translateX(-50%) translateY(0);
7273
  transform: translateX(-50%) translateY(0);
7274
  }
7275
 
7276
  /*Left*/
7277
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7278
+ .premium-mega-item-static
7279
+ .premium-mega-content-container {
7280
  -webkit-transform: translateX(-45%);
7281
  -ms-transform: translateX(-45%);
7282
  transform: translateX(-45%);
7283
  }
7284
 
7285
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
7286
+ .premium-mega-item-static:hover
7287
+ .premium-mega-content-container {
7288
  -webkit-transform: translateX(-50%);
7289
  -ms-transform: translateX(-50%);
7290
  transform: translateX(-50%);
7291
  }
7292
 
7293
  /*Right*/
7294
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7295
+ .premium-mega-item-static
7296
+ .premium-mega-content-container {
7297
  -webkit-transform: translateX(-55%);
7298
  -ms-transform: translateX(-55%);
7299
  transform: translateX(-55%);
7300
  }
7301
 
7302
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
7303
+ .premium-mega-item-static:hover
7304
+ .premium-mega-content-container {
7305
  -webkit-transform: translateX(-50%);
7306
  -ms-transform: translateX(-50%);
7307
  transform: translateX(-50%);
7308
  }
7309
 
7310
  /**Vertical - Static Mega Content*/
7311
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
7312
+ .premium-mega-item-static:hover
7313
+ .premium-mega-content-container,
7314
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
7315
+ .premium-mega-item-static:hover
7316
+ .premium-mega-content-container {
7317
  -webkit-transform: translateY(0);
7318
  -ms-transform: translateY(0);
7319
  transform: translateY(0);
7320
  }
7321
 
7322
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
7323
+ .premium-mega-item-static:hover
7324
+ .premium-mega-content-container,
7325
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
7326
+ .premium-mega-item-static:hover
7327
+ .premium-mega-content-container {
7328
  -webkit-transform: translateX(0);
7329
  -ms-transform: translateX(0);
7330
  transform: translateX(0);
7331
  }
7332
+
7333
  /************ Premium Team Members ************/
7334
  /*********************************************/
7335
  .premium-person-container {
7828
  -ms-transform: translateX(0) rotate(90deg);
7829
  transform: translateX(0) rotate(90deg);
7830
  }
7831
+ /**************** Premium Pricing Table ****************/
7832
+ /*******************************************************/
7833
+ .premium-pricing-table-container {
7834
+ position: relative;
7835
+ text-align: center;
7836
+ display: inline-block;
7837
+ width: 100%;
7838
+ -webkit-transition: all 0.3s ease-in-out;
7839
+ transition: all 0.3s ease-in-out;
7840
+ }
7841
+
7842
+ .premium-pricing-icon-container {
7843
+ -js-display: flex;
7844
+ display: -webkit-box;
7845
+ display: -webkit-flex;
7846
+ display: -moz-box;
7847
+ display: -ms-flexbox;
7848
+ display: flex;
7849
+ -webkit-box-pack: center;
7850
+ -webkit-justify-content: center;
7851
+ -moz-box-pack: center;
7852
+ -ms-flex-pack: center;
7853
+ justify-content: center;
7854
+ line-height: 0;
7855
+ }
7856
+
7857
+ .premium-pricing-icon-container .premium-pricing-icon {
7858
+ display: inline-block;
7859
+ }
7860
+
7861
+ .premium-pricing-icon-container .premium-pricing-image {
7862
+ overflow: hidden;
7863
+ }
7864
+
7865
+ .premium-pricing-icon-container .premium-pricing-image img {
7866
+ width: 25px;
7867
+ height: 25px;
7868
+ -o-object-fit: cover;
7869
+ object-fit: cover;
7870
+ }
7871
+
7872
+ .premium-badge-left {
7873
+ position: absolute;
7874
+ top: 0;
7875
+ }
7876
+
7877
+ .premium-badge-right {
7878
+ position: absolute;
7879
+ top: 0;
7880
+ right: 0;
7881
+ }
7882
+
7883
+ .premium-badge-left {
7884
+ left: 0;
7885
+ }
7886
+
7887
+ .premium-badge-triangle.premium-badge-left .corner {
7888
+ width: 0;
7889
+ height: 0;
7890
+ border-top: 150px solid;
7891
+ border-bottom: 150px solid transparent;
7892
+ border-right: 150px solid transparent;
7893
+ }
7894
+
7895
+ .premium-badge-triangle.premium-badge-right .corner {
7896
+ width: 0;
7897
+ height: 0;
7898
+ border-bottom: 150px solid transparent;
7899
+ border-right: 150px solid;
7900
+ border-left: 150px solid transparent;
7901
+ }
7902
+
7903
+ .premium-badge-triangle span {
7904
+ position: absolute;
7905
+ top: 35px;
7906
+ width: 100px;
7907
+ text-align: center;
7908
+ -webkit-transform: rotate(-45deg);
7909
+ -ms-transform: rotate(-45deg);
7910
+ transform: rotate(-45deg);
7911
+ display: block;
7912
+ text-transform: uppercase;
7913
+ }
7914
+
7915
+ .premium-badge-triangle.premium-badge-right span {
7916
+ -webkit-transform: rotate(45deg);
7917
+ -ms-transform: rotate(45deg);
7918
+ transform: rotate(45deg);
7919
+ right: 0;
7920
+ }
7921
+
7922
+ .premium-badge-circle {
7923
+ min-width: 4em;
7924
+ min-height: 4em;
7925
+ line-height: 4em;
7926
+ text-align: center;
7927
+ -webkit-border-radius: 100%;
7928
+ border-radius: 100%;
7929
+ position: absolute;
7930
+ z-index: 1;
7931
+ }
7932
+
7933
+ .premium-badge-stripe {
7934
+ position: absolute;
7935
+ -webkit-transform: rotate(90deg);
7936
+ -ms-transform: rotate(90deg);
7937
+ transform: rotate(90deg);
7938
+ width: 15em;
7939
+ overflow: hidden;
7940
+ height: 15em;
7941
+ }
7942
+
7943
+ .premium-badge-stripe.premium-badge-left {
7944
+ -webkit-transform: rotate(0);
7945
+ -ms-transform: rotate(0);
7946
+ transform: rotate(0);
7947
+ }
7948
+
7949
+ .premium-badge-stripe .corner {
7950
+ text-align: center;
7951
+ left: 0;
7952
+ width: 150%;
7953
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7954
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7955
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
7956
+ margin-top: 35px;
7957
+ font-size: 13px;
7958
+ line-height: 2;
7959
+ font-weight: 800;
7960
+ text-transform: uppercase;
7961
+ }
7962
+
7963
+ .premium-badge-flag .corner {
7964
+ text-align: center;
7965
+ -webkit-border-radius: 4px 4px 0 4px;
7966
+ border-radius: 4px 4px 0 4px;
7967
+ padding: 3px 15px;
7968
+ position: absolute;
7969
+ top: 10%;
7970
+ right: -8px;
7971
+ }
7972
+
7973
+ .premium-badge-flag .corner::before,
7974
+ .premium-badge-flag .corner::after {
7975
+ content: "";
7976
+ display: block;
7977
+ position: absolute;
7978
+ width: 0;
7979
+ height: 0;
7980
+ top: 100%;
7981
+ right: 0;
7982
+ border-bottom: 8px solid transparent;
7983
+ }
7984
+
7985
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
7986
+ overflow: visible !important;
7987
+ }
7988
+
7989
+ .premium-badge-flag .corner::after {
7990
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
7991
+ }
7992
+
7993
+ .premium-pricing-price-currency {
7994
+ position: relative;
7995
+ }
7996
+
7997
+ .premium-pricing-button-container {
7998
+ display: block;
7999
+ }
8000
+
8001
+ .premium-pricing-list {
8002
+ -js-display: flex;
8003
+ display: -webkit-box;
8004
+ display: -webkit-flex;
8005
+ display: -moz-box;
8006
+ display: -ms-flexbox;
8007
+ display: flex;
8008
+ -webkit-box-orient: vertical;
8009
+ -webkit-box-direction: normal;
8010
+ -webkit-flex-direction: column;
8011
+ -moz-box-orient: vertical;
8012
+ -moz-box-direction: normal;
8013
+ -ms-flex-direction: column;
8014
+ flex-direction: column;
8015
+ list-style-type: none;
8016
+ margin: 0;
8017
+ }
8018
+
8019
+ .premium-pricing-list .premium-pricing-list-item {
8020
+ -js-display: flex;
8021
+ display: -webkit-box;
8022
+ display: -webkit-flex;
8023
+ display: -moz-box;
8024
+ display: -ms-flexbox;
8025
+ display: flex;
8026
+ -webkit-box-align: center;
8027
+ -webkit-align-items: center;
8028
+ -moz-box-align: center;
8029
+ -ms-flex-align: center;
8030
+ align-items: center;
8031
+ }
8032
+
8033
+ .premium-pricing-list .premium-pricing-list-item svg {
8034
+ width: 50px;
8035
+ height: 50px;
8036
+ }
8037
+
8038
+ .premium-pricing-list .premium-pricing-list-item img {
8039
+ width: 30px;
8040
+ height: 30px;
8041
+ -o-object-fit: cover;
8042
+ object-fit: cover;
8043
+ }
8044
+
8045
+ .premium-pricing-list .premium-pricing-list-span {
8046
+ position: relative;
8047
+ }
8048
+
8049
+ .premium-pricing-list .list-item-tooltip {
8050
+ border-bottom: 1px dotted;
8051
+ }
8052
+
8053
+ .premium-pricing-list .premium-pricing-list-tooltip {
8054
+ position: absolute;
8055
+ top: -webkit-calc(100% + 1px);
8056
+ top: calc(100% + 1px);
8057
+ right: 0;
8058
+ visibility: hidden;
8059
+ padding: 15px 20px;
8060
+ -webkit-border-radius: 5px;
8061
+ border-radius: 5px;
8062
+ min-width: 200px;
8063
+ overflow: hidden;
8064
+ text-align: right;
8065
+ font-size: 0.8rem;
8066
+ color: #fff;
8067
+ background-color: #aaa;
8068
+ }
8069
+
8070
+ .premium-pricing-features-left .premium-pricing-list-span {
8071
+ text-align: right;
8072
+ }
8073
+
8074
+ .premium-pricing-features-center .premium-pricing-list-span {
8075
+ text-align: center;
8076
+ }
8077
+
8078
+ .premium-pricing-features-right .premium-pricing-list-span {
8079
+ text-align: left;
8080
+ }
8081
+
8082
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
8083
+ z-index: 99;
8084
+ visibility: visible;
8085
+ opacity: 1;
8086
+ }
8087
+
8088
+ .premium-pricing-slashed-price-value {
8089
+ display: inline-block;
8090
+ font-size: 20px;
8091
+ font-weight: 400;
8092
+ margin-left: 5px;
8093
+ }
8094
+
8095
+ .premium-pricing-price-value {
8096
+ font-size: 70px;
8097
+ }
8098
+
8099
+ .premium-pricing-description-container li {
8100
+ list-style-position: inside;
8101
+ text-indent: -40px;
8102
+ }
8103
+
8104
+ @-moz-document url-prefix() {
8105
+ .premium-pricing-description-container li {
8106
+ text-indent: 0px;
8107
+ }
8108
+ }
8109
+
8110
+ .premium-pricing-price-button {
8111
+ display: block;
8112
+ padding: 6px 12px;
8113
+ line-height: 1.42857143;
8114
+ text-align: center;
8115
+ color: #fff;
8116
+ background: #6ec1e4;
8117
+ margin-bottom: 0;
8118
+ -webkit-transition: all 0.3s ease-in-out;
8119
+ transition: all 0.3s ease-in-out;
8120
+ }
8121
+ /**************** Premium Progress Bar ****************/
8122
+ /******************************************************/
8123
+ .premium-progressbar-container {
8124
+ position: relative;
8125
+ }
8126
+
8127
+ .premium-progressbar-bar-wrap {
8128
+ position: relative;
8129
+ text-align: right;
8130
+ overflow: hidden;
8131
+ height: 25px;
8132
+ margin-bottom: 50px;
8133
+ background-color: #f5f5f5;
8134
+ -webkit-border-radius: 4px;
8135
+ border-radius: 4px;
8136
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8137
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8138
+ }
8139
+
8140
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
8141
+ background-color: transparent;
8142
+ width: 100%;
8143
+ -js-display: flex;
8144
+ display: -webkit-box;
8145
+ display: -webkit-flex;
8146
+ display: -moz-box;
8147
+ display: -ms-flexbox;
8148
+ display: flex;
8149
+ height: auto;
8150
+ -webkit-box-shadow: none;
8151
+ box-shadow: none;
8152
+ }
8153
+
8154
+ .premium-progressbar-bar-wrap .progress-segment {
8155
+ position: relative;
8156
+ width: 25px;
8157
+ height: 25px;
8158
+ -webkit-border-radius: 50%;
8159
+ border-radius: 50%;
8160
+ overflow: hidden;
8161
+ background-color: #f5f5f5;
8162
+ }
8163
+
8164
+ .premium-progressbar-bar-wrap .progress-segment.filled {
8165
+ background: #6ec1e4;
8166
+ }
8167
+
8168
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
8169
+ margin: 0 4px;
8170
+ }
8171
+
8172
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
8173
+ margin-left: 4px;
8174
+ }
8175
+
8176
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
8177
+ margin-right: 4px;
8178
+ }
8179
+
8180
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
8181
+ position: absolute;
8182
+ top: 0;
8183
+ right: 0;
8184
+ height: 100%;
8185
+ background-color: #6ec1e4;
8186
+ }
8187
+
8188
+ .premium-progressbar-bar {
8189
+ float: right;
8190
+ width: 0%;
8191
+ height: 100%;
8192
+ font-size: 12px;
8193
+ line-height: 20px;
8194
+ background: #6ec1e4;
8195
+ text-align: center;
8196
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8197
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8198
+ }
8199
+
8200
+ .premium-progressbar-striped .premium-progressbar-bar {
8201
+ background-image: -webkit-linear-gradient(-135deg,
8202
+ rgba(255, 255, 255, 0.15) 25%,
8203
+ transparent 25%,
8204
+ transparent 50%,
8205
+ rgba(255, 255, 255, 0.15) 50%,
8206
+ rgba(255, 255, 255, 0.15) 75%,
8207
+ transparent 75%,
8208
+ transparent);
8209
+ background-image: -webkit-linear-gradient(45deg,
8210
+ rgba(255, 255, 255, 0.15) 25%,
8211
+ transparent 25%,
8212
+ transparent 50%,
8213
+ rgba(255, 255, 255, 0.15) 50%,
8214
+ rgba(255, 255, 255, 0.15) 75%,
8215
+ transparent 75%,
8216
+ transparent);
8217
+ background-image: linear-gradient(45deg,
8218
+ rgba(255, 255, 255, 0.15) 25%,
8219
+ transparent 25%,
8220
+ transparent 50%,
8221
+ rgba(255, 255, 255, 0.15) 50%,
8222
+ rgba(255, 255, 255, 0.15) 75%,
8223
+ transparent 75%,
8224
+ transparent);
8225
+ -webkit-background-size: 40px 40px;
8226
+ background-size: 40px 40px;
8227
+ }
8228
+
8229
+ .premium-progressbar-active .premium-progressbar-bar {
8230
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
8231
+ animation: progress-bar-stripes 2s linear infinite;
8232
+ }
8233
+
8234
+ .premium-progressbar-gradient .premium-progressbar-bar {
8235
+ -webkit-background-size: 400% 400% !important;
8236
+ background-size: 400% 400% !important;
8237
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
8238
+ animation: progress-bar-gradient 10s ease-in-out infinite;
8239
+ }
8240
+
8241
+ .premium-progressbar-bar {
8242
+ position: absolute;
8243
+ overflow: hidden;
8244
+ line-height: 20px;
8245
+ }
8246
+
8247
+ .premium-progressbar-container .clearfix {
8248
+ clear: both;
8249
+ }
8250
+
8251
+ .premium-progressbar-bar {
8252
+ -webkit-transition: width 0s ease-in-out !important;
8253
+ transition: width 0s ease-in-out !important;
8254
+ }
8255
+
8256
+ .premium-progressbar-container p:first-of-type {
8257
+ margin: 0;
8258
+ float: left;
8259
+ }
8260
+
8261
+ .premium-progressbar-container p:nth-of-type(2) {
8262
+ margin: 0;
8263
+ float: right;
8264
+ }
8265
+
8266
+ .premium-progressbar-name {
8267
+ right: 50%;
8268
+ top: 0;
8269
+ left: 0;
8270
+ -webkit-transform: translateX(12.5px);
8271
+ -ms-transform: translateX(12.5px);
8272
+ transform: translateX(12.5px);
8273
+ z-index: 1;
8274
+ }
8275
+
8276
+ .premium-progressbar-multiple-label {
8277
+ position: relative;
8278
+ float: right;
8279
+ width: 0;
8280
+ right: 50%;
8281
+ }
8282
+
8283
+ .premium-progressbar-center-label {
8284
+ position: relative;
8285
+ white-space: nowrap;
8286
+ }
8287
+
8288
+ .premium-progressbar-arrow {
8289
+ height: 15px;
8290
+ right: 50%;
8291
+ display: inline-block;
8292
+ border-right: 7px solid transparent;
8293
+ border-left: 7px solid transparent;
8294
+ border-top: 11px solid;
8295
+ -webkit-transform: translateX(50%);
8296
+ -ms-transform: translateX(50%);
8297
+ transform: translateX(50%);
8298
+ }
8299
+
8300
+ .premium-progressbar-pin {
8301
+ border-right: 1px solid;
8302
+ height: 12px;
8303
+ right: 50%;
8304
+ display: inline-block;
8305
+ }
8306
+
8307
+ /**
8308
+ * Circle Progress Bar
8309
+ */
8310
+ .premium-progressbar-circle-wrap,
8311
+ .premium-progressbar-hf-circle-wrap {
8312
+ width: 200px;
8313
+ height: 200px;
8314
+ position: relative;
8315
+ margin: 0 auto;
8316
+ }
8317
+
8318
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
8319
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
8320
+ position: absolute;
8321
+ top: 0;
8322
+ right: 0;
8323
+ width: 100%;
8324
+ height: 100%;
8325
+ -js-display: flex;
8326
+ display: -webkit-box;
8327
+ display: -webkit-flex;
8328
+ display: -moz-box;
8329
+ display: -ms-flexbox;
8330
+ display: flex;
8331
+ -webkit-box-orient: vertical;
8332
+ -webkit-box-direction: normal;
8333
+ -webkit-flex-direction: column;
8334
+ -moz-box-orient: vertical;
8335
+ -moz-box-direction: normal;
8336
+ -ms-flex-direction: column;
8337
+ flex-direction: column;
8338
+ -webkit-box-pack: center;
8339
+ -webkit-justify-content: center;
8340
+ -moz-box-pack: center;
8341
+ -ms-flex-pack: center;
8342
+ justify-content: center;
8343
+ -webkit-box-align: center;
8344
+ -webkit-align-items: center;
8345
+ -moz-box-align: center;
8346
+ -ms-flex-align: center;
8347
+ align-items: center;
8348
+ text-align: center;
8349
+ }
8350
+
8351
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
8352
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
8353
+ line-height: 1;
8354
+ }
8355
+
8356
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
8357
+ position: absolute;
8358
+ top: 0;
8359
+ right: 0;
8360
+ width: 100%;
8361
+ height: 100%;
8362
+ -webkit-clip-path: inset(0 0 0 50%);
8363
+ clip-path: inset(0 0 0 50%);
8364
+ }
8365
+
8366
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
8367
+ position: absolute;
8368
+ right: 0;
8369
+ top: 0;
8370
+ height: 100%;
8371
+ width: 100%;
8372
+ border-width: 6px;
8373
+ border-style: solid;
8374
+ border-color: #54595f;
8375
+ -webkit-border-radius: 50%;
8376
+ border-radius: 50%;
8377
+ -webkit-clip-path: inset(0 50% 0 0);
8378
+ clip-path: inset(0 50% 0 0);
8379
+ }
8380
+
8381
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
8382
+ -webkit-transform: rotate(0);
8383
+ -ms-transform: rotate(0);
8384
+ transform: rotate(0);
8385
+ }
8386
+
8387
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
8388
+ -webkit-transform: rotate(-180deg);
8389
+ -ms-transform: rotate(-180deg);
8390
+ transform: rotate(-180deg);
8391
+ visibility: hidden;
8392
+ }
8393
+
8394
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
8395
+ width: 100%;
8396
+ height: 100%;
8397
+ border: 6px solid #eee;
8398
+ -webkit-border-radius: 50%;
8399
+ border-radius: 50%;
8400
+ }
8401
+
8402
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
8403
+ line-height: 1;
8404
+ }
8405
+
8406
+ /**
8407
+ * Half Circle Progress Bar
8408
+ */
8409
+ .premium-progressbar-hf-container {
8410
+ position: relative;
8411
+ width: 200px;
8412
+ height: 200px;
8413
+ }
8414
+
8415
+ .premium-progressbar-hf-circle-wrap {
8416
+ overflow: hidden;
8417
+ }
8418
+
8419
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
8420
+ -webkit-box-ordinal-group: 2;
8421
+ -webkit-order: 1;
8422
+ -moz-box-ordinal-group: 2;
8423
+ -ms-flex-order: 1;
8424
+ order: 1;
8425
+ }
8426
+
8427
+ .premium-progressbar-hf-circle {
8428
+ position: absolute;
8429
+ top: 0;
8430
+ left: 0;
8431
+ width: 100%;
8432
+ height: 100%;
8433
+ -webkit-clip-path: inset(0 0 50% 0);
8434
+ clip-path: inset(0 0 50% 0);
8435
+ }
8436
+
8437
+ .premium-progressbar-hf-circle-progress {
8438
+ position: absolute;
8439
+ left: 0;
8440
+ top: 0;
8441
+ height: 100%;
8442
+ width: 100%;
8443
+ border: 12px solid #000;
8444
+ -webkit-border-radius: 50%;
8445
+ border-radius: 50%;
8446
+ -webkit-clip-path: inset(50% 0 0 0);
8447
+ clip-path: inset(50% 0 0 0);
8448
+ -webkit-transform: rotate(0deg);
8449
+ -ms-transform: rotate(0deg);
8450
+ transform: rotate(0deg);
8451
+ -webkit-transition: -webkit-transform 1500ms linear;
8452
+ transition: -webkit-transform 1500ms linear;
8453
+ transition: transform 1500ms linear;
8454
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear;
8455
+ }
8456
+
8457
+ .premium-progressbar-circle-inner {
8458
+ height: 100%;
8459
+ width: 100%;
8460
+ border: 12px solid #eee;
8461
+ -webkit-border-radius: 50%;
8462
+ border-radius: 50%;
8463
+ }
8464
+
8465
+ .premium-progressbar-hf-labels {
8466
+ margin: 0 auto;
8467
+ position: relative;
8468
+ font-size: 12px;
8469
+ font-weight: 400;
8470
+ -js-display: flex;
8471
+ display: -webkit-box;
8472
+ display: -webkit-flex;
8473
+ display: -moz-box;
8474
+ display: -ms-flexbox;
8475
+ display: flex;
8476
+ -webkit-box-pack: justify;
8477
+ -webkit-justify-content: space-between;
8478
+ -moz-box-pack: justify;
8479
+ -ms-flex-pack: justify;
8480
+ justify-content: space-between;
8481
+ }
8482
+
8483
+
8484
+ @-webkit-keyframes progress-bar-stripes {
8485
+ from {
8486
+ background-position: 100% 0;
8487
+ }
8488
+
8489
+ to {
8490
+ background-position: 40px 0;
8491
+ }
8492
+ }
8493
+
8494
+ @keyframes progress-bar-stripes {
8495
+ from {
8496
+ background-position: 100% 0;
8497
+ }
8498
+
8499
+ to {
8500
+ background-position: 40px 0;
8501
+ }
8502
+ }
8503
+
8504
+ @-webkit-keyframes progress-bar-gradient {
8505
+ 0% {
8506
+ background-position: 100% 50%;
8507
+ }
8508
+
8509
+ 50% {
8510
+ background-position: 0% 50%;
8511
+ }
8512
+
8513
+ 100% {
8514
+ background-position: 100% 50%;
8515
+ }
8516
+ }
8517
+
8518
+ @keyframes progress-bar-gradient {
8519
+ 0% {
8520
+ background-position: 100% 50%;
8521
+ }
8522
+
8523
+ 50% {
8524
+ background-position: 0% 50%;
8525
+ }
8526
+
8527
+ 100% {
8528
+ background-position: 100% 50%;
8529
+ }
8530
+ }
8531
+
8532
+ @media (max-width: 768px) {
8533
+ .premium-progressbar-center-label {
8534
+ -webkit-transform: rotate(-90deg) !important;
8535
+ -ms-transform: rotate(-90deg) !important;
8536
+ transform: rotate(-90deg) !important;
8537
+ -webkit-transform-origin: 0;
8538
+ -ms-transform-origin: 0;
8539
+ transform-origin: 0;
8540
+ }
8541
+ }
8542
+ /**************** Premium Testimonials ****************/
8543
+ /******************************************************/
8544
+ .premium-testimonial-box {
8545
+ width: 100%;
8546
+ background: transparent;
8547
+ -webkit-transition: all 0.3s ease-in-out;
8548
+ transition: all 0.3s ease-in-out;
8549
  }
8550
 
8551
+ .premium-testimonial-box .premium-testimonial-author-info {
8552
+ -js-display: flex;
8553
+ display: -webkit-box;
8554
+ display: -webkit-flex;
8555
+ display: -moz-box;
8556
+ display: -ms-flexbox;
8557
+ display: flex;
8558
+ -webkit-box-pack: center;
8559
+ -webkit-justify-content: center;
8560
+ -moz-box-pack: center;
8561
+ -ms-flex-pack: center;
8562
+ justify-content: center;
8563
+ -webkit-box-align: center;
8564
+ -webkit-align-items: center;
8565
+ -moz-box-align: center;
8566
+ -ms-flex-align: center;
8567
+ align-items: center;
8568
  }
8569
 
8570
+ .premium-testimonial-box .premium-testimonial-person-name,
8571
+ .premium-testimonial-box .premium-testimonial-company-name {
8572
+ font-weight: 600;
8573
+ margin: 0;
8574
  }
8575
 
8576
+ .premium-testimonial-container {
8577
+ position: relative;
8578
  }
8579
 
8580
+ .premium-testimonial-img-wrapper {
8581
+ margin-right: auto;
8582
+ margin-left: auto;
8583
+ overflow: hidden;
8584
+ border-style: solid !important;
8585
  }
8586
 
8587
+ .premium-testimonial-img-wrapper.circle {
8588
+ -webkit-border-radius: 50%;
8589
+ border-radius: 50%;
8590
  }
8591
 
8592
+ .premium-testimonial-img-wrapper.rounded {
8593
+ -webkit-border-radius: 15px;
8594
+ border-radius: 15px;
 
8595
  }
8596
 
8597
+ .premium-testimonial-img-wrapper img {
8598
+ -o-object-fit: cover;
8599
+ object-fit: cover;
8600
+ width: 100%;
8601
+ height: 100% !important;
8602
  }
8603
 
8604
+ .premium-testimonial-content-wrapper {
8605
+ position: relative;
8606
+ display: -ms-flexbox;
8607
+ display: -webkit-flex;
8608
+ display: -moz-flex;
8609
+ display: -ms-flex;
8610
+ -js-display: flex;
8611
+ display: -webkit-box;
8612
+ display: -moz-box;
8613
+ display: flex;
8614
+ -webkit-box-orient: vertical;
8615
+ -webkit-box-direction: normal;
8616
+ -webkit-flex-direction: column;
8617
+ -moz-box-orient: vertical;
8618
+ -moz-box-direction: normal;
8619
+ -ms-flex-direction: column;
8620
+ flex-direction: column;
8621
+ z-index: 2;
8622
+ width: 100%;
8623
+ padding: 20px;
8624
+ text-align: center;
8625
  }
8626
 
8627
+ .premium-testimonial-clear-float {
8628
+ clear: both;
 
 
 
 
8629
  }
8630
 
8631
+ .premium-testimonial-upper-quote,
8632
+ .premium-testimonial-lower-quote {
8633
+ position: absolute;
8634
+ z-index: 1;
 
 
 
 
 
 
8635
  }
8636
+ /**************** Premium Title ****************/
8637
+ /***********************************************/
8638
+ .premium-title-container .premium-title-header {
8639
+ position: relative;
8640
+ margin: 0;
8641
+ padding: 10px;
8642
+ }
8643
+
8644
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
8645
+ -webkit-box-align: center;
8646
+ -webkit-align-items: center;
8647
+ -moz-box-align: center;
8648
+ -ms-flex-align: center;
8649
+ align-items: center;
8650
+ }
8651
+
8652
+ .premium-title-container .premium-title-header svg {
8653
+ width: 40px;
8654
+ height: 40px;
8655
+ }
8656
+
8657
+ .premium-title-container .premium-title-header img {
8658
+ width: 40px;
8659
+ height: 40px;
8660
+ -o-object-fit: cover;
8661
+ object-fit: cover;
8662
+ }
8663
+
8664
+ .premium-title-container .premium-title-header a {
8665
+ position: absolute;
8666
+ top: 0;
8667
+ right: 0;
8668
+ width: 100%;
8669
+ height: 100%;
8670
+ }
8671
+
8672
+ .premium-title-container .premium-lottie-animation {
8673
+ -js-display: flex;
8674
+ display: -webkit-box;
8675
+ display: -webkit-flex;
8676
+ display: -moz-box;
8677
+ display: -ms-flexbox;
8678
+ display: flex;
8679
+ }
8680
+
8681
+ .premium-title-icon-row .premium-title-icon {
8682
+ margin-left: 10px;
8683
+ }
8684
+
8685
+ .premium-title-icon-row-reverse .premium-title-icon {
8686
+ margin-right: 10px;
8687
+ }
8688
+
8689
+ .premium-title-style3,
8690
+ .premium-title-style4 {
8691
+ -js-display: flex;
8692
+ display: -webkit-box;
8693
+ display: -webkit-flex;
8694
+ display: -moz-box;
8695
+ display: -ms-flexbox;
8696
+ display: flex;
8697
+ }
8698
+
8699
+ .premium-title-style1,
8700
+ .premium-title-style2,
8701
+ .premium-title-style5,
8702
+ .premium-title-style6,
8703
+ .premium-title-style8,
8704
+ .premium-title-style9 {
8705
+ -js-display: inline-flex;
8706
+ display: -webkit-inline-box;
8707
+ display: -webkit-inline-flex;
8708
+ display: -moz-inline-box;
8709
+ display: -ms-inline-flexbox;
8710
+ display: inline-flex;
8711
+ }
8712
+
8713
+ .premium-title-style7 {
8714
+ -js-display: inline-flex;
8715
+ display: -webkit-inline-box;
8716
+ display: -webkit-inline-flex;
8717
+ display: -moz-inline-box;
8718
+ display: -ms-inline-flexbox;
8719
+ display: inline-flex;
8720
+ -webkit-box-orient: vertical;
8721
+ -webkit-box-direction: normal;
8722
+ -webkit-flex-direction: column;
8723
+ -moz-box-orient: vertical;
8724
+ -moz-box-direction: normal;
8725
+ -ms-flex-direction: column;
8726
+ flex-direction: column;
8727
+ }
8728
+
8729
+ .premium-title-style7 .premium-title-style7-inner {
8730
+ -js-display: flex;
8731
+ display: -webkit-box;
8732
+ display: -webkit-flex;
8733
+ display: -moz-box;
8734
+ display: -ms-flexbox;
8735
+ display: flex;
8736
+ -webkit-box-align: center;
8737
+ -webkit-align-items: center;
8738
+ -moz-box-align: center;
8739
+ -ms-flex-align: center;
8740
+ align-items: center;
8741
+ }
8742
+
8743
+ .premium-title-style1 {
8744
+ border-width: 0;
8745
+ border-right: 3px solid #6ec1e4;
8746
+ }
8747
+
8748
+ .premium-title-container.style2,
8749
+ .premium-title-container.style4,
8750
+ .premium-title-container.style5,
8751
+ .premium-title-container.style6 {
8752
+ border-bottom: 3px solid #6ec1e4;
8753
+ }
8754
+
8755
+ /*Style 6 Header*/
8756
+ .premium-title-style6:before {
8757
+ position: absolute;
8758
+ right: 50%;
8759
+ bottom: 0;
8760
+ margin-right: -2px;
8761
+ content: "";
8762
+ border: 3px solid transparent;
8763
+ }
8764
+
8765
+ /*Style 6 Trinagle*/
8766
+ .premium-title-style7-stripe-wrap {
8767
+ -js-display: flex;
8768
+ display: -webkit-box;
8769
+ display: -webkit-flex;
8770
+ display: -moz-box;
8771
+ display: -ms-flexbox;
8772
+ display: flex;
8773
+ }
8774
+
8775
+ .premium-title-style7:before {
8776
+ display: none;
8777
+ }
8778
+
8779
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
8780
+ -webkit-background-size: 125px 125px !important;
8781
+ background-size: 125px !important;
8782
+ color: rgba(255, 255, 255, 0);
8783
+ -webkit-background-clip: text !important;
8784
+ background-clip: text !important;
8785
+ -webkit-animation-name: pa-shinny-text !important;
8786
+ animation-name: pa-shinny-text !important;
8787
+ -webkit-animation-duration: var(--animation-speed) !important;
8788
+ animation-duration: var(--animation-speed) !important;
8789
+ -webkit-animation-iteration-count: infinite !important;
8790
+ animation-iteration-count: infinite !important;
8791
+ background: var(--base-color) -webkit-gradient(linear,
8792
+ left top,
8793
+ right top,
8794
+ from(var(--base-color)),
8795
+ to(var(--base-color)),
8796
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
8797
+ }
8798
+
8799
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
8800
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
8801
+ animation: pa-blur-shadow 2s 1 alternate;
8802
+ }
8803
+
8804
+ .premium-title-gradient-yes .premium-title-text,
8805
+ .premium-title-gradient-yes .premium-title-icon {
8806
+ -webkit-background-clip: text;
8807
+ -webkit-text-fill-color: transparent;
8808
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
8809
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
8810
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
8811
+ -webkit-animation: pa-text-gradient 8s infinite;
8812
+ animation: pa-text-gradient 8s infinite;
8813
+ }
8814
+
8815
+ .premium-title-clipped .premium-title-header {
8816
+ -webkit-text-fill-color: transparent;
8817
+ -webkit-background-clip: text;
8818
+ background-clip: text;
8819
+ }
8820
+
8821
+ @-webkit-keyframes pa-shinny-text {
8822
+ 0% {
8823
+ background-position: 100%;
8824
+ }
8825
+
8826
+ 100% {
8827
+ background-position: -100%;
8828
+ }
8829
+ }
8830
+
8831
+ @keyframes pa-shinny-text {
8832
+ 0% {
8833
+ background-position: 100%;
8834
+ }
8835
+
8836
+ 100% {
8837
+ background-position: -100%;
8838
+ }
8839
+ }
8840
+
8841
+ @-webkit-keyframes pa-blur-shadow {
8842
+ from {
8843
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8844
+ color: transparent;
8845
+ }
8846
+
8847
+ to {
8848
+ text-shadow: 0;
8849
+ }
8850
+ }
8851
+
8852
+ @keyframes pa-blur-shadow {
8853
+ from {
8854
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
8855
+ color: transparent;
8856
+ }
8857
+
8858
+ to {
8859
+ text-shadow: 0;
8860
+ }
8861
+ }
8862
+
8863
+ @-webkit-keyframes pa-text-gradient {
8864
+
8865
+ 0%,
8866
+ 100% {
8867
+ -webkit-filter: hue-rotate(0deg);
8868
+ filter: hue-rotate(0deg);
8869
+ }
8870
+
8871
+ 50% {
8872
+ -webkit-filter: hue-rotate(360deg);
8873
+ filter: hue-rotate(360deg);
8874
+ }
8875
+ }
8876
+
8877
+ @keyframes pa-text-gradient {
8878
+
8879
+ 0%,
8880
+ 100% {
8881
+ -webkit-filter: hue-rotate(0deg);
8882
+ filter: hue-rotate(0deg);
8883
+ }
8884
+
8885
+ 50% {
8886
+ -webkit-filter: hue-rotate(360deg);
8887
+ filter: hue-rotate(360deg);
8888
+ }
8889
+ }
8890
+ /**************** Premium Video Box ************/
8891
+ /***********************************************/
8892
+ .premium-video-box-transform {
8893
+ -webkit-transform: none !important;
8894
+ -ms-transform: none !important;
8895
+ transform: none !important;
8896
+ }
8897
+
8898
+ .premium-video-box-container {
8899
+ -js-display: flex;
8900
+ display: -webkit-box;
8901
+ display: -webkit-flex;
8902
+ display: -moz-box;
8903
+ display: -ms-flexbox;
8904
+ display: flex;
8905
+ -webkit-box-orient: vertical;
8906
+ -webkit-box-direction: normal;
8907
+ -webkit-flex-direction: column;
8908
+ -moz-box-orient: vertical;
8909
+ -moz-box-direction: normal;
8910
+ -ms-flex-direction: column;
8911
+ flex-direction: column;
8912
+ }
8913
+
8914
+ .premium-video-box-container>div {
8915
+ position: relative;
8916
+ overflow: hidden;
8917
+ }
8918
+
8919
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
8920
+ padding-bottom: 100%;
8921
+ }
8922
+
8923
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
8924
+ padding-bottom: 56.25%;
8925
+ }
8926
+
8927
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
8928
+ padding-bottom: 75%;
8929
+ }
8930
+
8931
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
8932
+ padding-bottom: 66.6666%;
8933
+ }
8934
+
8935
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
8936
+ padding-bottom: 42.8571%;
8937
+ }
8938
+
8939
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
8940
+ padding-bottom: 177.8%;
8941
+ }
8942
+
8943
+ .premium-video-box-image-container {
8944
+ position: absolute;
8945
+ top: 0;
8946
+ right: 0;
8947
+ bottom: 0;
8948
+ left: 0;
8949
+ width: 100%;
8950
+ height: 100%;
8951
+ -webkit-background-size: cover;
8952
+ background-size: cover;
8953
+ background-position: 50%;
8954
+ cursor: pointer;
8955
+ margin: auto;
8956
+ -webkit-transition: 0.2s all;
8957
+ transition: 0.2s all;
8958
+ }
8959
+
8960
+ .premium-video-box-play-icon-container {
8961
+ position: absolute;
8962
+ z-index: 2;
8963
+ cursor: pointer;
8964
+ -webkit-transform: translate(50%, -50%);
8965
+ -ms-transform: translate(50%, -50%);
8966
+ transform: translate(50%, -50%);
8967
+ background: rgba(252, 252, 252, 0.35);
8968
+ }
8969
+
8970
+ .premium-video-box-description-container {
8971
+ position: absolute;
8972
+ z-index: 2;
8973
+ padding: 5px;
8974
+ text-align: center;
8975
+ cursor: pointer;
8976
+ -webkit-transform: translate(50%, -50%);
8977
+ -ms-transform: translate(50%, -50%);
8978
+ transform: translate(50%, -50%);
8979
+ }
8980
+
8981
+ .premium-video-box-text {
8982
+ margin-bottom: 0 !important;
8983
+ -webkit-transition: all 0.3s ease-in-out;
8984
+ transition: all 0.3s ease-in-out;
8985
+ }
8986
+
8987
+ .premium-video-box-play-icon {
8988
+ padding: 15px;
8989
+ -webkit-transform: translateX(-4%);
8990
+ -ms-transform: translateX(-4%);
8991
+ transform: translateX(-4%);
8992
+ -webkit-transition: all 0.3s ease-in-out;
8993
+ transition: all 0.3s ease-in-out;
8994
+ }
8995
+
8996
+ .premium-video-box-video-container,
8997
+ .premium-vid-lightbox-container {
8998
+ position: absolute;
8999
+ top: 0;
9000
+ right: 0;
9001
+ z-index: 2;
9002
+ width: 100%;
9003
+ height: 100%;
9004
+ -webkit-transition: opacity 0.8s ease-in-out;
9005
+ transition: opacity 0.8s ease-in-out;
9006
+ overflow: hidden;
9007
+ cursor: pointer;
9008
+ }
9009
+
9010
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
9011
+ opacity: 0;
9012
+ visibility: hidden;
9013
+ }
9014
+
9015
+ .premium-video-box-video-container iframe {
9016
+ max-width: 100%;
9017
+ width: 100%;
9018
+ height: 100%;
9019
+ margin: 0;
9020
+ line-height: 1;
9021
+ border: none;
9022
+ }
9023
+
9024
+ .premium-video-box-video-container video {
9025
+ max-width: 100%;
9026
+ width: 100%;
9027
+ height: 100%;
9028
+ margin: 0;
9029
+ line-height: 1;
9030
+ border: none;
9031
+ background-color: #000;
9032
+ -o-object-fit: contain;
9033
+ object-fit: contain;
9034
+ }
9035
+
9036
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
9037
+ -js-display: flex;
9038
+ display: -webkit-box;
9039
+ display: -webkit-flex;
9040
+ display: -moz-box;
9041
+ display: -ms-flexbox;
9042
+ display: flex;
9043
+ position: absolute;
9044
+ top: 0;
9045
+ right: 0;
9046
+ z-index: 3;
9047
+ margin: 10px;
9048
+ margin-left: 10px;
9049
+ -webkit-transition: opacity 0.2s ease-out;
9050
+ transition: opacity 0.2s ease-out;
9051
+ margin-left: 4.6em;
9052
+ }
9053
+
9054
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
9055
+ width: 60px;
9056
+ height: 60px;
9057
+ background: rgba(23, 35, 34, 0.75);
9058
+ margin-left: 1px;
9059
+ -webkit-box-flex: 1;
9060
+ -webkit-flex: 1 0 auto;
9061
+ -moz-box-flex: 1;
9062
+ -ms-flex: 1 0 auto;
9063
+ flex: 1 0 auto;
9064
+ padding: 0;
9065
+ }
9066
+
9067
+ .premium-video-box-vimeo-portrait img {
9068
+ width: 50px;
9069
+ height: 50px;
9070
+ margin: 5px;
9071
+ padding: 0;
9072
+ border: 0;
9073
+ -webkit-border-radius: 50%;
9074
+ border-radius: 50%;
9075
+ }
9076
+
9077
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
9078
+ font-size: 10px;
9079
+ }
9080
+
9081
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
9082
+ max-width: 100%;
9083
+ font-size: 2em !important;
9084
+ font-weight: 700;
9085
+ margin: 0;
9086
+ padding: 0.1em 0.2em;
9087
+ background: rgba(23, 35, 34, 0.75);
9088
+ display: inline-block;
9089
+ text-transform: none;
9090
+ line-height: normal;
9091
+ letter-spacing: normal;
9092
+ }
9093
+
9094
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
9095
+ font-size: 1.2em !important;
9096
+ font-weight: 400;
9097
+ color: #fff;
9098
+ margin-top: 0.1em;
9099
+ padding: 0.2em 0.5em;
9100
+ background: rgba(23, 35, 34, 0.75);
9101
+ text-transform: none;
9102
+ line-height: normal;
9103
+ letter-spacing: normal;
9104
+ }
9105
+
9106
+ .premium-video-box-playlist-container {
9107
+ -js-display: flex;
9108
+ display: -webkit-box;
9109
+ display: -webkit-flex;
9110
+ display: -moz-box;
9111
+ display: -ms-flexbox;
9112
+ display: flex;
9113
+ -webkit-flex-wrap: wrap;
9114
+ -ms-flex-wrap: wrap;
9115
+ flex-wrap: wrap;
9116
+ }
9117
+
9118
+ .premium-video-box-playlist-container .premium-video-box-container {
9119
+ height: 100%;
9120
+ overflow: hidden;
9121
+ }
9122
+
9123
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
9124
+ -webkit-transform: scale(1.1);
9125
+ -ms-transform: scale(1.1);
9126
+ transform: scale(1.1);
9127
+ }
9128
+
9129
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
9130
+ -webkit-transform: scale(1);
9131
+ -ms-transform: scale(1);
9132
+ transform: scale(1);
9133
+ }
9134
+
9135
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
9136
+ -webkit-transform: scale(1.3) rotate(-5deg);
9137
+ -ms-transform: scale(1.3) rotate(-5deg);
9138
+ transform: scale(1.3) rotate(-5deg);
9139
+ }
9140
+
9141
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
9142
+ -webkit-filter: grayscale(0%);
9143
+ filter: grayscale(0%);
9144
+ }
9145
+
9146
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
9147
+ -webkit-filter: blur(3px);
9148
+ filter: blur(3px);
9149
+ }
9150
+
9151
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
9152
+ -webkit-filter: sepia(0%);
9153
+ filter: sepia(0%);
9154
+ }
9155
+
9156
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
9157
+ -webkit-transform: translateX(0px) scale(1.1);
9158
+ -ms-transform: translateX(0px) scale(1.1);
9159
+ transform: translateX(0px) scale(1.1);
9160
+ }
9161
+
9162
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
9163
+ -webkit-filter: brightness(1.2);
9164
+ filter: brightness(1.2);
9165
+ }
9166
+
9167
+ .premium-video-box-image-container.gray {
9168
+ -webkit-filter: grayscale(100%);
9169
+ filter: grayscale(100%);
9170
+ }
9171
+
9172
+ .premium-video-box-image-container.zoomout,
9173
+ .premium-video-box-image-container.scale {
9174
+ -webkit-transform: scale(1.2);
9175
+ -ms-transform: scale(1.2);
9176
+ transform: scale(1.2);
9177
+ }
9178
+
9179
+ .premium-video-box-image-container.sepia {
9180
+ -webkit-filter: sepia(30%);
9181
+ filter: sepia(30%);
9182
+ }
9183
+
9184
+ .premium-video-box-image-container.bright {
9185
+ -webkit-filter: brightness(1);
9186
+ filter: brightness(1);
9187
+ }
9188
+
9189
+ .premium-video-box-image-container.trans {
9190
+ -webkit-transform: translateX(15px) scale(1.1);
9191
+ -ms-transform: translateX(15px) scale(1.1);
9192
+ transform: translateX(15px) scale(1.1);
9193
+ }
9194
+
9195
+ .premium-video-box-mask-media {
9196
+ -webkit-mask-repeat: no-repeat;
9197
+ mask-repeat: no-repeat;
9198
+ }
9199
+
9200
+ /* Sticky Video Option */
9201
+ .premium-video-box-container.premium-video-box-sticky-apply {
9202
+ z-index: 99;
9203
+ overflow: unset;
9204
+ }
9205
+
9206
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9207
+ position: fixed !important;
9208
+ z-index: 99999;
9209
+ height: 225px;
9210
+ width: 400px;
9211
+ background: #fff;
9212
+ }
9213
+
9214
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
9215
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
9216
+ visibility: hidden;
9217
+ }
9218
+
9219
+ .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 {
9220
+ -webkit-box-shadow: unset;
9221
+ box-shadow: unset;
9222
+ }
9223
+
9224
+ .premium-video-box-sticky-close,
9225
+ .premium-video-box-sticky-infobar {
9226
+ display: none;
9227
+ }
9228
+
9229
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9230
+ position: absolute;
9231
+ padding: 5px;
9232
+ cursor: pointer;
9233
+ z-index: 99999;
9234
+ height: 14px;
9235
+ width: 14px;
9236
+ -webkit-box-sizing: content-box;
9237
+ -moz-box-sizing: content-box;
9238
+ box-sizing: content-box;
9239
+ -webkit-border-radius: 100%;
9240
+ border-radius: 100%;
9241
+ -js-display: flex;
9242
+ display: -webkit-box;
9243
+ display: -webkit-flex;
9244
+ display: -moz-box;
9245
+ display: -ms-flexbox;
9246
+ display: flex;
9247
+ -webkit-box-pack: center;
9248
+ -webkit-justify-content: center;
9249
+ -moz-box-pack: center;
9250
+ -ms-flex-pack: center;
9251
+ justify-content: center;
9252
+ -webkit-box-align: center;
9253
+ -webkit-align-items: center;
9254
+ -moz-box-align: center;
9255
+ -ms-flex-align: center;
9256
+ align-items: center;
9257
+ }
9258
+
9259
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
9260
+ -js-display: flex;
9261
+ display: -webkit-box;
9262
+ display: -webkit-flex;
9263
+ display: -moz-box;
9264
+ display: -ms-flexbox;
9265
+ display: flex;
9266
+ }
9267
+
9268
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
9269
+ -webkit-transition: none;
9270
+ transition: none;
9271
+ }
9272
+
9273
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
9274
+ display: block;
9275
+ position: relative;
9276
+ top: 100%;
9277
+ width: 100%;
9278
+ padding: 5px;
9279
+ text-align: center;
9280
+ z-index: 9999;
9281
+ margin-top: -1px;
9282
+ }
9283
+
9284
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
9285
+ cursor: move;
9286
+ }
9287
+
9288
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9289
+ left: auto;
9290
+ right: 20px;
9291
+ top: 20px;
9292
+ }
9293
+
9294
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9295
+ left: auto;
9296
+ right: 20px;
9297
+ bottom: 20px;
9298
+ }
9299
+
9300
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9301
+ right: auto;
9302
+ left: 20px;
9303
+ top: 20px;
9304
+ }
9305
+
9306
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9307
+ right: auto;
9308
+ left: 20px;
9309
+ bottom: 20px;
9310
+ }
9311
+
9312
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9313
+ left: auto;
9314
+ right: 20px;
9315
+ top: 50%;
9316
+ -webkit-transform: translateY(-50%);
9317
+ -ms-transform: translateY(-50%);
9318
+ transform: translateY(-50%);
9319
+ }
9320
+
9321
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9322
+ right: auto;
9323
+ left: 20px;
9324
+ top: 50%;
9325
+ -webkit-transform: translateY(-50%);
9326
+ -ms-transform: translateY(-50%);
9327
+ transform: translateY(-50%);
9328
+ }
9329
+
9330
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
9331
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
9332
+ bottom: 55px;
9333
+ }
9334
+
9335
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9336
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9337
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9338
+ top: -10px;
9339
+ left: -10px;
9340
+ }
9341
+
9342
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9343
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
9344
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
9345
+ top: -10px;
9346
+ right: -10px;
9347
+ }
9348
+
9349
+ .premium-video-box-filter-sticky {
9350
+ -webkit-filter: none !important;
9351
+ filter: none !important;
9352
+ }
9353
+
9354
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
9355
+ cursor: default;
9356
+ }
9357
+ /************ Premium Vertical Scroll ************/
9358
+ /*************************************************/
9359
+ .premium-vscroll-inner {
9360
+ position: relative;
9361
+ /* overflow: hidden;
9362
+ */
9363
+ min-height: 100%;
9364
  }
9365
 
9366
+ .premium-vscroll-inner .premium-vscroll-dots {
9367
+ position: fixed;
9368
+ z-index: 100;
9369
+ opacity: 1;
9370
+ margin-top: -32px;
9371
+ -webkit-transition: all 0.3s ease-in-out;
9372
+ transition: all 0.3s ease-in-out;
 
 
9373
  }
9374
 
9375
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
9376
+ opacity: 1;
9377
+ -webkit-transition: all 0.3s ease-in-out;
9378
+ transition: all 0.3s ease-in-out;
 
 
 
 
9379
  }
9380
 
9381
+ .premium-vscroll-inner .premium-vscroll-dots,
9382
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
9383
+ opacity: 0;
9384
+ visibility: hidden;
9385
  }
9386
 
9387
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
9388
+ opacity: 1;
9389
+ visibility: visible;
 
 
 
 
 
 
 
 
 
9390
  }
9391
 
9392
+ .premium-vscroll-dots.middle {
9393
+ top: 50%;
9394
+ margin-top: 0;
9395
+ -webkit-transform: translateY(-50%);
9396
+ -ms-transform: translateY(-50%);
9397
+ transform: translateY(-50%);
 
 
9398
  }
9399
 
9400
+ .premium-vscroll-dots.top {
9401
+ top: 40px;
 
 
 
 
 
 
 
 
9402
  }
9403
 
9404
+ .premium-vscroll-dots.bottom {
9405
+ bottom: 30px;
9406
  }
9407
 
9408
+ .premium-vscroll-dots.right {
9409
+ left: 17px;
9410
  }
9411
 
9412
+ .premium-vscroll-dots.left {
9413
+ right: 17px;
9414
  }
9415
 
9416
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
9417
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
9418
+ margin: 0 !important;
9419
+ padding: 0;
9420
  }
9421
 
9422
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
9423
+ width: 14px;
9424
+ height: 13px;
9425
+ margin: 7px;
9426
+ position: relative;
9427
  display: -webkit-box;
9428
  display: -webkit-flex;
 
9429
  display: -ms-flexbox;
 
 
 
 
 
 
 
 
 
 
 
 
 
9430
  -js-display: flex;
 
 
9431
  display: -moz-box;
 
9432
  display: flex;
9433
+ -webkit-box-pack: center;
9434
+ -ms-flex-pack: center;
9435
+ -webkit-justify-content: center;
9436
+ -moz-box-pack: center;
9437
+ justify-content: center;
9438
  -webkit-box-align: center;
9439
+ -ms-flex-align: center;
9440
  -webkit-align-items: center;
9441
  -moz-box-align: center;
 
9442
  align-items: center;
9443
+ overflow: visible;
9444
  }
9445
 
9446
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
9447
+ display: block;
9448
+ position: relative;
9449
+ z-index: 1;
9450
+ width: 100%;
9451
+ height: 100%;
9452
+ cursor: pointer;
9453
+ text-decoration: none;
 
 
9454
  }
9455
 
9456
+ .premium-vscroll-inner
9457
+ .premium-vscroll-dot-item
9458
+ .premium-vscroll-nav-link
9459
+ span {
9460
+ top: 2px;
9461
+ right: 2.5px;
9462
+ width: 8px;
9463
+ height: 8px;
9464
+ border: 1px solid #000;
9465
+ -webkit-border-radius: 50%;
9466
+ border-radius: 50%;
9467
+ position: absolute;
9468
+ z-index: 1;
9469
+ -webkit-transition: all 0.3s ease-in-out;
9470
+ transition: all 0.3s ease-in-out;
9471
  }
9472
 
9473
+ .premium-vscroll-inner
9474
+ .premium-vscroll-dot-item.active
9475
+ .premium-vscroll-nav-link
9476
+ span {
9477
+ -webkit-transform: scale(1.6);
9478
+ -ms-transform: scale(1.6);
9479
+ transform: scale(1.6);
9480
  }
9481
 
9482
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
9483
  position: absolute;
 
 
 
 
 
 
 
 
 
 
 
9484
  color: #fff;
9485
+ font-size: 14px;
9486
+ font-family: arial, helvetica, sans-serif;
9487
+ white-space: nowrap;
9488
+ max-width: 220px;
9489
+ padding-right: 0.4em;
9490
+ padding-left: 0.4em;
9491
  }
9492
 
9493
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
9494
+ left: 27px;
9495
  }
9496
 
9497
+ /* * Lines */
9498
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
9499
+ width: 4px;
9500
+ height: 30px;
9501
  }
9502
 
9503
+ .premium-vscroll-inner
9504
+ .premium-vscroll-dots.lines
9505
+ .premium-vscroll-dot-item
9506
+ span {
9507
+ width: 100%;
9508
+ height: 100%;
9509
+ -webkit-border-radius: 0;
9510
+ border-radius: 0;
9511
  }
9512
 
9513
+ .premium-vscroll-inner
9514
+ .premium-vscroll-dots.lines
9515
+ .premium-vscroll-dot-item.active
9516
+ span {
9517
+ -webkit-transform: scale(1);
9518
+ -ms-transform: scale(1);
9519
+ transform: scale(1);
9520
  }
9521
 
9522
+ @media (max-width: 768px) {
9523
+ .premium-vscroll-dots.right {
9524
+ left: 7px;
9525
+ }
 
 
9526
 
9527
+ .premium-vscroll-dots.left {
9528
+ right: 7px;
9529
+ }
9530
  }
9531
 
9532
+ /* @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
9533
+ [data-animation="rotate"] .premium-vscroll-temp {
9534
+ height: -webkit-calc(100vh - 75px) !important;
9535
+ height: calc(100vh - 75px) !important;
9536
+ }
9537
  }
9538
 
9539
+ @media (max-width: 768px) {
9540
+ [data-animation="rotate"] .premium-vscroll-temp {
9541
+ height: -webkit-calc(100vh - 60px) !important;
9542
+ height: calc(100vh - 60px) !important;
9543
  }
9544
+ } */
9545
 
9546
+ /** Ipads- Safari */
9547
+ /* @supports (-webkit-touch-callout: none) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9548
 
9549
+ @media (max-width: 768px) {
9550
+ [data-animation="rotate"] .premium-vscroll-temp {
9551
+ height: -webkit-calc(100vh - 108px) !important;
9552
+ height: calc(100vh - 108px) !important;
9553
+ }
9554
+ }
9555
 
9556
+ @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
9557
+ [data-animation="rotate"] .premium-vscroll-temp {
9558
+ height: -webkit-calc(100vh - 60px) !important;
9559
+ height: calc(100vh - 60px) !important;
9560
+ }
9561
+ }
9562
+ } */
9563
 
9564
+ .premium-vscroll-inner
9565
+ .premium-vscroll-dots.right
9566
+ .premium-vscroll-tooltip::after {
9567
  position: absolute;
9568
+ top: 50%;
9569
+ content: "";
9570
+ right: -webkit-calc(100% - 1px);
9571
+ right: calc(100% - 1px);
9572
+ width: 10px;
9573
+ height: 0;
9574
+ border-top: 6px solid transparent;
9575
+ border-bottom: 6px solid transparent;
9576
+ border-right: 6px solid;
9577
+ -webkit-transform: translateY(-50%);
9578
+ -ms-transform: translateY(-50%);
9579
+ transform: translateY(-50%);
9580
  }
9581
 
9582
+ .premium-vscroll-inner
9583
+ .premium-vscroll-dots.left
9584
+ .premium-vscroll-tooltip::after {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9585
  position: absolute;
9586
+ top: 50%;
9587
+ content: "";
9588
+ left: -webkit-calc(100% - 1px);
9589
+ left: calc(100% - 1px);
9590
+ width: 10px;
9591
+ height: 0;
9592
+ border-top: 6px solid transparent;
9593
+ border-bottom: 6px solid transparent;
9594
+ border-left: 6px solid;
9595
+ -webkit-transform: translateY(-50%);
9596
+ -ms-transform: translateY(-50%);
9597
+ transform: translateY(-50%);
9598
  }
9599
 
9600
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
9601
+ right: 27px;
 
9602
  }
9603
 
9604
+ .premium-vscroll-nav-menu {
9605
+ position: fixed;
9606
+ top: 20px;
9607
+ height: 40px;
9608
+ z-index: 100;
9609
+ padding: 0;
9610
  margin: 0;
 
9611
  }
9612
 
9613
+ .premium-vscroll-nav-menu.left {
9614
+ right: 0;
 
9615
  }
9616
 
9617
+ .premium-vscroll-nav-menu.right {
 
 
9618
  left: 0;
 
 
 
 
 
 
 
 
 
 
 
9619
  }
9620
 
9621
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
9622
+ display: inline-block;
9623
+ margin: 10px;
9624
+ color: #000;
9625
+ background: #fff;
9626
+ background: rgba(255, 255, 255, 0.3);
9627
  }
9628
 
9629
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
9630
+ padding: 9px 18px;
9631
+ display: block;
9632
+ cursor: pointer;
 
 
 
 
 
 
9633
  }
9634
 
9635
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
9636
+ .premium-vscroll-nav-menu
9637
+ .premium-vscroll-nav-item
9638
+ .premium-vscroll-nav-link:hover {
9639
+ color: #000;
9640
  }
9641
 
9642
+ .premium-vscroll-nav-menu
9643
+ .premium-vscroll-nav-item
9644
+ .premium-vscroll-nav-link:focus,
9645
+ .multiscroll-nav li a:focus {
9646
+ outline: none;
 
 
 
 
9647
  }
9648
 
9649
+ .premium-vscroll-temp .slimScrollBar {
9650
+ visibility: hidden;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9651
  }
9652
 
9653
+ [data-hijacking="off"] .premium-vscroll-temp {
9654
+ height: 100vh;
 
9655
  }
9656
 
9657
+ [data-hijacking="off"] .premium-vscroll-temp > div {
9658
+ opacity: 0;
9659
  top: 0;
9660
+ left: 0;
9661
  width: 100%;
9662
+ /* Force Hardware Acceleration */
9663
+ -webkit-transform: translateZ(0);
9664
+ transform: translateZ(0);
9665
+ -webkit-backface-visibility: hidden;
9666
+ backface-visibility: hidden;
9667
  }
9668
 
9669
+ [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
9670
+ display: none;
9671
  position: absolute;
 
 
 
9672
  width: 100%;
9673
+ top: 20px;
9674
+ z-index: 2;
 
 
 
 
 
 
 
 
 
 
 
9675
  }
9676
 
9677
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
9678
+ position: relative;
9679
+ /* enable a 3D-space for children elements */
9680
+ -webkit-perspective: 1800px;
9681
+ perspective: 1800px;
9682
  }
9683
 
9684
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
9685
+ position: absolute;
9686
+ -webkit-transform-origin: center bottom;
9687
+ -ms-transform-origin: center bottom;
9688
+ transform-origin: center bottom;
 
9689
  }
9690
 
9691
+ [data-hijacking="off"][data-animation="rotate"]
9692
+ .premium-vscroll-temp:last-of-type
9693
+ > div {
9694
+ opacity: 1 !important;
9695
+ -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
9696
+ transform: translateY(0px) scale(1) rotateX(0deg) !important;
9697
  }
9698
 
9699
+ [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
9700
+ position: fixed;
 
 
 
 
 
9701
  }
9702
 
9703
+ [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
9704
+ position: fixed;
9705
  }
9706
 
9707
+ [data-hijacking="off"] .premium-vscroll-parallax-last {
9708
+ -webkit-transform: translateY(0px) scale(1) !important;
9709
+ -ms-transform: translateY(0px) scale(1) !important;
9710
+ transform: translateY(0px) scale(1) !important;
 
 
9711
  }
9712
 
9713
+ [data-hijacking="off"] .premium-vscroll-parallax-position {
9714
+ position: unset !important;
 
 
 
 
 
 
9715
  }
9716
 
9717
+ /********** Premium Woo Products **********/
9718
+ /******************************************/
9719
+ .ast-single-post .entry-content .premium-woocommerce a {
9720
+ text-decoration: none;
9721
+ }
9722
+
9723
+ .premium-woocommerce .premium-woo-qv-btn {
9724
+ cursor: pointer;
9725
+ }
9726
+
9727
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
9728
+ margin: 0 auto 0.5em;
9729
+ }
9730
+
9731
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
9732
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
9733
+ display: block;
9734
+ text-align: center;
9735
+ color: #fff;
9736
+ min-width: 2em;
9737
+ min-height: 2em;
9738
+ line-height: 2em;
9739
+ padding: 0.3em 0.6em;
9740
+ margin: 0.5em 0.6em;
9741
+ }
9742
+
9743
+ .premium-woocommerce .pa-out-of-stock {
9744
+ display: block;
9745
+ text-align: center;
9746
+ color: #fff;
9747
+ min-width: 2em;
9748
+ min-height: 2em;
9749
+ line-height: 2em;
9750
+ padding: 0.3em 0.6em;
9751
+ margin: 0.5em 0.6em;
9752
+ }
9753
+
9754
+ .premium-woocommerce .premium-woo-products-inner ul.products {
9755
+ -js-display: flex;
9756
+ display: -webkit-box;
9757
+ display: -webkit-flex;
9758
+ display: -moz-box;
9759
+ display: -ms-flexbox;
9760
+ display: flex;
9761
+ margin: 0;
9762
+ padding: 0;
9763
+ -webkit-flex-wrap: wrap;
9764
+ -ms-flex-wrap: wrap;
9765
+ flex-wrap: wrap;
9766
+ list-style: none outside;
9767
+ -webkit-column-gap: 0;
9768
+ -moz-column-gap: 0;
9769
+ column-gap: 0;
9770
+ }
9771
+
9772
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
9773
+ margin: 0 0 10px;
9774
+ padding: 0 10px;
9775
+ }
9776
+
9777
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
9778
+ overflow: hidden;
9779
+ -webkit-transition: all 0.3s ease-in-out;
9780
+ transition: all 0.3s ease-in-out;
9781
+ }
9782
+
9783
+ .premium-woocommerce .premium-woo-product-category {
9784
+ display: block;
9785
+ font-size: 0.85em;
9786
+ margin-bottom: 0.5em;
9787
+ line-height: 1.3;
9788
+ }
9789
+
9790
+ .premium-woocommerce .woocommerce-loop-product__title {
9791
+ margin-bottom: 0.5em;
9792
+ font-size: 1em;
9793
+ -webkit-transition: all 0.3s ease-in-out;
9794
+ transition: all 0.3s ease-in-out;
9795
+ }
9796
+
9797
+ .premium-woocommerce .woocommerce-loop-product__link {
9798
+ position: relative;
9799
+ display: block !important;
9800
+ overflow: hidden;
9801
+ -webkit-transition: all 0.3s ease-in-out;
9802
+ transition: all 0.3s ease-in-out;
9803
+ }
9804
+
9805
+ .premium-woocommerce .premium-woo-ribbon-container,
9806
+ .premium-woocommerce .pa-out-of-stock {
9807
+ position: absolute;
9808
+ z-index: 9;
9809
+ }
9810
+
9811
+ .premium-woocommerce .premium-woo-ribbon-container {
9812
+ top: 0;
9813
+ right: 0;
9814
+ }
9815
+
9816
+ .premium-woocommerce .pa-out-of-stock {
9817
+ top: 7px;
9818
+ right: 9px;
9819
+ margin: 0;
9820
+ }
9821
+
9822
+ .premium-woocommerce .star-rating {
9823
+ display: block;
9824
+ float: none;
9825
+ margin: 0 auto 0.5em;
9826
+ -webkit-backface-visibility: hidden;
9827
+ backface-visibility: hidden;
9828
+ overflow: hidden;
9829
+ position: relative;
9830
+ height: 1em;
9831
+ line-height: 1;
9832
+ font-size: 0.857em;
9833
+ width: 5.4em;
9834
+ font-family: star;
9835
+ }
9836
+
9837
+ .premium-woocommerce .star-rating::before {
9838
+ content: "\73\73\73\73\73";
9839
+ color: #54595f;
9840
+ float: right;
9841
+ top: 0;
9842
+ right: 0;
9843
+ position: absolute;
9844
+ }
9845
+
9846
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
9847
+ overflow: hidden;
9848
+ float: right;
9849
+ top: 0;
9850
+ right: 0;
9851
+ position: absolute;
9852
+ padding-top: 1.5em;
9853
+ }
9854
+
9855
+ .premium-woocommerce .star-rating span::before {
9856
+ content: "\53\53\53\53\53";
9857
+ color: inherit;
9858
+ top: 0;
9859
+ position: absolute;
9860
+ right: 0;
9861
+ }
9862
+
9863
+ .premium-woo-product-thumbnail {
9864
+ position: relative;
9865
+ overflow: hidden;
9866
+ }
9867
+
9868
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
9869
+ margin: 0;
9870
+ width: 100%;
9871
+ }
9872
+
9873
+ .premium-woo-product-sale-wrap,
9874
+ .premium-woo-product-featured-wrap {
9875
+ margin: 0;
9876
+ }
9877
+
9878
+ .premium-woocommerce .premium-woo-products-details-wrap {
9879
+ padding: 1em 1.2em;
9880
+ }
9881
+
9882
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
9883
+ display: inline-block;
9884
+ background-color: #6ec1e4;
9885
+ color: #fff;
9886
+ margin: 0.5em 0;
9887
+ line-height: 1.3;
9888
+ padding: 10px 40px;
9889
+ font-size: 100%;
9890
+ cursor: pointer;
9891
+ text-decoration: none;
9892
+ overflow: visible;
9893
+ font-weight: 700;
9894
+ background-image: none;
9895
+ border: none;
9896
+ -webkit-border-radius: 0px;
9897
+ border-radius: 0px;
9898
+ -webkit-box-shadow: none;
9899
+ box-shadow: none;
9900
+ text-shadow: none;
9901
+ -webkit-transition: all 0.3s ease-in-out;
9902
+ transition: all 0.3s ease-in-out;
9903
+ }
9904
+
9905
+ .premium-woocommerce li.product .price {
9906
+ display: block;
9907
+ line-height: 1.3;
9908
+ font-weight: 700;
9909
+ margin-bottom: 0.5em;
9910
+ font-size: 0.9em;
9911
+ }
9912
+
9913
+ .premium-woocommerce li.product .price del {
9914
+ display: inline-block;
9915
+ font-weight: 400;
9916
+ background: transparent;
9917
+ opacity: 1;
9918
+ }
9919
+
9920
+ .premium-woocommerce li.product .price ins {
9921
+ display: inline-block;
9922
+ background: transparent;
9923
+ text-decoration: none;
9924
+ font-weight: inherit;
9925
+ }
9926
+
9927
+ .premium-woocommerce li.product .price .amount {
9928
+ color: inherit !important;
9929
+ }
9930
+
9931
+ .premium-woocommerce li.product .premium-woo-product-desc p {
9932
+ margin: 0;
9933
+ }
9934
+
9935
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
9936
+ margin-right: auto;
9937
+ margin-left: 0;
9938
+ }
9939
+
9940
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
9941
+ margin-right: auto;
9942
+ margin-left: auto;
9943
+ }
9944
+
9945
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
9946
+ margin-right: 0;
9947
+ margin-left: auto;
9948
+ }
9949
+
9950
+ .premium-woo-products-pagination ul.page-numbers {
9951
+ -js-display: flex;
9952
+ display: -webkit-box;
9953
+ display: -webkit-flex;
9954
+ display: -moz-box;
9955
+ display: -ms-flexbox;
9956
+ display: flex;
9957
+ list-style-type: none;
9958
+ margin: 0;
9959
+ margin-top: 10px;
9960
+ padding: 0;
9961
+ border: none;
9962
+ -webkit-box-pack: center;
9963
+ -webkit-justify-content: center;
9964
+ -moz-box-pack: center;
9965
+ -ms-flex-pack: center;
9966
+ justify-content: center;
9967
+ }
9968
+
9969
+ .premium-woo-products-pagination ul.page-numbers li {
9970
+ margin: 0 0 0.4em 0.4em;
9971
+ padding: 0;
9972
+ text-align: center;
9973
+ }
9974
+
9975
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
9976
+ margin: 0;
9977
+ text-decoration: none;
9978
+ color: #000;
9979
+ border: 1px solid #54595f;
9980
+ padding: 0;
9981
+ line-height: 1;
9982
+ font-size: 1em;
9983
+ font-weight: 400;
9984
+ padding: 0.75em;
9985
+ display: block;
9986
+ min-width: 2.5em;
9987
+ -webkit-transition: all 0.3s ease-in-out;
9988
+ transition: all 0.3s ease-in-out;
9989
+ }
9990
+
9991
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
9992
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
9993
+ background-color: #54595f;
9994
+ color: #fff;
9995
+ outline: none;
9996
+ }
9997
+
9998
+ .premium-woocommerce .premium-loading-feed,
9999
+ .premium-woo-quick-view-loader .premium-loading-feed {
10000
+ display: block;
10001
+ position: absolute;
10002
+ width: 100%;
10003
+ height: 100%;
10004
+ top: 0px;
10005
+ right: 0px;
10006
+ bottom: 0px;
10007
+ left: 0px;
10008
+ background: rgba(255, 255, 255, 0.2);
10009
+ -js-display: flex;
10010
+ display: -webkit-box;
10011
+ display: -webkit-flex;
10012
+ display: -moz-box;
10013
+ display: -ms-flexbox;
10014
+ display: flex;
10015
+ -webkit-box-align: center;
10016
+ -webkit-align-items: center;
10017
+ -moz-box-align: center;
10018
+ -ms-flex-align: center;
10019
+ align-items: center;
10020
+ }
10021
+
10022
+ /**
10023
+ * Image Hover Effects
10024
+ */
10025
+ .premium-woocommerce .woocommerce-loop-product__link img {
10026
+ -webkit-transition: all 0.3s ease-in-out;
10027
+ transition: all 0.3s ease-in-out;
10028
+ }
10029
+
10030
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
10031
+ -webkit-transform: scale(1.2);
10032
+ -ms-transform: scale(1.2);
10033
+ transform: scale(1.2);
10034
+ }
10035
+
10036
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
10037
+ -webkit-transform: none;
10038
+ -ms-transform: none;
10039
+ transform: none;
10040
+ }
10041
+
10042
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
10043
+ -webkit-transform: none;
10044
+ -ms-transform: none;
10045
+ transform: none;
10046
+ }
10047
+
10048
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
10049
+ -webkit-transform: scale(1.2);
10050
+ -ms-transform: scale(1.2);
10051
+ transform: scale(1.2);
10052
+ }
10053
+
10054
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
10055
+ -webkit-filter: grayscale(100%);
10056
+ filter: grayscale(100%);
10057
+ }
10058
+
10059
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
10060
+ -webkit-filter: grayscale(0%);
10061
+ filter: grayscale(0%);
10062
+ }
10063
+
10064
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
10065
+ -webkit-filter: sepia(30%);
10066
+ filter: sepia(30%);
10067
+ }
10068
+
10069
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
10070
+ -webkit-filter: sepia(0%);
10071
+ filter: sepia(0%);
10072
+ }
10073
+
10074
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
10075
+ -webkit-filter: brightness(1);
10076
+ filter: brightness(1);
10077
+ }
10078
+
10079
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
10080
+ -webkit-filter: brightness(1.2);
10081
+ filter: brightness(1.2);
10082
+ }
10083
+
10084
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
10085
+ -webkit-transform: translateX(15px) scale(1.1);
10086
+ -ms-transform: translateX(15px) scale(1.1);
10087
+ transform: translateX(15px) scale(1.1);
10088
+ }
10089
+
10090
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
10091
+ -webkit-transform: translateX(0px) scale(1.1);
10092
+ -ms-transform: translateX(0px) scale(1.1);
10093
+ transform: translateX(0px) scale(1.1);
10094
+ }
10095
+
10096
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
10097
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
10098
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
10099
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
10100
+ }
10101
+
10102
+ .premium-woocommerce .premium-woo-product__on_hover {
10103
+ position: absolute;
10104
+ top: 0;
10105
+ left: 0;
10106
+ bottom: 0;
10107
+ right: 0;
10108
+ height: 100%;
10109
+ opacity: 0;
10110
+ }
10111
+
10112
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
10113
+ opacity: 1;
10114
+ }
10115
+
10116
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
10117
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
10118
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
10119
+ position: absolute;
10120
+ bottom: 0;
10121
+ right: 0;
10122
+ width: 100%;
10123
+ text-align: center;
10124
+ padding: 5px;
10125
+ background: rgba(2, 2, 2, 0.5);
10126
+ color: #fff;
10127
+ -webkit-transition: all 0.3s ease-in-out;
10128
+ transition: all 0.3s ease-in-out;
10129
+ z-index: 2;
10130
+ -webkit-transform: translateY(100%);
10131
+ -ms-transform: translateY(100%);
10132
+ transform: translateY(100%);
10133
+ }
10134
+
10135
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
10136
+ -webkit-transition-delay: 0.1s;
10137
+ transition-delay: 0.1s;
10138
+ }
10139
+
10140
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
10141
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
10142
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
10143
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
10144
+ margin-right: 0.5em;
10145
+ }
10146
+
10147
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
10148
+ -webkit-transform: translateY(0);
10149
+ -ms-transform: translateY(0);
10150
+ transform: translateY(0);
10151
+ }
10152
+
10153
+ .premium-woo-product-wrapper .premium-woo-qv-data {
10154
+ position: absolute;
10155
+ top: 0;
10156
+ right: 0;
10157
+ width: 100%;
10158
+ height: 100%;
10159
+ z-index: 1;
10160
+ overflow: hidden;
10161
+ cursor: pointer;
10162
+ }
10163
+
10164
+ /**
10165
+ * Skin 1,4
10166
+ */
10167
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
10168
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
10169
+ position: absolute;
10170
+ top: 0.7em;
10171
+ left: 1em;
10172
+ -webkit-transform: translate3d(-15px, 0, 0);
10173
+ transform: translate3d(-15px, 0, 0);
10174
+ -webkit-transition: all 0.3s ease-in-out;
10175
+ transition: all 0.3s ease-in-out;
10176
+ opacity: 0;
10177
+ z-index: 9;
10178
+ }
10179
+
10180
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
10181
+ position: relative;
10182
+ display: block;
10183
+ margin: 0 0 3px;
10184
+ background: #fff;
10185
+ text-align: center;
10186
+ outline: 0;
10187
+ -webkit-transition: all 0.3s ease-in-out;
10188
+ transition: all 0.3s ease-in-out;
10189
+ }
10190
+
10191
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
10192
+ display: block;
10193
+ color: #54595f;
10194
+ width: 30px;
10195
+ line-height: 30px;
10196
+ height: 30px;
10197
+ cursor: pointer;
10198
+ -webkit-transition: all 0.3s ease-in-out;
10199
+ transition: all 0.3s ease-in-out;
10200
+ }
10201
+
10202
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
10203
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
10204
+ -webkit-transform: translate3d(-5px, 0, 0);
10205
+ transform: translate3d(-5px, 0, 0);
10206
+ opacity: 1;
10207
+ }
10208
+
10209
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
10210
+ -webkit-animation: spin 2s linear infinite;
10211
+ animation: spin 2s linear infinite;
10212
+ }
10213
+
10214
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
10215
+ content: "\f013";
10216
+ }
10217
+
10218
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
10219
+ content: "\f00c";
10220
+ }
10221
+
10222
+ /**
10223
+ * Skin 2
10224
+ */
10225
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
10226
+ position: absolute;
10227
+ background: #fff;
10228
+ bottom: 0;
10229
+ right: 0;
10230
+ width: 100%;
10231
+ z-index: 2;
10232
+ padding: 0;
10233
+ opacity: 0;
10234
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
10235
+ transition: opacity 0.2s, -webkit-transform 0.4s;
10236
+ transition: transform 0.4s, opacity 0.2s;
10237
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
10238
+ -webkit-transform: translateZ(0) translateY(5px);
10239
+ transform: translateZ(0) translateY(5px);
10240
+ }
10241
+
10242
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
10243
+ padding: 15px 0;
10244
+ }
10245
+
10246
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
10247
+ opacity: 1;
10248
+ -webkit-transform: translateZ(0) translateY(0);
10249
+ transform: translateZ(0) translateY(0);
10250
+ }
10251
+
10252
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
10253
+ position: static;
10254
+ -js-display: flex;
10255
+ display: -webkit-box;
10256
+ display: -webkit-flex;
10257
+ display: -moz-box;
10258
+ display: -ms-flexbox;
10259
+ display: flex;
10260
+ -webkit-box-orient: horizontal;
10261
+ -webkit-box-direction: reverse;
10262
+ -webkit-flex-direction: row-reverse;
10263
+ -moz-box-orient: horizontal;
10264
+ -moz-box-direction: reverse;
10265
+ -ms-flex-direction: row-reverse;
10266
+ flex-direction: row-reverse;
10267
+ }
10268
+
10269
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
10270
+ -webkit-box-flex: 1;
10271
+ -webkit-flex: 1;
10272
+ -moz-box-flex: 1;
10273
+ -ms-flex: 1;
10274
+ flex: 1;
10275
+ min-width: 50%;
10276
+ }
10277
+
10278
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
10279
+ -js-display: flex;
10280
+ display: -webkit-box;
10281
+ display: -webkit-flex;
10282
+ display: -moz-box;
10283
+ display: -ms-flexbox;
10284
+ display: flex;
10285
+ margin: 0;
10286
+ text-align: center;
10287
+ -webkit-box-pack: center;
10288
+ -webkit-justify-content: center;
10289
+ -moz-box-pack: center;
10290
+ -ms-flex-pack: center;
10291
+ justify-content: center;
10292
+ -webkit-box-align: center;
10293
+ -webkit-align-items: center;
10294
+ -moz-box-align: center;
10295
+ -ms-flex-align: center;
10296
+ align-items: center;
10297
+ }
10298
+
10299
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
10300
+ background-color: #54595f;
10301
+ }
10302
+
10303
+ /**
10304
+ * Skin 4
10305
+ */
10306
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
10307
+ position: absolute;
10308
+ right: 0;
10309
+ left: 0;
10310
+ top: 50%;
10311
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
10312
+ transform: scale(0.9) translateZ(0) translateY(-50%);
10313
+ text-align: center;
10314
+ z-index: 2;
10315
+ opacity: 0;
10316
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
10317
+ transition: opacity 0.5s, -webkit-transform 0.3s;
10318
+ transition: opacity 0.5s, transform 0.3s;
10319
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
10320
+ }
10321
+
10322
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
10323
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
10324
+ position: absolute;
10325
+ top: 0;
10326
+ right: 0;
10327
+ width: 100%;
10328
+ height: 100%;
10329
+ opacity: 0;
10330
+ visibility: hidden;
10331
+ background-color: rgba(27, 27, 23, 0.3);
10332
+ -webkit-transition: all 0.25s ease-in-out;
10333
+ transition: all 0.25s ease-in-out;
10334
+ }
10335
+
10336
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
10337
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
10338
+ opacity: 1;
10339
+ visibility: visible;
10340
+ z-index: 1;
10341
+ }
10342
+
10343
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
10344
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
10345
+ transform: scale(1) translateZ(0) translateY(-50%);
10346
+ opacity: 1;
10347
+ }
10348
+
10349
+ /**
10350
+ * Skin 5
10351
+ */
10352
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
10353
+ -js-display: flex;
10354
+ display: -webkit-box;
10355
+ display: -webkit-flex;
10356
+ display: -moz-box;
10357
+ display: -ms-flexbox;
10358
+ display: flex;
10359
+ }
10360
+
10361
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
10362
+ -js-display: flex;
10363
+ display: -webkit-box;
10364
+ display: -webkit-flex;
10365
+ display: -moz-box;
10366
+ display: -ms-flexbox;
10367
+ display: flex;
10368
+ -webkit-box-align: center;
10369
+ -webkit-align-items: center;
10370
+ -moz-box-align: center;
10371
+ -ms-flex-align: center;
10372
+ align-items: center;
10373
+ background-color: #54595f;
10374
+ padding: 10px;
10375
+ -webkit-transition: all 0.25s ease 0s;
10376
+ transition: all 0.25s ease 0s;
10377
+ }
10378
+
10379
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
10380
+ width: 75%;
10381
+ }
10382
+
10383
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
10384
+ -js-display: flex;
10385
+ display: -webkit-box;
10386
+ display: -webkit-flex;
10387
+ display: -moz-box;
10388
+ display: -ms-flexbox;
10389
+ display: flex;
10390
+ -webkit-box-align: center;
10391
+ -webkit-align-items: center;
10392
+ -moz-box-align: center;
10393
+ -ms-flex-align: center;
10394
+ align-items: center;
10395
+ }
10396
+
10397
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
10398
+ -webkit-box-pack: end;
10399
+ -webkit-justify-content: flex-end;
10400
+ -moz-box-pack: end;
10401
+ -ms-flex-pack: end;
10402
+ justify-content: flex-end;
10403
+ }
10404
+
10405
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
10406
+ -webkit-box-pack: center;
10407
+ -webkit-justify-content: center;
10408
+ -moz-box-pack: center;
10409
+ -ms-flex-pack: center;
10410
+ justify-content: center;
10411
+ }
10412
+
10413
+ /**
10414
+ * Skin 6
10415
+ */
10416
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
10417
+ position: absolute;
10418
+ top: 50%;
10419
+ right: 50%;
10420
+ min-width: 40%;
10421
+ text-align: center;
10422
+ padding: 5px;
10423
+ background: rgba(2, 2, 2, 0.5);
10424
+ color: #fff;
10425
+ -webkit-transform: translate(50%, -50%);
10426
+ -ms-transform: translate(50%, -50%);
10427
+ transform: translate(50%, -50%);
10428
+ opacity: 0;
10429
+ visibility: hidden;
10430
+ -webkit-transition: all 0.3s ease-in-out;
10431
+ transition: all 0.3s ease-in-out;
10432
+ cursor: pointer;
10433
+ z-index: 2;
10434
+ }
10435
+
10436
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
10437
+ opacity: 1;
10438
+ visibility: visible;
10439
+ }
10440
+
10441
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
10442
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
10443
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
10444
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
10445
+ margin: 0;
10446
+ }
10447
+
10448
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
10449
+ -js-display: flex;
10450
+ display: -webkit-box;
10451
+ display: -webkit-flex;
10452
+ display: -moz-box;
10453
+ display: -ms-flexbox;
10454
+ display: flex;
10455
+ -webkit-box-pack: justify;
10456
+ -webkit-justify-content: space-between;
10457
+ -moz-box-pack: justify;
10458
+ -ms-flex-pack: justify;
10459
+ justify-content: space-between;
10460
+ }
10461
+
10462
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
10463
+ -webkit-box-orient: vertical;
10464
+ -webkit-box-direction: normal;
10465
+ -webkit-flex-direction: column;
10466
+ -moz-box-orient: vertical;
10467
+ -moz-box-direction: normal;
10468
+ -ms-flex-direction: column;
10469
+ flex-direction: column;
10470
+ }
10471
+
10472
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
10473
+ -webkit-box-orient: horizontal;
10474
+ -webkit-box-direction: reverse;
10475
+ -webkit-flex-direction: row-reverse;
10476
+ -moz-box-orient: horizontal;
10477
+ -moz-box-direction: reverse;
10478
+ -ms-flex-direction: row-reverse;
10479
+ flex-direction: row-reverse;
10480
+ }
10481
+
10482
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
10483
+ -js-display: flex;
10484
+ display: -webkit-box;
10485
+ display: -webkit-flex;
10486
+ display: -moz-box;
10487
+ display: -ms-flexbox;
10488
+ display: flex;
10489
+ position: absolute;
10490
+ bottom: 10px;
10491
+ width: 100%;
10492
+ -webkit-box-pack: center;
10493
+ -webkit-justify-content: center;
10494
+ -moz-box-pack: center;
10495
+ -ms-flex-pack: center;
10496
+ justify-content: center;
10497
+ }
10498
+
10499
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
10500
+ width: 20%;
10501
+ margin: 0 0.2em;
10502
+ border: 2px solid #aaa;
10503
+ cursor: pointer;
10504
+ }
10505
+
10506
+ /**
10507
+ * Metro
10508
+ */
10509
+ /*.premium-woo-grid-style1 ul.products li.product {
10510
+ width: 25%;
10511
+ }*/
10512
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
10513
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
10514
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
10515
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
10516
+ height: 100%;
10517
+ }
10518
+
10519
+ .premium-woo-products-metro ul.products li.product {
10520
+ margin-bottom: 0;
10521
+ }
10522
+
10523
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
10524
+ -o-object-fit: cover;
10525
+ object-fit: cover;
10526
+ }
10527
+
10528
+ /*
10529
+ * Carousel
10530
+ */
10531
+ .premium-carousel-hidden {
10532
+ opacity: 0;
10533
+ visibility: hidden;
10534
+ }
10535
+
10536
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
10537
+ -webkit-border-radius: 50%;
10538
+ border-radius: 50%;
10539
+ }
10540
+
10541
+ .premium-woocommerce ul.slick-dots {
10542
+ width: 100%;
10543
+ }
10544
+
10545
+ /*
10546
+ * Quick View Html/body
10547
+ */
10548
+ html.premium-woo-qv-opened,
10549
+ html.premium-woo-qv-opened body {
10550
+ overflow: hidden;
10551
+ }
10552
+
10553
+ /**
10554
+ * Quick View Modal
10555
+ */
10556
+ .premium-woo-quick-view-back {
10557
+ position: fixed;
10558
+ visibility: hidden;
10559
+ overflow: hidden;
10560
+ background: rgba(2, 2, 2, 0.5);
10561
+ opacity: 0;
10562
+ -webkit-transition: opacity 0.25s;
10563
+ transition: opacity 0.25s;
10564
+ z-index: 999;
10565
+ }
10566
+
10567
+ .premium-woo-quick-view-active {
10568
+ top: 0;
10569
+ right: 0;
10570
+ width: 100%;
10571
+ height: 100%;
10572
+ opacity: 1;
10573
+ visibility: visible;
10574
+ }
10575
+
10576
+ #premium-woo-quick-view-modal {
10577
+ position: fixed;
10578
+ visibility: hidden;
10579
+ opacity: 0;
10580
+ top: 0;
10581
+ right: 0;
10582
+ width: 100%;
10583
+ height: 100%;
10584
+ z-index: 1400;
10585
+ text-align: center;
10586
+ -webkit-transition: all 0.3s;
10587
+ transition: all 0.3s;
10588
+ overflow-x: hidden;
10589
+ overflow-y: auto;
10590
+ }
10591
+
10592
+ #premium-woo-quick-view-modal.active {
10593
+ visibility: visible;
10594
+ opacity: 1;
10595
+ }
10596
+
10597
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
10598
+ -webkit-transform: translateY(0);
10599
+ -ms-transform: translateY(0);
10600
+ transform: translateY(0);
10601
+ opacity: 1;
10602
+ width: 100%;
10603
+ }
10604
+
10605
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
10606
+ position: absolute;
10607
+ width: 100%;
10608
+ height: 100%;
10609
+ top: 0;
10610
+ right: 0;
10611
+ text-align: center;
10612
+ padding: 30px;
10613
+ -js-display: flex;
10614
+ display: -webkit-box;
10615
+ display: -webkit-flex;
10616
+ display: -moz-box;
10617
+ display: -ms-flexbox;
10618
+ display: flex;
10619
+ -webkit-box-align: center;
10620
+ -webkit-align-items: center;
10621
+ -moz-box-align: center;
10622
+ -ms-flex-align: center;
10623
+ align-items: center;
10624
+ }
10625
+
10626
+ #premium-woo-quick-view-modal .premium-woo-content-main {
10627
+ position: relative;
10628
+ pointer-events: none;
10629
+ max-width: 100%;
10630
+ text-align: right;
10631
+ z-index: 1045;
10632
+ -webkit-transform: translateY(-30px);
10633
+ -ms-transform: translateY(-30px);
10634
+ transform: translateY(-30px);
10635
+ opacity: 0;
10636
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
10637
+ transition: opacity 0.3s, -webkit-transform 0.5s;
10638
+ transition: transform 0.5s, opacity 0.3s;
10639
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
10640
+ margin: 0 auto;
10641
+ }
10642
+
10643
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
10644
+ position: relative;
10645
+ display: table;
10646
+ pointer-events: auto;
10647
+ background-color: #fff;
10648
+ max-width: 975px;
10649
+ margin: 20px auto;
10650
+ -webkit-transform: translateZ(0);
10651
+ transform: translateZ(0);
10652
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10653
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
10654
+ overflow: hidden;
10655
+ }
10656
+
10657
+ #premium-woo-quick-view-modal .summary {
10658
+ width: 50%;
10659
+ margin: 0;
10660
+ padding: 30px;
10661
+ float: right;
10662
+ -webkit-box-sizing: border-box;
10663
+ -moz-box-sizing: border-box;
10664
+ box-sizing: border-box;
10665
+ }
10666
+
10667
+ #premium-woo-quick-view-modal .summary .quantity {
10668
+ min-width: auto;
10669
+ }
10670
+
10671
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
10672
+ width: 54px;
10673
+ -webkit-appearance: button;
10674
+ -moz-appearance: button;
10675
+ appearance: button;
10676
+ }
10677
+
10678
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
10679
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
10680
+ display: unset;
10681
+ }
10682
+
10683
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
10684
+ margin: 0;
10685
+ }
10686
+
10687
+ #premium-woo-quick-view-close {
10688
+ position: absolute;
10689
+ font-size: 22px;
10690
+ top: 10px;
10691
+ left: 10px;
10692
+ width: 22px;
10693
+ height: 22px;
10694
+ line-height: 22px;
10695
+ opacity: 0.7;
10696
+ text-align: center;
10697
+ z-index: 2;
10698
+ color: #000;
10699
+ }
10700
+
10701
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
10702
+ position: relative;
10703
+ }
10704
+
10705
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
10706
+ list-style: none;
10707
+ }
10708
+
10709
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
10710
+ margin: 0;
10711
+ padding: 0;
10712
+ width: 100%;
10713
+ position: absolute;
10714
+ bottom: 10px;
10715
+ text-align: center;
10716
+ direction: ltr;
10717
+ }
10718
+
10719
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
10720
+ margin: 0 6px;
10721
+ display: inline-block;
10722
+ vertical-align: middle;
10723
+ }
10724
+
10725
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
10726
+ width: 11px;
10727
+ height: 11px;
10728
+ display: block;
10729
+ background: #666;
10730
+ background: rgba(0, 0, 0, 0.5);
10731
+ cursor: pointer;
10732
+ text-indent: -9999px;
10733
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10734
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
10735
+ -webkit-border-radius: 20px;
10736
+ border-radius: 20px;
10737
+ }
10738
+
10739
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
10740
+ background: rgba(0, 0, 0, 0.9);
10741
+ cursor: default;
10742
+ }
10743
+
10744
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
10745
+ outline: none;
10746
+ }
10747
+
10748
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
10749
+ -o-object-fit: cover;
10750
+ object-fit: cover;
10751
+ width: 100%;
10752
+ }
10753
+
10754
+ #premium-woo-quick-view-content div.images {
10755
+ width: 50%;
10756
+ float: right;
10757
+ opacity: 1 !important;
10758
+ margin: 0;
10759
+ }
10760
+
10761
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
10762
+ margin: 0;
10763
+ padding: 0;
10764
+ list-style: none;
10765
+ direction: ltr;
10766
+ }
10767
+
10768
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
10769
+ text-decoration: none;
10770
+ display: block;
10771
+ width: 14px;
10772
+ height: 32px;
10773
+ font-size: 32px;
10774
+ line-height: 32px;
10775
+ margin: -20px 0 0;
10776
+ position: absolute;
10777
+ top: 50%;
10778
+ z-index: 10;
10779
+ overflow: hidden;
10780
+ cursor: pointer;
10781
+ color: rgba(0, 0, 0, 0.8);
10782
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
10783
+ -webkit-transition: all 0.3s ease-in-out;
10784
+ transition: all 0.3s ease-in-out;
10785
+ }
10786
+
10787
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
10788
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10789
+ display: inline-block;
10790
+ font-family: "Font Awesome 5 Free";
10791
+ font-weight: 900;
10792
+ text-rendering: auto;
10793
+ -webkit-font-smoothing: antialiased;
10794
+ -moz-osx-font-smoothing: grayscale;
10795
+ }
10796
+
10797
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
10798
+ left: 10px;
10799
+ }
10800
+
10801
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
10802
+ right: 10px;
10803
+ }
10804
+
10805
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
10806
+ content: "\f104";
10807
+ }
10808
+
10809
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
10810
+ content: "\f105";
10811
+ }
10812
+
10813
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
10814
+ display: none;
10815
+ }
10816
+
10817
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
10818
+ -webkit-animation: spin 2s linear infinite;
10819
+ animation: spin 2s linear infinite;
10820
+ margin-right: 5px;
10821
+ vertical-align: baseline;
10822
+ }
10823
+
10824
+ /*
10825
+ * Load More Button
10826
+ */
10827
+ .premium-woo-load-more {
10828
+ position: relative;
10829
+ }
10830
+
10831
+ .premium-woo-load-more .premium-woo-load-more-btn {
10832
+ -webkit-box-shadow: none;
10833
+ box-shadow: none;
10834
+ text-shadow: none;
10835
+ border: none;
10836
+ outline: none;
10837
+ -webkit-box-align: center;
10838
+ -webkit-align-items: center;
10839
+ -moz-box-align: center;
10840
+ -ms-flex-align: center;
10841
+ align-items: center;
10842
+ vertical-align: bottom;
10843
+ cursor: pointer;
10844
+ line-height: 1;
10845
+ font-style: normal;
10846
+ font-weight: normal;
10847
+ background-image: none;
10848
+ color: #fff;
10849
+ -webkit-transition: all 0.3s ease-in-out;
10850
+ transition: all 0.3s ease-in-out;
10851
+ padding: 10px 20px;
10852
+ }
10853
+
10854
+ .premium-woo-load-more-btn {
10855
+ -js-display: inline-flex;
10856
+ display: -webkit-inline-box;
10857
+ display: -webkit-inline-flex;
10858
+ display: -moz-inline-box;
10859
+ display: -ms-inline-flexbox;
10860
+ display: inline-flex;
10861
+ -webkit-box-align: center;
10862
+ -webkit-align-items: center;
10863
+ -moz-box-align: center;
10864
+ -ms-flex-align: center;
10865
+ align-items: center;
10866
+ }
10867
+
10868
+ .premium-woo-load-more-btn span {
10869
+ margin-right: 3px;
10870
+ }
10871
+
10872
+ .premium-woo-load-more-btn .premium-loader {
10873
+ display: inline-block;
10874
+ width: 20px;
10875
+ height: 20px;
10876
+ }
10877
+
10878
+ @media (min-width: 545px) {
10879
+ #premium-woo-quick-view-content div.summary {
10880
+ content: "544";
10881
+ overflow-y: auto;
10882
+ }
10883
+ }
10884
+
10885
+ @media (max-width: 544px) {
10886
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
10887
+ display: block;
10888
+ }
10889
+
10890
+ #premium-woo-quick-view-content div.images,
10891
+ #premium-woo-quick-view-content div.summary {
10892
+ width: 100%;
10893
+ float: none;
10894
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10895
  }
10896
  /*
10897
  * Common Title/Dual Heading
assets/frontend/css/premium-addons.css CHANGED
@@ -1,8 +1,8 @@
1
  @charset "UTF-8";
2
  @font-face {
3
  font-family: "pa-elements";
4
- src: url("../../editor/fonts/pa-elements.eot?b8ruxf");
5
- src: url("../../editor/fonts/pa-elements.eot?b8ruxf#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?b8ruxf") format("truetype"), url("../../editor/fonts/pa-elements.woff?b8ruxf") format("woff"), url("../../editor/fonts/pa-elements.svg?b8ruxf#pa-elements") format("svg");
6
  font-weight: normal;
7
  font-style: normal;
8
  }
@@ -3838,206 +3838,166 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
3838
  -webkit-transform: rotateX(360deg);
3839
  transform: rotateX(360deg); } }
3840
 
3841
- /************ Premium Image Scroll ************/
3842
- /**********************************************/
3843
- @font-face {
3844
- font-family: "pa-elements";
3845
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?b8ruxf");
3846
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?b8ruxf#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?b8ruxf") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?b8ruxf") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?b8ruxf#pa-elements") format("svg");
3847
- font-weight: normal;
3848
- font-style: normal;
3849
- }
3850
-
3851
- .premium-image-scroll-section,
3852
- .premium-image-scroll-container {
3853
- -webkit-transition: all 0.3s ease-in-out;
3854
- transition: all 0.3s ease-in-out;
3855
- }
3856
-
3857
- .premium-image-scroll-section {
3858
- position: relative;
3859
- overflow: hidden;
3860
- width: 100%;
3861
- -webkit-mask-image: -webkit-radial-gradient(white, black);
3862
- }
3863
-
3864
- .premium-image-scroll-container {
3865
- width: 100%;
3866
- }
3867
-
3868
- .premium-image-scroll-container .premium-image-scroll-mask-media {
3869
- -webkit-mask-repeat: no-repeat;
3870
- mask-repeat: no-repeat;
3871
- -webkit-mask-position: center;
3872
- mask-position: center;
3873
- }
3874
-
3875
- .premium-container-scroll {
3876
- overflow: auto;
3877
- }
3878
-
3879
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3880
- position: relative;
3881
- width: 100%;
3882
- height: 100%;
3883
- }
3884
-
3885
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
3886
- max-width: none;
3887
- height: 100%;
3888
- }
3889
-
3890
- .premium-image-scroll-container .premium-image-scroll-vertical img {
3891
- width: 100%;
3892
- max-width: 100%;
3893
- height: auto;
3894
- }
3895
-
3896
- .premium-image-scroll-ver {
3897
- position: relative;
3898
- }
3899
-
3900
- .premium-image-scroll-container .premium-image-scroll-overlay {
3901
- background: rgba(2, 2, 2, 0.3);
3902
- }
3903
-
3904
- .premium-image-scroll-container .premium-image-scroll-link,
3905
- .premium-image-scroll-container .premium-image-scroll-overlay {
3906
- position: absolute;
3907
- top: 0;
3908
- bottom: 0;
3909
- left: 0;
3910
- right: 0;
3911
- z-index: 4;
3912
- }
3913
-
3914
- .premium-image-scroll-content {
3915
- display: inline-block;
3916
- position: absolute;
3917
- height: auto;
3918
- top: 50%;
3919
- left: 50%;
3920
- text-align: center;
3921
- z-index: 5;
3922
- -webkit-transform: translate(-50%, -50%);
3923
- -ms-transform: translate(-50%, -50%);
3924
- transform: translate(-50%, -50%);
3925
- }
3926
-
3927
- .premium-container-scroll-instant .premium-image-scroll-image {
3928
- -webkit-transition: all 0s ease-in-out !important;
3929
- transition: all 0s ease-in-out !important;
3930
- }
3931
-
3932
- .premium-image-scroll-container img {
3933
- -webkit-transition: -webkit-transform 3s ease-in-out;
3934
- transition: -webkit-transform 3s ease-in-out;
3935
- transition: transform 3s ease-in-out;
3936
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
3937
- }
3938
-
3939
- .premium-image-scroll-container .premium-image-scroll-overlay,
3940
- .premium-image-scroll-container .premium-image-scroll-content {
3941
- -webkit-transition: all 0.3s ease-in-out;
3942
- transition: all 0.3s ease-in-out;
3943
- opacity: 1;
3944
- }
3945
-
3946
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3947
- opacity: 0;
3948
- }
3949
-
3950
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3951
- opacity: 0;
3952
- visibility: hidden;
3953
- }
3954
-
3955
- .premium-image-scroll-content .premium-image-scroll-icon {
3956
- display: inline-block;
3957
- font-family: "pa-elements" !important;
3958
- speak: none;
3959
- font-style: normal;
3960
- font-weight: normal;
3961
- font-variant: normal;
3962
- text-transform: none;
3963
- line-height: 1;
3964
- -webkit-font-smoothing: antialiased;
3965
- -moz-osx-font-smoothing: grayscale;
3966
- -webkit-animation-duration: 0.5s;
3967
- animation-duration: 0.5s;
3968
- -webkit-animation-iteration-count: infinite;
3969
- animation-iteration-count: infinite;
3970
- -webkit-animation-direction: alternate;
3971
- animation-direction: alternate;
3972
- -webkit-animation-timing-function: ease-in-out;
3973
- animation-timing-function: ease-in-out;
3974
- }
3975
-
3976
- .pa-horizontal-mouse-scroll:before {
3977
- content: "\e901";
3978
- }
3979
-
3980
- .pa-vertical-mouse-scroll:before {
3981
- content: "\e93c";
3982
- }
3983
-
3984
- .pa-horizontal-mouse-scroll {
3985
- -webkit-animation-name: pa-scroll-horizontal;
3986
- animation-name: pa-scroll-horizontal;
3987
- }
3988
-
3989
- .pa-vertical-mouse-scroll {
3990
- -webkit-animation-name: pa-scroll-vertical;
3991
- animation-name: pa-scroll-vertical;
3992
- }
3993
-
3994
- @-webkit-keyframes pa-scroll-vertical {
3995
- 0% {
3996
- -webkit-transform: translateY(0px);
3997
- transform: translateY(0px);
3998
- }
3999
-
4000
- 100% {
4001
- -webkit-transform: translateY(5px);
4002
- transform: translateY(5px);
4003
- }
4004
- }
4005
-
4006
- @keyframes pa-scroll-vertical {
4007
- 0% {
4008
- -webkit-transform: translateY(0px);
4009
- transform: translateY(0px);
4010
- }
4011
-
4012
- 100% {
4013
- -webkit-transform: translateY(5px);
4014
- transform: translateY(5px);
4015
- }
4016
- }
4017
-
4018
- @-webkit-keyframes pa-scroll-horizontal {
4019
- 0% {
4020
- -webkit-transform: translateX(0px);
4021
- transform: translateX(0px);
4022
- }
4023
-
4024
- 100% {
4025
- -webkit-transform: translateX(5px);
4026
- transform: translateX(5px);
4027
- }
4028
- }
4029
-
4030
- @keyframes pa-scroll-horizontal {
4031
- 0% {
4032
- -webkit-transform: translateX(0px);
4033
- transform: translateX(0px);
4034
- }
4035
 
4036
- 100% {
4037
- -webkit-transform: translateX(5px);
4038
- transform: translateX(5px);
4039
- }
4040
- }
4041
  /**************** Premium Image Separator ****************/
4042
  /*********************************************************/
4043
  .premium-image-separator-container {
@@ -4127,8 +4087,9 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4127
  top: 0;
4128
  left: 0;
4129
  width: 100%;
4130
- height: 100%; }
4131
- .pa-gallery-img.style2 .pa-gallery-whole-link {
 
4132
  z-index: 99; }
4133
 
4134
  .pa-gallery-img-container {
@@ -4282,7 +4243,7 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4282
  -webkit-transform: translateY(-50%);
4283
  -ms-transform: translateY(-50%);
4284
  transform: translateY(-50%);
4285
- z-index: 999; }
4286
 
4287
  .pa-gallery-img.style1 .premium-gallery-caption {
4288
  position: absolute;
@@ -4349,8 +4310,8 @@ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
4349
  .premium-clearfix {
4350
  clear: both; }
4351
 
4352
- /**
4353
- * Metro Layout
4354
  */
4355
  .premium-img-gallery-metro .premium-gallery-item {
4356
  overflow: hidden; }
@@ -4761,7 +4722,8 @@ button.premium-modal-box-modal-close {
4761
  /************ Premium Nav Menu ************/
4762
  .premium-nav-widget-container ul {
4763
  list-style: none;
4764
- margin: 0; }
 
4765
 
4766
  .premium-nav-widget-container .premium-main-nav-menu {
4767
  -js-display: flex;
@@ -4773,8 +4735,18 @@ button.premium-modal-box-modal-close {
4773
  height: 100%; }
4774
 
4775
  /*Vertical Main Menu**/
 
 
 
 
 
 
 
 
4776
  .premium-nav-ver .premium-nav-menu-container {
4777
- width: 45%; }
 
 
4778
 
4779
  .premium-nav-ver .premium-main-nav-menu {
4780
  position: relative;
@@ -4910,7 +4882,8 @@ button.premium-modal-box-modal-close {
4910
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4911
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4912
  color: #494c4f; }
4913
- .premium-nav-widget-container .premium-hamburger-toggle svg {
 
4914
  fill: #494c4f; }
4915
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4916
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
@@ -4969,7 +4942,7 @@ button.premium-modal-box-modal-close {
4969
  top: 0;
4970
  left: 0;
4971
  overflow-x: hidden;
4972
- z-index: 10000;
4973
  -webkit-transition: 0.5s;
4974
  transition: 0.5s;
4975
  padding-top: 50px; }
@@ -5015,6 +4988,8 @@ button.premium-modal-box-modal-close {
5015
  width: 22px;
5016
  height: 22px;
5017
  fill: #494c4f; }
 
 
5018
  .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
5019
  font-size: 22px; }
5020
 
@@ -5025,6 +5000,188 @@ button.premium-modal-box-modal-close {
5025
  -webkit-transition: 0.5s;
5026
  transition: 0.5s; }
5027
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5028
  /**Common*/
5029
  .premium-nav-slide-overlay {
5030
  display: none;
@@ -5036,7 +5193,7 @@ button.premium-modal-box-modal-close {
5036
  -webkit-backface-visibility: hidden;
5037
  backface-visibility: hidden;
5038
  background: rgba(0, 0, 0, 0.6);
5039
- z-index: 9999; }
5040
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
5041
  display: block; }
5042
 
@@ -6331,342 +6488,169 @@ ul.premium-person-social-list {
6331
  -webkit-transition: all 0.3s ease-in-out;
6332
  transition: all 0.3s ease-in-out; }
6333
 
6334
- /**************** Premium Progress Bar ****************/
6335
- /******************************************************/
6336
- .premium-progressbar-container {
6337
- position: relative; }
6338
-
6339
- .premium-progressbar-bar-wrap {
6340
- position: relative;
6341
- text-align: left;
6342
- overflow: hidden;
6343
- height: 25px;
6344
- margin-bottom: 50px;
6345
- background-color: #f5f5f5;
6346
- -webkit-border-radius: 4px;
6347
- border-radius: 4px;
6348
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6349
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6350
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
6351
- background-color: transparent;
6352
- width: 100%;
6353
- -js-display: flex;
6354
- display: -webkit-box;
6355
- display: -webkit-flex;
6356
- display: -moz-box;
6357
- display: -ms-flexbox;
6358
- display: flex;
6359
- height: auto;
6360
- -webkit-box-shadow: none;
6361
- box-shadow: none; }
6362
- .premium-progressbar-bar-wrap .progress-segment {
6363
- position: relative;
6364
- width: 25px;
6365
- height: 25px;
6366
- -webkit-border-radius: 50%;
6367
- border-radius: 50%;
6368
- overflow: hidden;
6369
- background-color: #f5f5f5; }
6370
- .premium-progressbar-bar-wrap .progress-segment.filled {
6371
- background: #6ec1e4; }
6372
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6373
- margin: 0 4px; }
6374
- .premium-progressbar-bar-wrap .progress-segment:first-child {
6375
- margin-right: 4px; }
6376
- .premium-progressbar-bar-wrap .progress-segment:last-child {
6377
- margin-left: 4px; }
6378
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6379
- position: absolute;
6380
- top: 0;
6381
- left: 0;
6382
- height: 100%;
6383
- background-color: #6ec1e4; }
6384
-
6385
- .premium-progressbar-bar {
6386
- float: left;
6387
- width: 0%;
6388
- height: 100%;
6389
- font-size: 12px;
6390
- line-height: 20px;
6391
- background: #6ec1e4;
6392
- text-align: center;
6393
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6394
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6395
-
6396
- .premium-progressbar-striped .premium-progressbar-bar {
6397
- 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);
6398
- 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);
6399
- -webkit-background-size: 40px 40px;
6400
- background-size: 40px 40px; }
6401
-
6402
- .premium-progressbar-active .premium-progressbar-bar {
6403
- -webkit-animation: progress-bar-stripes 2s linear infinite;
6404
- animation: progress-bar-stripes 2s linear infinite; }
6405
-
6406
- .premium-progressbar-gradient .premium-progressbar-bar {
6407
- -webkit-background-size: 400% 400% !important;
6408
- background-size: 400% 400% !important;
6409
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6410
- animation: progress-bar-gradient 10s ease-in-out infinite; }
6411
-
6412
- .premium-progressbar-bar {
6413
- position: absolute;
6414
- overflow: hidden;
6415
- line-height: 20px; }
6416
-
6417
- .premium-progressbar-container .clearfix {
6418
- clear: both; }
6419
-
6420
- .premium-progressbar-bar {
6421
- -webkit-transition: width 0s ease-in-out !important;
6422
- transition: width 0s ease-in-out !important; }
6423
-
6424
- .premium-progressbar-container p:first-of-type {
6425
- margin: 0;
6426
- float: left; }
6427
-
6428
- .premium-progressbar-container p:nth-of-type(2) {
6429
- margin: 0;
6430
- float: right; }
6431
-
6432
- .premium-progressbar-name {
6433
- left: 50%;
6434
- top: 0;
6435
- right: 0;
6436
- -webkit-transform: translateX(-12.5px);
6437
- -ms-transform: translateX(-12.5px);
6438
- transform: translateX(-12.5px);
6439
- z-index: 1; }
6440
-
6441
- .premium-progressbar-multiple-label {
6442
- position: relative;
6443
- float: left;
6444
- width: 0;
6445
- left: 50%; }
6446
-
6447
- .premium-progressbar-center-label {
6448
- position: relative;
6449
- white-space: nowrap; }
6450
-
6451
- .premium-progressbar-arrow {
6452
- height: 15px;
6453
- left: 50%;
6454
- display: inline-block;
6455
- border-left: 7px solid transparent;
6456
- border-right: 7px solid transparent;
6457
- border-top: 11px solid;
6458
- -webkit-transform: translateX(-50%);
6459
- -ms-transform: translateX(-50%);
6460
- transform: translateX(-50%); }
6461
-
6462
- .premium-progressbar-pin {
6463
- border-left: 1px solid;
6464
- height: 12px;
6465
- left: 50%;
6466
- display: inline-block; }
6467
-
6468
- /**
6469
- * Circle Progress Bar
6470
- */
6471
- .premium-progressbar-circle-wrap,
6472
- .premium-progressbar-hf-circle-wrap {
6473
- width: 200px;
6474
- height: 200px;
6475
- position: relative;
6476
- margin: 0 auto; }
6477
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
6478
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
6479
- position: absolute;
6480
- top: 0;
6481
- left: 0;
6482
- width: 100%;
6483
- height: 100%;
6484
- -js-display: flex;
6485
- display: -webkit-box;
6486
- display: -webkit-flex;
6487
- display: -moz-box;
6488
- display: -ms-flexbox;
6489
- display: flex;
6490
- -webkit-box-orient: vertical;
6491
- -webkit-box-direction: normal;
6492
- -webkit-flex-direction: column;
6493
- -moz-box-orient: vertical;
6494
- -moz-box-direction: normal;
6495
- -ms-flex-direction: column;
6496
- flex-direction: column;
6497
- -webkit-box-pack: center;
6498
- -webkit-justify-content: center;
6499
- -moz-box-pack: center;
6500
- -ms-flex-pack: center;
6501
- justify-content: center;
6502
- -webkit-box-align: center;
6503
- -webkit-align-items: center;
6504
- -moz-box-align: center;
6505
- -ms-flex-align: center;
6506
- align-items: center;
6507
- text-align: center; }
6508
- .premium-progressbar-circle-wrap .premium-lottie-animation,
6509
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
6510
- line-height: 1; }
6511
-
6512
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
6513
- position: absolute;
6514
- top: 0;
6515
- left: 0;
6516
- width: 100%;
6517
- height: 100%;
6518
- -webkit-clip-path: inset(0 0 0 50%);
6519
- clip-path: inset(0 0 0 50%); }
6520
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6521
- position: absolute;
6522
- left: 0;
6523
- top: 0;
6524
- height: 100%;
6525
- width: 100%;
6526
- border-width: 6px;
6527
- border-style: solid;
6528
- border-color: #54595f;
6529
- -webkit-border-radius: 50%;
6530
- border-radius: 50%;
6531
- -webkit-clip-path: inset(0 50% 0 0);
6532
- clip-path: inset(0 50% 0 0); }
6533
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6534
- -webkit-transform: rotate(0);
6535
- -ms-transform: rotate(0);
6536
- transform: rotate(0); }
6537
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6538
- -webkit-transform: rotate(180deg);
6539
- -ms-transform: rotate(180deg);
6540
- transform: rotate(180deg);
6541
- visibility: hidden; }
6542
-
6543
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6544
- width: 100%;
6545
- height: 100%;
6546
- border: 6px solid #eee;
6547
- -webkit-border-radius: 50%;
6548
- border-radius: 50%; }
6549
-
6550
- /**
6551
- * Half Circle Progress Bar
6552
- */
6553
- .premium-progressbar-hf-container {
6554
- position: relative;
6555
- width: 200px;
6556
- height: 200px; }
6557
-
6558
- .premium-progressbar-hf-circle-wrap {
6559
- overflow: hidden; }
6560
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
6561
- -webkit-box-ordinal-group: 2;
6562
- -webkit-order: 1;
6563
- -moz-box-ordinal-group: 2;
6564
- -ms-flex-order: 1;
6565
- order: 1; }
6566
-
6567
- .premium-progressbar-hf-circle {
6568
- position: absolute;
6569
- top: 0;
6570
- left: 0;
6571
- width: 100%;
6572
- height: 100%;
6573
- -webkit-clip-path: inset(0 0 50% 0);
6574
- clip-path: inset(0 0 50% 0); }
6575
-
6576
- .premium-progressbar-hf-circle-progress {
6577
- position: absolute;
6578
- left: 0;
6579
- top: 0;
6580
- height: 100%;
6581
- width: 100%;
6582
- border: 12px solid #000;
6583
- -webkit-border-radius: 50%;
6584
- border-radius: 50%;
6585
- -webkit-clip-path: inset(50% 0 0 0);
6586
- clip-path: inset(50% 0 0 0);
6587
- -webkit-transform: rotate(0deg);
6588
- -ms-transform: rotate(0deg);
6589
- transform: rotate(0deg);
6590
- -webkit-transition: -webkit-transform 1500ms linear;
6591
- transition: -webkit-transform 1500ms linear;
6592
- transition: transform 1500ms linear;
6593
- transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
6594
-
6595
- .premium-progressbar-circle-inner {
6596
- height: 100%;
6597
- width: 100%;
6598
- border: 12px solid #eee;
6599
- -webkit-border-radius: 50%;
6600
- border-radius: 50%; }
6601
-
6602
- .premium-progressbar-hf-labels {
6603
- margin: 0 auto;
6604
- position: relative;
6605
- font-size: 12px;
6606
- font-weight: 400;
6607
- -js-display: flex;
6608
- display: -webkit-box;
6609
- display: -webkit-flex;
6610
- display: -moz-box;
6611
- display: -ms-flexbox;
6612
- display: flex;
6613
- -webkit-box-pack: justify;
6614
- -webkit-justify-content: space-between;
6615
- -moz-box-pack: justify;
6616
- -ms-flex-pack: justify;
6617
- justify-content: space-between; }
6618
-
6619
- @-webkit-keyframes progress-bar-stripes {
6620
- from {
6621
- background-position: 0 0; }
6622
- to {
6623
- background-position: 40px 0; } }
6624
-
6625
- @keyframes progress-bar-stripes {
6626
- from {
6627
- background-position: 0 0; }
6628
- to {
6629
- background-position: 40px 0; } }
6630
-
6631
- @-webkit-keyframes progress-bar-gradient {
6632
- 0% {
6633
- background-position: 0% 50%; }
6634
- 50% {
6635
- background-position: 100% 50%; }
6636
- 100% {
6637
- background-position: 0% 50%; } }
6638
-
6639
- @keyframes progress-bar-gradient {
6640
- 0% {
6641
- background-position: 0% 50%; }
6642
- 50% {
6643
- background-position: 100% 50%; }
6644
- 100% {
6645
- background-position: 0% 50%; } }
6646
-
6647
- @media (max-width: 768px) {
6648
- .premium-progressbar-center-label {
6649
- -webkit-transform: rotate(-90deg) !important;
6650
- -ms-transform: rotate(-90deg) !important;
6651
- transform: rotate(-90deg) !important;
6652
- -webkit-transform-origin: 0;
6653
- -ms-transform-origin: 0;
6654
- transform-origin: 0; } }
6655
-
6656
- /**************** Premium Testimonials ****************/
6657
  /******************************************************/
6658
- .premium-testimonial-box {
6659
- width: 100%;
6660
- background: transparent;
6661
- -webkit-transition: all 0.3s ease-in-out;
6662
- transition: all 0.3s ease-in-out; }
6663
- .premium-testimonial-box .premium-testimonial-author-info {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6664
  -js-display: flex;
6665
  display: -webkit-box;
6666
  display: -webkit-flex;
6667
  display: -moz-box;
6668
  display: -ms-flexbox;
6669
  display: flex;
 
 
 
 
 
 
 
6670
  -webkit-box-pack: center;
6671
  -webkit-justify-content: center;
6672
  -moz-box-pack: center;
@@ -6676,51 +6660,224 @@ ul.premium-person-social-list {
6676
  -webkit-align-items: center;
6677
  -moz-box-align: center;
6678
  -ms-flex-align: center;
6679
- align-items: center; }
6680
- .premium-testimonial-box .premium-testimonial-person-name,
6681
- .premium-testimonial-box .premium-testimonial-company-name {
6682
- font-weight: 600;
6683
- margin: 0; }
6684
-
6685
- .premium-testimonial-container {
6686
- position: relative; }
6687
 
6688
- .premium-testimonial-img-wrapper {
6689
- margin-left: auto;
6690
- margin-right: auto;
6691
- overflow: hidden;
6692
- border-style: solid !important; }
6693
- .premium-testimonial-img-wrapper.circle {
6694
- -webkit-border-radius: 50%;
6695
- border-radius: 50%; }
6696
- .premium-testimonial-img-wrapper.rounded {
6697
- -webkit-border-radius: 15px;
6698
- border-radius: 15px; }
6699
- .premium-testimonial-img-wrapper img {
6700
- -o-object-fit: cover;
6701
- object-fit: cover;
6702
  width: 100%;
6703
- height: 100% !important; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6704
 
6705
- .premium-testimonial-content-wrapper {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6706
  position: relative;
 
 
6707
  -js-display: flex;
6708
  display: -webkit-box;
6709
  display: -webkit-flex;
6710
  display: -moz-box;
6711
  display: -ms-flexbox;
6712
  display: flex;
6713
- -webkit-box-orient: vertical;
6714
- -webkit-box-direction: normal;
6715
- -webkit-flex-direction: column;
6716
- -moz-box-orient: vertical;
6717
- -moz-box-direction: normal;
6718
- -ms-flex-direction: column;
6719
- flex-direction: column;
6720
- z-index: 2;
6721
- width: 100%;
6722
- padding: 20px;
6723
- text-align: center; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6724
 
6725
  .premium-testimonial-clear-float {
6726
  clear: both; }
@@ -7339,1255 +7496,1258 @@ ul.premium-person-social-list {
7339
  .premium-video-box-filter-sticky {
7340
  -webkit-filter: none !important;
7341
  filter: none !important; }
 
 
 
7342
 
7343
- /************ Premium Vertical Scroll ************/
7344
- /*************************************************/
7345
- .premium-vscroll-inner {
7346
- position: relative;
7347
- min-height: 100%; }
7348
- .premium-vscroll-inner .premium-vscroll-dots {
7349
- position: fixed;
7350
- z-index: 100;
7351
- opacity: 1;
7352
- margin-top: -32px;
7353
- -webkit-transition: all 0.3s ease-in-out;
7354
- transition: all 0.3s ease-in-out; }
7355
-
7356
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7357
- opacity: 1;
7358
- -webkit-transition: all 0.3s ease-in-out;
7359
- transition: all 0.3s ease-in-out; }
7360
-
7361
- .premium-vscroll-inner .premium-vscroll-dots,
7362
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7363
- opacity: 0;
7364
- visibility: hidden; }
7365
-
7366
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7367
- opacity: 1;
7368
- visibility: visible; }
7369
-
7370
- .premium-vscroll-dots.middle {
7371
- top: 50%;
7372
- margin-top: 0;
7373
- -webkit-transform: translateY(-50%);
7374
- -ms-transform: translateY(-50%);
7375
- transform: translateY(-50%); }
7376
-
7377
- .premium-vscroll-dots.top {
7378
- top: 40px; }
7379
-
7380
- .premium-vscroll-dots.bottom {
7381
- bottom: 30px; }
7382
-
7383
- .premium-vscroll-dots.right {
7384
- right: 17px; }
7385
-
7386
- .premium-vscroll-dots.left {
7387
- left: 17px; }
7388
-
7389
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7390
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7391
- margin: 0 !important;
7392
- padding: 0; }
7393
-
7394
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7395
- width: 14px;
7396
- height: 13px;
7397
- margin: 7px;
7398
- position: relative;
7399
- -js-display: flex;
7400
- display: -webkit-box;
7401
- display: -webkit-flex;
7402
- display: -moz-box;
7403
- display: -ms-flexbox;
7404
- display: flex;
7405
- -webkit-box-pack: center;
7406
- -webkit-justify-content: center;
7407
- -moz-box-pack: center;
7408
- -ms-flex-pack: center;
7409
- justify-content: center;
7410
- -webkit-box-align: center;
7411
- -webkit-align-items: center;
7412
- -moz-box-align: center;
7413
- -ms-flex-align: center;
7414
- align-items: center;
7415
- overflow: visible; }
7416
-
7417
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7418
- display: block;
7419
- position: relative;
7420
- z-index: 1;
7421
- width: 100%;
7422
- height: 100%;
7423
- cursor: pointer;
7424
- text-decoration: none; }
7425
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7426
- top: 2px;
7427
- left: 2.5px;
7428
- width: 8px;
7429
- height: 8px;
7430
- border: 1px solid #000;
7431
- -webkit-border-radius: 50%;
7432
- border-radius: 50%;
7433
- position: absolute;
7434
- z-index: 1;
7435
- -webkit-transition: all 0.3s ease-in-out;
7436
- transition: all 0.3s ease-in-out; }
7437
-
7438
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7439
- -webkit-transform: scale(1.6);
7440
- -ms-transform: scale(1.6);
7441
- transform: scale(1.6); }
7442
-
7443
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7444
- position: absolute;
7445
- color: #fff;
7446
- font-size: 14px;
7447
- font-family: arial, helvetica, sans-serif;
7448
- white-space: nowrap;
7449
- max-width: 220px;
7450
- padding-left: 0.4em;
7451
- padding-right: 0.4em; }
7452
-
7453
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7454
- right: 27px; }
7455
-
7456
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7457
- width: 4px;
7458
- height: 30px; }
7459
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7460
- width: 100%;
7461
- height: 100%;
7462
- -webkit-border-radius: 0;
7463
- border-radius: 0; }
7464
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7465
- -webkit-transform: scale(1);
7466
- -ms-transform: scale(1);
7467
- transform: scale(1); }
7468
-
7469
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7470
- position: absolute;
7471
- top: 50%;
7472
- content: "";
7473
- left: -webkit-calc(100% - 1px);
7474
- left: calc(100% - 1px);
7475
- width: 10px;
7476
- height: 0;
7477
- border-top: 6px solid transparent;
7478
- border-bottom: 6px solid transparent;
7479
- border-left: 6px solid;
7480
- -webkit-transform: translateY(-50%);
7481
- -ms-transform: translateY(-50%);
7482
- transform: translateY(-50%); }
7483
-
7484
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7485
- left: 27px; }
7486
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7487
- position: absolute;
7488
- top: 50%;
7489
- content: "";
7490
- right: -webkit-calc(100% - 1px);
7491
- right: calc(100% - 1px);
7492
- width: 10px;
7493
- height: 0;
7494
- border-top: 6px solid transparent;
7495
- border-bottom: 6px solid transparent;
7496
- border-right: 6px solid;
7497
- -webkit-transform: translateY(-50%);
7498
- -ms-transform: translateY(-50%);
7499
- transform: translateY(-50%); }
7500
-
7501
- /* * Lines */
7502
- @media (max-width: 768px) {
7503
- .premium-vscroll-dots.right {
7504
- right: 7px; }
7505
- .premium-vscroll-dots.left {
7506
- left: 7px; } }
7507
-
7508
- .premium-vscroll-nav-menu {
7509
- position: fixed;
7510
- top: 20px;
7511
- height: 40px;
7512
- z-index: 100;
7513
- padding: 0;
7514
- margin: 0; }
7515
- .premium-vscroll-nav-menu.left {
7516
- left: 0; }
7517
- .premium-vscroll-nav-menu.right {
7518
- right: 0; }
7519
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7520
- display: inline-block;
7521
- margin: 10px;
7522
- color: #000;
7523
- background: #fff;
7524
- background: rgba(255, 255, 255, 0.3); }
7525
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7526
- padding: 9px 18px;
7527
- display: block;
7528
- cursor: pointer;
7529
- color: #000; }
7530
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7531
- color: #000; }
7532
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7533
- outline: none; }
7534
-
7535
- .multiscroll-nav li a:focus {
7536
- outline: none; }
7537
-
7538
- .premium-vscroll-temp .slimScrollBar {
7539
- visibility: hidden; }
7540
-
7541
- [data-hijacking="off"] .premium-vscroll-temp {
7542
- height: 100vh; }
7543
- [data-hijacking="off"] .premium-vscroll-temp > div {
7544
- opacity: 0;
7545
- top: 0;
7546
- left: 0;
7547
- width: 100%;
7548
- /* Force Hardware Acceleration */
7549
- -webkit-transform: translateZ(0);
7550
- transform: translateZ(0);
7551
- -webkit-backface-visibility: hidden;
7552
- backface-visibility: hidden; }
7553
-
7554
- [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
7555
- display: none;
7556
- position: absolute;
7557
- width: 100%;
7558
- top: 20px;
7559
- z-index: 2; }
7560
-
7561
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
7562
- position: relative;
7563
- /* enable a 3D-space for children elements */
7564
- -webkit-perspective: 1800px;
7565
- perspective: 1800px; }
7566
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
7567
- position: absolute;
7568
- -webkit-transform-origin: center bottom;
7569
- -ms-transform-origin: center bottom;
7570
- transform-origin: center bottom; }
7571
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
7572
- opacity: 1 !important;
7573
- -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
7574
- transform: translateY(0px) scale(1) rotateX(0deg) !important; }
7575
-
7576
- [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
7577
- position: fixed; }
7578
-
7579
- [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
7580
- position: fixed; }
7581
-
7582
- [data-hijacking="off"] .premium-vscroll-parallax-last {
7583
- -webkit-transform: translateY(0px) scale(1) !important;
7584
- -ms-transform: translateY(0px) scale(1) !important;
7585
- transform: translateY(0px) scale(1) !important; }
7586
-
7587
- [data-hijacking="off"] .premium-vscroll-parallax-position {
7588
- position: unset !important; }
7589
-
7590
- /********** Premium Woo Products **********/
7591
- /******************************************/
7592
- .ast-single-post .entry-content .premium-woocommerce a {
7593
- text-decoration: none; }
7594
-
7595
- .premium-woocommerce .premium-woo-qv-btn {
7596
- cursor: pointer; }
7597
-
7598
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7599
- margin: 0 auto 0.5em; }
7600
-
7601
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7602
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7603
- display: block;
7604
- text-align: center;
7605
- color: #fff;
7606
- min-width: 2em;
7607
- min-height: 2em;
7608
- line-height: 2em;
7609
- padding: 0.3em 0.6em;
7610
- margin: 0.5em 0.6em; }
7611
-
7612
- .premium-woocommerce .pa-out-of-stock {
7613
- display: block;
7614
- text-align: center;
7615
- color: #fff;
7616
- min-width: 2em;
7617
- min-height: 2em;
7618
- line-height: 2em;
7619
- padding: 0.3em 0.6em;
7620
- margin: 0.5em 0.6em; }
7621
-
7622
- .premium-woocommerce .woocommerce-loop-product__title {
7623
- margin-bottom: 0.5em;
7624
- font-size: 1em;
7625
- -webkit-transition: all 0.3s ease-in-out;
7626
- transition: all 0.3s ease-in-out; }
7627
-
7628
- .premium-woocommerce .premium-woo-product-category {
7629
- display: block;
7630
- font-size: 0.85em;
7631
- margin-bottom: 0.5em;
7632
- line-height: 1.3; }
7633
-
7634
- .premium-woocommerce .star-rating {
7635
- display: block;
7636
- float: none;
7637
- -webkit-backface-visibility: hidden;
7638
- backface-visibility: hidden;
7639
- overflow: hidden;
7640
- position: relative;
7641
- height: 1em;
7642
- line-height: 1;
7643
- font-size: 0.857em;
7644
- width: 5.4em;
7645
- font-family: "star"; }
7646
- .premium-woocommerce .star-rating::before {
7647
- content: "\73\73\73\73\73";
7648
- color: #54595f;
7649
- float: left;
7650
- top: 0;
7651
- left: 0;
7652
- position: absolute; }
7653
- .premium-woocommerce .star-rating span {
7654
- overflow: hidden;
7655
- float: left;
7656
- top: 0;
7657
- left: 0;
7658
- position: absolute;
7659
- padding-top: 1.5em; }
7660
- .premium-woocommerce .star-rating span::before {
7661
- content: "\53\53\53\53\53";
7662
- color: inherit;
7663
- top: 0;
7664
- position: absolute;
7665
- left: 0; }
7666
-
7667
- .premium-woocommerce .premium-woo-products-inner ul.products {
7668
- -js-display: flex;
7669
- display: -webkit-box;
7670
- display: -webkit-flex;
7671
- display: -moz-box;
7672
- display: -ms-flexbox;
7673
- display: flex;
7674
- margin: 0;
7675
- padding: 0;
7676
- -webkit-flex-wrap: wrap;
7677
- -ms-flex-wrap: wrap;
7678
- flex-wrap: wrap;
7679
- list-style: none outside;
7680
- -webkit-column-gap: 0;
7681
- -moz-column-gap: 0;
7682
- column-gap: 0; }
7683
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7684
- margin: 0 0 10px;
7685
- padding: 0 10px; }
7686
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7687
- overflow: hidden;
7688
- -webkit-transition: all 0.3s ease-in-out;
7689
- transition: all 0.3s ease-in-out; }
7690
-
7691
- .premium-woocommerce .woocommerce-loop-product__link {
7692
- position: relative;
7693
- display: block !important;
7694
- overflow: hidden;
7695
- -webkit-transition: all 0.3s ease-in-out;
7696
- transition: all 0.3s ease-in-out; }
7697
-
7698
- .premium-woocommerce .premium-woo-ribbon-container,
7699
- .premium-woocommerce .pa-out-of-stock {
7700
- position: absolute;
7701
- z-index: 9; }
7702
-
7703
- .premium-woocommerce .premium-woo-ribbon-container {
7704
- top: 0;
7705
- left: 0; }
7706
-
7707
- .premium-woocommerce .pa-out-of-stock {
7708
- top: 7px;
7709
- left: 9px;
7710
- margin: 0; }
7711
-
7712
- .premium-woo-product-thumbnail {
7713
- position: relative;
7714
- overflow: hidden; }
7715
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7716
- margin: 0;
7717
- width: 100%; }
7718
-
7719
- .premium-woo-product-sale-wrap,
7720
- .premium-woo-product-featured-wrap {
7721
- margin: 0; }
7722
-
7723
- .premium-woocommerce .premium-woo-products-details-wrap {
7724
- padding: 1em 1.2em; }
7725
- .premium-woocommerce .premium-woo-products-details-wrap .button {
7726
- display: inline-block;
7727
- background-color: #6ec1e4;
7728
- color: #fff;
7729
- margin: 0.5em 0;
7730
- line-height: 1.3;
7731
- padding: 10px 40px;
7732
- font-size: 100%;
7733
- cursor: pointer;
7734
- text-decoration: none;
7735
- overflow: visible;
7736
- font-weight: 700;
7737
- background-image: none;
7738
- border: none;
7739
- -webkit-border-radius: 0px;
7740
- border-radius: 0px;
7741
- -webkit-box-shadow: none;
7742
- box-shadow: none;
7743
- text-shadow: none;
7744
- -webkit-transition: all 0.3s ease-in-out;
7745
- transition: all 0.3s ease-in-out; }
7746
-
7747
- .premium-woocommerce li.product .price {
7748
- display: block;
7749
- line-height: 1.3;
7750
- font-weight: 700;
7751
- margin-bottom: 0.5em;
7752
- font-size: 0.9em; }
7753
- .premium-woocommerce li.product .price del {
7754
- display: inline-block;
7755
- font-weight: 400;
7756
- background: transparent;
7757
- opacity: 1; }
7758
- .premium-woocommerce li.product .price ins {
7759
- display: inline-block;
7760
- background: transparent;
7761
- text-decoration: none;
7762
- font-weight: inherit; }
7763
- .premium-woocommerce li.product .price .amount {
7764
- color: inherit !important; }
7765
-
7766
- .premium-woocommerce li.product .premium-woo-product-desc p {
7767
- margin: 0; }
7768
-
7769
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
7770
- margin-left: 0;
7771
- margin-right: auto; }
7772
-
7773
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
7774
- margin-left: auto;
7775
- margin-right: auto; }
7776
-
7777
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
7778
- margin-left: auto;
7779
- margin-right: 0; }
7780
-
7781
- .premium-woo-products-pagination ul.page-numbers {
7782
- -js-display: flex;
7783
- display: -webkit-box;
7784
- display: -webkit-flex;
7785
- display: -moz-box;
7786
- display: -ms-flexbox;
7787
- display: flex;
7788
- list-style-type: none;
7789
- margin: 0;
7790
- margin-top: 10px;
7791
- padding: 0;
7792
- border: none;
7793
- -webkit-box-pack: center;
7794
- -webkit-justify-content: center;
7795
- -moz-box-pack: center;
7796
- -ms-flex-pack: center;
7797
- justify-content: center; }
7798
- .premium-woo-products-pagination ul.page-numbers li {
7799
- margin: 0 0.4em 0.4em 0;
7800
- padding: 0;
7801
- text-align: center; }
7802
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
7803
- margin: 0;
7804
- text-decoration: none;
7805
- color: #000;
7806
- border: 1px solid #54595f;
7807
- padding: 0;
7808
- line-height: 1;
7809
- font-size: 1em;
7810
- font-weight: 400;
7811
- padding: 0.75em;
7812
- display: block;
7813
- min-width: 2.5em;
7814
- -webkit-transition: all 0.3s ease-in-out;
7815
- transition: all 0.3s ease-in-out; }
7816
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
7817
- background-color: #54595f;
7818
- color: #fff;
7819
- outline: none; }
7820
-
7821
- .premium-woocommerce .premium-loading-feed,
7822
- .premium-woo-quick-view-loader .premium-loading-feed {
7823
- display: block;
7824
- position: absolute;
7825
- width: 100%;
7826
- height: 100%;
7827
- top: 0px;
7828
- left: 0px;
7829
- bottom: 0px;
7830
- right: 0px;
7831
- background: rgba(255, 255, 255, 0.2);
7832
- -js-display: flex;
7833
- display: -webkit-box;
7834
- display: -webkit-flex;
7835
- display: -moz-box;
7836
- display: -ms-flexbox;
7837
- display: flex;
7838
- -webkit-box-align: center;
7839
- -webkit-align-items: center;
7840
- -moz-box-align: center;
7841
- -ms-flex-align: center;
7842
- align-items: center; }
7843
-
7844
- /**
7845
- * Image Hover Effects
7846
- */
7847
- .premium-woocommerce .woocommerce-loop-product__link img {
7848
- -webkit-transition: all 0.3s ease-in-out;
7849
- transition: all 0.3s ease-in-out; }
7850
-
7851
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7852
- -webkit-transform: scale(1.2);
7853
- -ms-transform: scale(1.2);
7854
- transform: scale(1.2); }
7855
-
7856
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7857
- -webkit-transform: none;
7858
- -ms-transform: none;
7859
- transform: none; }
7860
-
7861
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7862
- -webkit-transform: none;
7863
- -ms-transform: none;
7864
- transform: none; }
7865
-
7866
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7867
- -webkit-transform: scale(1.2);
7868
- -ms-transform: scale(1.2);
7869
- transform: scale(1.2); }
7870
-
7871
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7872
- -webkit-filter: grayscale(100%);
7873
- filter: grayscale(100%); }
7874
-
7875
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7876
- -webkit-filter: grayscale(0%);
7877
- filter: grayscale(0%); }
7878
-
7879
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7880
- -webkit-filter: sepia(30%);
7881
- filter: sepia(30%); }
7882
-
7883
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7884
- -webkit-filter: sepia(0%);
7885
- filter: sepia(0%); }
7886
-
7887
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7888
- -webkit-filter: brightness(1);
7889
- filter: brightness(1); }
7890
-
7891
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7892
- -webkit-filter: brightness(1.2);
7893
- filter: brightness(1.2); }
7894
-
7895
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7896
- -webkit-transform: translateX(-15px) scale(1.1);
7897
- -ms-transform: translateX(-15px) scale(1.1);
7898
- transform: translateX(-15px) scale(1.1); }
7899
-
7900
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7901
- -webkit-transform: translateX(0px) scale(1.1);
7902
- -ms-transform: translateX(0px) scale(1.1);
7903
- transform: translateX(0px) scale(1.1); }
7904
-
7905
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7906
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7907
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7908
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7909
-
7910
- .premium-woocommerce .premium-woo-product__on_hover {
7911
- position: absolute;
7912
- top: 0;
7913
- right: 0;
7914
- bottom: 0;
7915
- left: 0;
7916
- height: 100%;
7917
- opacity: 0; }
7918
-
7919
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7920
- opacity: 1; }
7921
-
7922
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7923
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7924
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7925
- position: absolute;
7926
- bottom: 0;
7927
- left: 0;
7928
- width: 100%;
7929
- text-align: center;
7930
- padding: 5px;
7931
- background: rgba(2, 2, 2, 0.5);
7932
- color: #fff;
7933
- -webkit-transition: all 0.3s ease-in-out;
7934
- transition: all 0.3s ease-in-out;
7935
- z-index: 2;
7936
- -webkit-transform: translateY(100%);
7937
- -ms-transform: translateY(100%);
7938
- transform: translateY(100%); }
7939
-
7940
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7941
- -webkit-transition-delay: 0.1s;
7942
- transition-delay: 0.1s; }
7943
-
7944
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7945
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7946
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7947
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7948
- margin-left: 0.5em; }
7949
-
7950
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7951
- -webkit-transform: translateY(0);
7952
- -ms-transform: translateY(0);
7953
- transform: translateY(0); }
7954
-
7955
- .premium-woo-product-wrapper .premium-woo-qv-data {
7956
- position: absolute;
7957
- top: 0;
7958
- left: 0;
7959
- width: 100%;
7960
- height: 100%;
7961
- z-index: 1;
7962
- overflow: hidden;
7963
- cursor: pointer; }
7964
-
7965
- /**
7966
- * Skin 1,4
7967
- */
7968
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7969
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7970
- position: absolute;
7971
- top: 0.7em;
7972
- right: 1em;
7973
- -webkit-transform: translate3d(15px, 0, 0);
7974
- transform: translate3d(15px, 0, 0);
7975
- -webkit-transition: all 0.3s ease-in-out;
7976
- transition: all 0.3s ease-in-out;
7977
- opacity: 0;
7978
- z-index: 9; }
7979
-
7980
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7981
- position: relative;
7982
- display: block;
7983
- margin: 0 0 3px;
7984
- background: #fff;
7985
- text-align: center;
7986
- outline: 0;
7987
- -webkit-transition: all 0.3s ease-in-out;
7988
- transition: all 0.3s ease-in-out; }
7989
-
7990
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7991
- display: block;
7992
- color: #54595f;
7993
- width: 30px;
7994
- line-height: 30px;
7995
- height: 30px;
7996
- cursor: pointer;
7997
- -webkit-transition: all 0.3s ease-in-out;
7998
- transition: all 0.3s ease-in-out; }
7999
-
8000
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8001
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8002
- -webkit-transform: translate3d(5px, 0, 0);
8003
- transform: translate3d(5px, 0, 0);
8004
- opacity: 1; }
8005
-
8006
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8007
- -webkit-animation: spin 2s linear infinite;
8008
- animation: spin 2s linear infinite; }
8009
-
8010
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8011
- content: "\f013"; }
8012
-
8013
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8014
- content: "\f00c"; }
8015
-
8016
- /**
8017
- * Skin 2
8018
- */
8019
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8020
- position: absolute;
8021
- background: #fff;
8022
- bottom: 0;
8023
- left: 0;
8024
- width: 100%;
8025
- z-index: 2;
8026
- padding: 0;
8027
- opacity: 0;
8028
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8029
- transition: opacity 0.2s, -webkit-transform 0.4s;
8030
- transition: transform 0.4s, opacity 0.2s;
8031
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8032
- -webkit-transform: translateZ(0) translateY(5px);
8033
- transform: translateZ(0) translateY(5px); }
8034
-
8035
- .premium-woo-skin-grid-2 .premium-woo-product-details {
8036
- padding: 15px 0; }
8037
-
8038
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8039
- opacity: 1;
8040
- -webkit-transform: translateZ(0) translateY(0);
8041
- transform: translateZ(0) translateY(0); }
8042
-
8043
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8044
- position: static;
8045
- -js-display: flex;
8046
- display: -webkit-box;
8047
- display: -webkit-flex;
8048
- display: -moz-box;
8049
- display: -ms-flexbox;
8050
- display: flex;
8051
- -webkit-box-orient: horizontal;
8052
- -webkit-box-direction: reverse;
8053
- -webkit-flex-direction: row-reverse;
8054
- -moz-box-orient: horizontal;
8055
- -moz-box-direction: reverse;
8056
- -ms-flex-direction: row-reverse;
8057
- flex-direction: row-reverse; }
8058
-
8059
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
8060
- -webkit-box-flex: 1;
8061
- -webkit-flex: 1;
8062
- -moz-box-flex: 1;
8063
- -ms-flex: 1;
8064
- flex: 1;
8065
- min-width: 50%; }
8066
-
8067
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8068
- -js-display: flex;
8069
- display: -webkit-box;
8070
- display: -webkit-flex;
8071
- display: -moz-box;
8072
- display: -ms-flexbox;
8073
- display: flex;
8074
- margin: 0;
8075
- text-align: center;
8076
- -webkit-box-pack: center;
8077
- -webkit-justify-content: center;
8078
- -moz-box-pack: center;
8079
- -ms-flex-pack: center;
8080
- justify-content: center;
8081
- -webkit-box-align: center;
8082
- -webkit-align-items: center;
8083
- -moz-box-align: center;
8084
- -ms-flex-align: center;
8085
- align-items: center; }
8086
-
8087
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8088
- background-color: #54595f; }
8089
-
8090
- /**
8091
- * Skin 4
8092
- */
8093
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8094
- position: absolute;
8095
- left: 0;
8096
- right: 0;
8097
- top: 50%;
8098
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8099
- transform: scale(0.9) translateZ(0) translateY(-50%);
8100
- text-align: center;
8101
- z-index: 2;
8102
- opacity: 0;
8103
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8104
- transition: opacity 0.5s, -webkit-transform 0.3s;
8105
- transition: opacity 0.5s, transform 0.3s;
8106
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
8107
-
8108
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8109
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8110
- position: absolute;
8111
- top: 0;
8112
- left: 0;
8113
- width: 100%;
8114
- height: 100%;
8115
- opacity: 0;
8116
- visibility: hidden;
8117
- background-color: rgba(27, 27, 23, 0.3);
8118
- -webkit-transition: all 0.25s ease-in-out;
8119
- transition: all 0.25s ease-in-out; }
8120
-
8121
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8122
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8123
- opacity: 1;
8124
- visibility: visible;
8125
- z-index: 1; }
8126
-
8127
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8128
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8129
- transform: scale(1) translateZ(0) translateY(-50%);
8130
- opacity: 1; }
8131
-
8132
- /**
8133
- * Skin 5
8134
- */
8135
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8136
- -js-display: flex;
8137
- display: -webkit-box;
8138
- display: -webkit-flex;
8139
- display: -moz-box;
8140
- display: -ms-flexbox;
8141
- display: flex; }
8142
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8143
- -js-display: flex;
8144
- display: -webkit-box;
8145
- display: -webkit-flex;
8146
- display: -moz-box;
8147
- display: -ms-flexbox;
8148
- display: flex;
8149
- -webkit-box-align: center;
8150
- -webkit-align-items: center;
8151
- -moz-box-align: center;
8152
- -ms-flex-align: center;
8153
- align-items: center;
8154
- background-color: #54595f;
8155
- padding: 10px;
8156
- -webkit-transition: all 0.25s ease 0s;
8157
- transition: all 0.25s ease 0s; }
8158
-
8159
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8160
- width: 75%; }
8161
-
8162
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8163
- -js-display: flex;
8164
- display: -webkit-box;
8165
- display: -webkit-flex;
8166
- display: -moz-box;
8167
- display: -ms-flexbox;
8168
- display: flex;
8169
- -webkit-box-align: center;
8170
- -webkit-align-items: center;
8171
- -moz-box-align: center;
8172
- -ms-flex-align: center;
8173
- align-items: center; }
8174
-
8175
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8176
- -webkit-box-pack: end;
8177
- -webkit-justify-content: flex-end;
8178
- -moz-box-pack: end;
8179
- -ms-flex-pack: end;
8180
- justify-content: flex-end; }
8181
-
8182
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8183
- -webkit-box-pack: center;
8184
- -webkit-justify-content: center;
8185
- -moz-box-pack: center;
8186
- -ms-flex-pack: center;
8187
- justify-content: center; }
8188
-
8189
- /**
8190
- * Skin 6
8191
- */
8192
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8193
- position: absolute;
8194
- top: 50%;
8195
- left: 50%;
8196
- min-width: 40%;
8197
- text-align: center;
8198
- padding: 5px;
8199
- background: rgba(2, 2, 2, 0.5);
8200
- color: #fff;
8201
- -webkit-transform: translate(-50%, -50%);
8202
- -ms-transform: translate(-50%, -50%);
8203
- transform: translate(-50%, -50%);
8204
- opacity: 0;
8205
- visibility: hidden;
8206
- -webkit-transition: all 0.3s ease-in-out;
8207
- transition: all 0.3s ease-in-out;
8208
- cursor: pointer;
8209
- z-index: 2; }
8210
-
8211
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8212
- opacity: 1;
8213
- visibility: visible; }
8214
-
8215
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8216
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8217
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8218
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8219
- margin: 0; }
8220
-
8221
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8222
- -js-display: flex;
8223
- display: -webkit-box;
8224
- display: -webkit-flex;
8225
- display: -moz-box;
8226
- display: -ms-flexbox;
8227
- display: flex;
8228
- -webkit-box-pack: justify;
8229
- -webkit-justify-content: space-between;
8230
- -moz-box-pack: justify;
8231
- -ms-flex-pack: justify;
8232
- justify-content: space-between; }
8233
-
8234
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8235
- -webkit-box-orient: vertical;
8236
- -webkit-box-direction: normal;
8237
- -webkit-flex-direction: column;
8238
- -moz-box-orient: vertical;
8239
- -moz-box-direction: normal;
8240
- -ms-flex-direction: column;
8241
- flex-direction: column; }
8242
-
8243
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8244
- -webkit-box-orient: horizontal;
8245
- -webkit-box-direction: reverse;
8246
- -webkit-flex-direction: row-reverse;
8247
- -moz-box-orient: horizontal;
8248
- -moz-box-direction: reverse;
8249
- -ms-flex-direction: row-reverse;
8250
- flex-direction: row-reverse; }
8251
-
8252
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8253
- -js-display: flex;
8254
- display: -webkit-box;
8255
- display: -webkit-flex;
8256
- display: -moz-box;
8257
- display: -ms-flexbox;
8258
- display: flex;
8259
- position: absolute;
8260
- bottom: 10px;
8261
- width: 100%;
8262
- -webkit-box-pack: center;
8263
- -webkit-justify-content: center;
8264
- -moz-box-pack: center;
8265
- -ms-flex-pack: center;
8266
- justify-content: center; }
8267
-
8268
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8269
- width: 20%;
8270
- margin: 0 0.2em;
8271
- border: 2px solid #aaa;
8272
- cursor: pointer; }
8273
-
8274
- /**
8275
- * Metro
8276
- */
8277
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8278
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8279
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8280
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8281
- height: 100%; }
8282
-
8283
- .premium-woo-products-metro ul.products li.product {
8284
- margin-bottom: 0; }
8285
-
8286
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8287
- -o-object-fit: cover;
8288
- object-fit: cover; }
8289
-
8290
- /*
8291
- * Carousel
8292
- */
8293
- .premium-carousel-hidden {
8294
- opacity: 0;
8295
- visibility: hidden; }
8296
-
8297
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8298
- -webkit-border-radius: 50%;
8299
- border-radius: 50%; }
8300
-
8301
- .premium-woocommerce ul.slick-dots {
8302
- width: 100%; }
8303
-
8304
- /*
8305
- * Quick View Html/body
8306
- */
8307
- html.premium-woo-qv-opened,
8308
- html.premium-woo-qv-opened body {
8309
- overflow: hidden; }
8310
-
8311
- /**
8312
- * Quick View Modal
8313
- */
8314
- .premium-woo-quick-view-back {
8315
- position: fixed;
8316
- visibility: hidden;
8317
- overflow: hidden;
8318
- background: rgba(2, 2, 2, 0.5);
8319
- opacity: 0;
8320
- -webkit-transition: opacity 0.25s;
8321
- transition: opacity 0.25s;
8322
- z-index: 999; }
8323
-
8324
- .premium-woo-quick-view-active {
8325
- top: 0;
8326
- left: 0;
8327
- width: 100%;
8328
- height: 100%;
8329
- opacity: 1;
8330
- visibility: visible; }
8331
-
8332
- #premium-woo-quick-view-modal {
8333
- position: fixed;
8334
- visibility: hidden;
8335
- opacity: 0;
8336
- top: 0;
8337
- left: 0;
8338
- width: 100%;
8339
- height: 100%;
8340
- z-index: 1400;
8341
- text-align: center;
8342
- -webkit-transition: all 0.3s;
8343
- transition: all 0.3s;
8344
- overflow-x: hidden;
8345
- overflow-y: auto; }
8346
- #premium-woo-quick-view-modal.active {
8347
- visibility: visible;
8348
- opacity: 1; }
8349
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
8350
- -webkit-transform: translateY(0);
8351
- -ms-transform: translateY(0);
8352
- transform: translateY(0);
8353
- opacity: 1;
8354
- width: 100%; }
8355
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8356
- position: absolute;
8357
- width: 100%;
8358
- height: 100%;
8359
- top: 0;
8360
- left: 0;
8361
- text-align: center;
8362
- padding: 30px;
8363
- -js-display: flex;
8364
- display: -webkit-box;
8365
- display: -webkit-flex;
8366
- display: -moz-box;
8367
- display: -ms-flexbox;
8368
- display: flex;
8369
- -webkit-box-align: center;
8370
- -webkit-align-items: center;
8371
- -moz-box-align: center;
8372
- -ms-flex-align: center;
8373
- align-items: center; }
8374
- #premium-woo-quick-view-modal .premium-woo-content-main {
8375
- position: relative;
8376
- pointer-events: none;
8377
- max-width: 100%;
8378
- text-align: left;
8379
- z-index: 1045;
8380
- -webkit-transform: translateY(-30px);
8381
- -ms-transform: translateY(-30px);
8382
- transform: translateY(-30px);
8383
- opacity: 0;
8384
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8385
- transition: opacity 0.3s, -webkit-transform 0.5s;
8386
- transition: transform 0.5s, opacity 0.3s;
8387
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8388
- margin: 0 auto; }
8389
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8390
- position: relative;
8391
- display: table;
8392
- pointer-events: auto;
8393
- background-color: #fff;
8394
- max-width: 975px;
8395
- margin: 20px auto;
8396
- -webkit-transform: translateZ(0);
8397
- transform: translateZ(0);
8398
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8399
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8400
- overflow: hidden; }
8401
- #premium-woo-quick-view-modal .summary {
8402
- width: 50%;
8403
- margin: 0;
8404
- padding: 30px;
8405
- float: left;
8406
- -webkit-box-sizing: border-box;
8407
- -moz-box-sizing: border-box;
8408
- box-sizing: border-box; }
8409
- #premium-woo-quick-view-modal .summary .quantity {
8410
- min-width: auto; }
8411
- #premium-woo-quick-view-modal .summary .quantity input.qty {
8412
- width: 54px;
8413
- -webkit-appearance: button;
8414
- -moz-appearance: button;
8415
- appearance: button; }
8416
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8417
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8418
- display: unset; }
8419
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8420
- margin: 0; }
8421
-
8422
- #premium-woo-quick-view-close {
8423
- position: absolute;
8424
- font-size: 22px;
8425
- top: 10px;
8426
- right: 10px;
8427
- width: 22px;
8428
- height: 22px;
8429
- line-height: 22px;
8430
- opacity: 0.7;
8431
- text-align: center;
8432
- z-index: 2;
8433
- color: #000; }
8434
-
8435
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8436
- position: relative; }
8437
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8438
- list-style: none; }
8439
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8440
- margin: 0;
8441
- padding: 0;
8442
- width: 100%;
8443
- position: absolute;
8444
- bottom: 10px;
8445
- text-align: center; }
8446
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8447
- margin: 0 6px;
8448
- display: inline-block;
8449
- vertical-align: middle; }
8450
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8451
- width: 11px;
8452
- height: 11px;
8453
- display: block;
8454
- background: #666;
8455
- background: rgba(0, 0, 0, 0.5);
8456
- cursor: pointer;
8457
- text-indent: -9999px;
8458
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8459
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8460
- -webkit-border-radius: 20px;
8461
- border-radius: 20px; }
8462
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8463
- background: rgba(0, 0, 0, 0.9);
8464
- cursor: default; }
8465
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8466
- outline: none; }
8467
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8468
- -o-object-fit: cover;
8469
- object-fit: cover;
8470
- width: 100%; }
8471
-
8472
- #premium-woo-quick-view-content div.images {
8473
- width: 50%;
8474
- float: left;
8475
- opacity: 1 !important;
8476
- margin: 0; }
8477
-
8478
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8479
- margin: 0;
8480
- padding: 0;
8481
- list-style: none; }
8482
-
8483
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8484
- text-decoration: none;
8485
- display: block;
8486
- width: 14px;
8487
- height: 32px;
8488
- font-size: 32px;
8489
- line-height: 32px;
8490
- margin: -20px 0 0;
8491
- position: absolute;
8492
- top: 50%;
8493
- z-index: 10;
8494
- overflow: hidden;
8495
- cursor: pointer;
8496
- color: rgba(0, 0, 0, 0.8);
8497
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8498
- -webkit-transition: all 0.3s ease-in-out;
8499
- transition: all 0.3s ease-in-out; }
8500
-
8501
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8502
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8503
- display: inline-block;
8504
- font-family: "Font Awesome 5 Free";
8505
- font-weight: 900;
8506
- text-rendering: auto;
8507
- -webkit-font-smoothing: antialiased;
8508
- -moz-osx-font-smoothing: grayscale; }
8509
-
8510
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8511
- left: 10px; }
8512
-
8513
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8514
- right: 10px; }
8515
-
8516
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8517
- content: "\f104"; }
8518
-
8519
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8520
- content: "\f105"; }
8521
-
8522
- .premium-woocommerce li.product .added_to_cart.wc-forward {
8523
- display: none; }
8524
-
8525
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
8526
- -webkit-animation: spin 2s linear infinite;
8527
- animation: spin 2s linear infinite;
8528
- margin-left: 5px;
8529
- vertical-align: baseline; }
8530
-
8531
- /*
8532
- * Load More Button
8533
- */
8534
- .premium-woo-load-more {
8535
- position: relative; }
8536
- .premium-woo-load-more .premium-woo-load-more-btn {
8537
- -webkit-box-shadow: none;
8538
- box-shadow: none;
8539
- text-shadow: none;
8540
- border: none;
8541
- outline: none;
8542
- -webkit-box-align: center;
8543
- -webkit-align-items: center;
8544
- -moz-box-align: center;
8545
- -ms-flex-align: center;
8546
- align-items: center;
8547
- vertical-align: bottom;
8548
- cursor: pointer;
8549
- line-height: 1;
8550
- font-style: normal;
8551
- font-weight: normal;
8552
- background-image: none;
8553
- color: #fff;
8554
- -webkit-transition: all 0.3s ease-in-out;
8555
- transition: all 0.3s ease-in-out;
8556
- padding: 10px 20px; }
8557
-
8558
- .premium-woo-load-more-btn {
8559
- -js-display: inline-flex;
8560
- display: -webkit-inline-box;
8561
- display: -webkit-inline-flex;
8562
- display: -moz-inline-box;
8563
- display: -ms-inline-flexbox;
8564
- display: inline-flex;
8565
- -webkit-box-align: center;
8566
- -webkit-align-items: center;
8567
- -moz-box-align: center;
8568
- -ms-flex-align: center;
8569
- align-items: center; }
8570
-
8571
- .premium-woo-load-more-btn span {
8572
- margin-right: 3px; }
8573
-
8574
- .premium-woo-load-more-btn .premium-loader {
8575
- display: inline-block;
8576
- width: 20px;
8577
- height: 20px; }
8578
-
8579
- @media (min-width: 545px) {
8580
- #premium-woo-quick-view-content div.summary {
8581
- content: "544";
8582
- overflow-y: auto; } }
8583
-
8584
- @media (max-width: 544px) {
8585
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
8586
- display: block; }
8587
- #premium-woo-quick-view-content div.images,
8588
- #premium-woo-quick-view-content div.summary {
8589
- width: 100%;
8590
- float: none; } }
8591
 
8592
  /*
8593
  * Common Title/Dual Heading
1
  @charset "UTF-8";
2
  @font-face {
3
  font-family: "pa-elements";
4
+ src: url("../../editor/fonts/pa-elements.eot?vcwy2s");
5
+ src: url("../../editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
6
  font-weight: normal;
7
  font-style: normal;
8
  }
3838
  -webkit-transform: rotateX(360deg);
3839
  transform: rotateX(360deg); } }
3840
 
3841
+ /************ Premium Image Scroll ************/
3842
+ /**********************************************/
3843
+ @font-face {
3844
+ font-family: "pa-elements";
3845
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
3846
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
3847
+ font-weight: normal;
3848
+ font-style: normal; }
3849
+
3850
+ .premium-image-scroll-section,
3851
+ .premium-image-scroll-container {
3852
+ -webkit-transition: all 0.3s ease-in-out;
3853
+ transition: all 0.3s ease-in-out; }
3854
+
3855
+ .premium-image-scroll-section {
3856
+ position: relative;
3857
+ overflow: hidden;
3858
+ width: 100%;
3859
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
3860
+
3861
+ .premium-image-scroll-container {
3862
+ width: 100%; }
3863
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
3864
+ -webkit-mask-repeat: no-repeat;
3865
+ mask-repeat: no-repeat;
3866
+ -webkit-mask-position: center;
3867
+ mask-position: center; }
3868
+
3869
+ .premium-container-scroll {
3870
+ overflow: auto; }
3871
+
3872
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3873
+ position: relative;
3874
+ width: 100%;
3875
+ height: 100%; }
3876
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
3877
+ max-width: none;
3878
+ height: 100%; }
3879
+
3880
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
3881
+ width: 100%;
3882
+ max-width: 100%;
3883
+ height: auto; }
3884
+
3885
+ .premium-image-scroll-ver {
3886
+ position: relative; }
3887
+
3888
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3889
+ background: rgba(2, 2, 2, 0.3); }
3890
+
3891
+ .premium-image-scroll-container .premium-image-scroll-link,
3892
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3893
+ position: absolute;
3894
+ top: 0;
3895
+ bottom: 0;
3896
+ left: 0;
3897
+ right: 0;
3898
+ z-index: 4; }
3899
+
3900
+ .premium-image-scroll-content {
3901
+ display: inline-block;
3902
+ position: absolute;
3903
+ height: auto;
3904
+ top: 50%;
3905
+ left: 50%;
3906
+ text-align: center;
3907
+ z-index: 5;
3908
+ -webkit-transform: translate(-50%, -50%);
3909
+ -ms-transform: translate(-50%, -50%);
3910
+ transform: translate(-50%, -50%); }
3911
+
3912
+ .premium-container-scroll-instant .premium-image-scroll-image {
3913
+ -webkit-transition: all 0s ease-in-out !important;
3914
+ transition: all 0s ease-in-out !important; }
3915
+
3916
+ .premium-image-scroll-container img {
3917
+ -webkit-transition: -webkit-transform 3s ease-in-out;
3918
+ transition: -webkit-transform 3s ease-in-out;
3919
+ transition: transform 3s ease-in-out;
3920
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
3921
+
3922
+ .premium-image-scroll-container .premium-image-scroll-overlay,
3923
+ .premium-image-scroll-container .premium-image-scroll-content {
3924
+ -webkit-transition: all 0.3s ease-in-out;
3925
+ transition: all 0.3s ease-in-out;
3926
+ opacity: 1; }
3927
+
3928
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
3929
+ opacity: 0; }
3930
+
3931
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3932
+ opacity: 0;
3933
+ visibility: hidden; }
3934
+
3935
+ .premium-image-scroll-content .premium-image-scroll-icon {
3936
+ display: inline-block;
3937
+ font-family: "pa-elements" !important;
3938
+ speak: none;
3939
+ font-style: normal;
3940
+ font-weight: normal;
3941
+ font-variant: normal;
3942
+ text-transform: none;
3943
+ line-height: 1;
3944
+ -webkit-font-smoothing: antialiased;
3945
+ -moz-osx-font-smoothing: grayscale;
3946
+ -webkit-animation-duration: 0.5s;
3947
+ animation-duration: 0.5s;
3948
+ -webkit-animation-iteration-count: infinite;
3949
+ animation-iteration-count: infinite;
3950
+ -webkit-animation-direction: alternate;
3951
+ animation-direction: alternate;
3952
+ -webkit-animation-timing-function: ease-in-out;
3953
+ animation-timing-function: ease-in-out; }
3954
+
3955
+ .pa-horizontal-mouse-scroll:before {
3956
+ content: "\e901"; }
3957
+
3958
+ .pa-vertical-mouse-scroll:before {
3959
+ content: "\e93c"; }
3960
+
3961
+ .pa-horizontal-mouse-scroll {
3962
+ -webkit-animation-name: pa-scroll-horizontal;
3963
+ animation-name: pa-scroll-horizontal; }
3964
+
3965
+ .pa-vertical-mouse-scroll {
3966
+ -webkit-animation-name: pa-scroll-vertical;
3967
+ animation-name: pa-scroll-vertical; }
3968
+
3969
+ @-webkit-keyframes pa-scroll-vertical {
3970
+ 0% {
3971
+ -webkit-transform: translateY(0px);
3972
+ transform: translateY(0px); }
3973
+ 100% {
3974
+ -webkit-transform: translateY(5px);
3975
+ transform: translateY(5px); } }
3976
+
3977
+ @keyframes pa-scroll-vertical {
3978
+ 0% {
3979
+ -webkit-transform: translateY(0px);
3980
+ transform: translateY(0px); }
3981
+ 100% {
3982
+ -webkit-transform: translateY(5px);
3983
+ transform: translateY(5px); } }
3984
+
3985
+ @-webkit-keyframes pa-scroll-horizontal {
3986
+ 0% {
3987
+ -webkit-transform: translateX(0px);
3988
+ transform: translateX(0px); }
3989
+ 100% {
3990
+ -webkit-transform: translateX(5px);
3991
+ transform: translateX(5px); } }
3992
+
3993
+ @keyframes pa-scroll-horizontal {
3994
+ 0% {
3995
+ -webkit-transform: translateX(0px);
3996
+ transform: translateX(0px); }
3997
+ 100% {
3998
+ -webkit-transform: translateX(5px);
3999
+ transform: translateX(5px); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4000
 
 
 
 
 
 
4001
  /**************** Premium Image Separator ****************/
4002
  /*********************************************************/
4003
  .premium-image-separator-container {
4087
  top: 0;
4088
  left: 0;
4089
  width: 100%;
4090
+ height: 100%;
4091
+ z-index: 2; }
4092
+ .pa-gallery-img.style2 .pa-gallery-whole-link, .pa-gallery-img.style3 .pa-gallery-whole-link {
4093
  z-index: 99; }
4094
 
4095
  .pa-gallery-img-container {
4243
  -webkit-transform: translateY(-50%);
4244
  -ms-transform: translateY(-50%);
4245
  transform: translateY(-50%);
4246
+ z-index: 3; }
4247
 
4248
  .pa-gallery-img.style1 .premium-gallery-caption {
4249
  position: absolute;
4310
  .premium-clearfix {
4311
  clear: both; }
4312
 
4313
+ /**
4314
+ * Metro Layout
4315
  */
4316
  .premium-img-gallery-metro .premium-gallery-item {
4317
  overflow: hidden; }
4722
  /************ Premium Nav Menu ************/
4723
  .premium-nav-widget-container ul {
4724
  list-style: none;
4725
+ margin: 0;
4726
+ padding: 0; }
4727
 
4728
  .premium-nav-widget-container .premium-main-nav-menu {
4729
  -js-display: flex;
4735
  height: 100%; }
4736
 
4737
  /*Vertical Main Menu**/
4738
+ .premium-nav-ver .premium-ver-inner-container {
4739
+ width: 45%;
4740
+ position: relative; }
4741
+
4742
+ .premium-nav-ver .premium-nav-menu-container,
4743
+ .premium-nav-ver .premium-ver-toggler {
4744
+ width: 100%; }
4745
+
4746
  .premium-nav-ver .premium-nav-menu-container {
4747
+ background-color: #fff;
4748
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
4749
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
4750
 
4751
  .premium-nav-ver .premium-main-nav-menu {
4752
  position: relative;
4882
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4883
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4884
  color: #494c4f; }
4885
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
4886
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
4887
  fill: #494c4f; }
4888
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
4889
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
4942
  top: 0;
4943
  left: 0;
4944
  overflow-x: hidden;
4945
+ z-index: 10002;
4946
  -webkit-transition: 0.5s;
4947
  transition: 0.5s;
4948
  padding-top: 50px; }
4988
  width: 22px;
4989
  height: 22px;
4990
  fill: #494c4f; }
4991
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
4992
+ fill: #494c4f; }
4993
  .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
4994
  font-size: 22px; }
4995
 
5000
  -webkit-transition: 0.5s;
5001
  transition: 0.5s; }
5002
 
5003
+ /** Vertical Toggler*/
5004
+ .premium-ver-toggle-yes .premium-nav-menu-container {
5005
+ height: auto; }
5006
+
5007
+ .premium-ver-toggle-yes .premium-ver-toggler {
5008
+ -js-display: flex;
5009
+ display: -webkit-box;
5010
+ display: -webkit-flex;
5011
+ display: -moz-box;
5012
+ display: -ms-flexbox;
5013
+ display: flex;
5014
+ -webkit-box-align: center;
5015
+ -webkit-align-items: center;
5016
+ -moz-box-align: center;
5017
+ -ms-flex-align: center;
5018
+ align-items: center;
5019
+ -webkit-box-pack: justify;
5020
+ -webkit-justify-content: space-between;
5021
+ -moz-box-pack: justify;
5022
+ -ms-flex-pack: justify;
5023
+ justify-content: space-between;
5024
+ padding: 15px 20px 15px 20px;
5025
+ background: #EEEEEE;
5026
+ color: #042551;
5027
+ cursor: pointer; }
5028
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
5029
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
5030
+ -js-display: flex;
5031
+ display: -webkit-box;
5032
+ display: -webkit-flex;
5033
+ display: -moz-box;
5034
+ display: -ms-flexbox;
5035
+ display: flex;
5036
+ -webkit-box-pack: center;
5037
+ -webkit-justify-content: center;
5038
+ -moz-box-pack: center;
5039
+ -ms-flex-pack: center;
5040
+ justify-content: center;
5041
+ -webkit-box-align: center;
5042
+ -webkit-align-items: center;
5043
+ -moz-box-align: center;
5044
+ -ms-flex-align: center;
5045
+ align-items: center; }
5046
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
5047
+ text-indent: 5px; }
5048
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
5049
+ background: #54595F;
5050
+ color: #fff; }
5051
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
5052
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
5053
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
5054
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
5055
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
5056
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
5057
+ fill: #fff; }
5058
+
5059
+ .premium-ver-toggle-yes .premium-ver-close,
5060
+ .premium-ver-toggle-yes .premium-ver-open,
5061
+ .premium-ver-toggle-yes .premium-nav-menu-container,
5062
+ .premium-ver-toggle-yes .premium-ver-toggler {
5063
+ -webkit-transition: all .3s linear 0s;
5064
+ transition: all .3s linear 0s; }
5065
+ .premium-ver-toggle-yes .premium-ver-close i,
5066
+ .premium-ver-toggle-yes .premium-ver-close svg,
5067
+ .premium-ver-toggle-yes .premium-ver-open i,
5068
+ .premium-ver-toggle-yes .premium-ver-open svg,
5069
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
5070
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
5071
+ .premium-ver-toggle-yes .premium-ver-toggler i,
5072
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
5073
+ -webkit-transition: color .3s linear 0s;
5074
+ transition: color .3s linear 0s; }
5075
+
5076
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
5077
+ -webkit-transition: all .3s linear 0s;
5078
+ transition: all .3s linear 0s; }
5079
+
5080
+ .premium-ver-toggle-yes .premium-ver-close,
5081
+ .premium-ver-toggle-yes .premium-ver-open,
5082
+ .premium-ver-toggle-yes .premium-ver-title-icon {
5083
+ -webkit-box-pack: center;
5084
+ -webkit-justify-content: center;
5085
+ -moz-box-pack: center;
5086
+ -ms-flex-pack: center;
5087
+ justify-content: center;
5088
+ -webkit-box-align: center;
5089
+ -webkit-align-items: center;
5090
+ -moz-box-align: center;
5091
+ -ms-flex-align: center;
5092
+ align-items: center; }
5093
+ .premium-ver-toggle-yes .premium-ver-close i,
5094
+ .premium-ver-toggle-yes .premium-ver-open i,
5095
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
5096
+ font-size: 16px; }
5097
+ .premium-ver-toggle-yes .premium-ver-close svg,
5098
+ .premium-ver-toggle-yes .premium-ver-open svg,
5099
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
5100
+ width: 17px;
5101
+ height: 17px;
5102
+ fill: #042551; }
5103
+ .premium-ver-toggle-yes .premium-ver-close svg path,
5104
+ .premium-ver-toggle-yes .premium-ver-open svg path,
5105
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
5106
+ fill: #042551; }
5107
+
5108
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
5109
+ -js-display: inline-flex;
5110
+ display: -webkit-inline-box;
5111
+ display: -webkit-inline-flex;
5112
+ display: -moz-inline-box;
5113
+ display: -ms-inline-flexbox;
5114
+ display: inline-flex; }
5115
+
5116
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
5117
+ visibility: hidden;
5118
+ opacity: 0; }
5119
+
5120
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
5121
+ display: none; }
5122
+
5123
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
5124
+ -js-display: inline-flex;
5125
+ display: -webkit-inline-box;
5126
+ display: -webkit-inline-flex;
5127
+ display: -moz-inline-box;
5128
+ display: -ms-inline-flexbox;
5129
+ display: inline-flex; }
5130
+
5131
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
5132
+ position: absolute;
5133
+ z-index: 10002; }
5134
+
5135
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
5136
+ position: absolute;
5137
+ z-index: 10001; }
5138
+
5139
+ .premium-ver-toggle-yes .premium-nav-menu-container,
5140
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
5141
+ visibility: visible;
5142
+ opacity: 1; }
5143
+
5144
+ .premium-ver-toggle-yes .premium-ver-open,
5145
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
5146
+ display: none; }
5147
+
5148
+ .premium-ver-toggle-yes .premium-ver-close,
5149
+ .premium-ver-toggle-yes .premium-ver-title-icon,
5150
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
5151
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
5152
+ -js-display: inline-flex;
5153
+ display: -webkit-inline-box;
5154
+ display: -webkit-inline-flex;
5155
+ display: -moz-inline-box;
5156
+ display: -ms-inline-flexbox;
5157
+ display: inline-flex; }
5158
+
5159
+ /** Sticky Menu */
5160
+ .premium-sticky-parent {
5161
+ position: fixed;
5162
+ z-index: 10003;
5163
+ -webkit-transition: all 0.3s linear;
5164
+ transition: all 0.3s linear; }
5165
+
5166
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
5167
+ will-change: transform;
5168
+ -webkit-transition: -webkit-transform 500ms linear !important;
5169
+ transition: -webkit-transform 500ms linear !important;
5170
+ transition: transform 500ms linear !important;
5171
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
5172
+ -webkit-transition-delay: 1s;
5173
+ transition-delay: 1s; }
5174
+
5175
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
5176
+ -webkit-transform: translateY(0%);
5177
+ -ms-transform: translateY(0%);
5178
+ transform: translateY(0%); }
5179
+
5180
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
5181
+ -webkit-transform: translateY(-100%);
5182
+ -ms-transform: translateY(-100%);
5183
+ transform: translateY(-100%); }
5184
+
5185
  /**Common*/
5186
  .premium-nav-slide-overlay {
5187
  display: none;
5193
  -webkit-backface-visibility: hidden;
5194
  backface-visibility: hidden;
5195
  background: rgba(0, 0, 0, 0.6);
5196
+ z-index: 10002; }
5197
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
5198
  display: block; }
5199
 
6488
  -webkit-transition: all 0.3s ease-in-out;
6489
  transition: all 0.3s ease-in-out; }
6490
 
6491
+ /**************** Premium Progress Bar ****************/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6492
  /******************************************************/
6493
+ .premium-progressbar-container {
6494
+ position: relative; }
6495
+
6496
+ .premium-progressbar-bar-wrap {
6497
+ position: relative;
6498
+ text-align: left;
6499
+ overflow: hidden;
6500
+ height: 25px;
6501
+ margin-bottom: 50px;
6502
+ background-color: #f5f5f5;
6503
+ -webkit-border-radius: 4px;
6504
+ border-radius: 4px;
6505
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
6506
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
6507
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
6508
+ background-color: transparent;
6509
+ width: 100%;
6510
+ -js-display: flex;
6511
+ display: -webkit-box;
6512
+ display: -webkit-flex;
6513
+ display: -moz-box;
6514
+ display: -ms-flexbox;
6515
+ display: flex;
6516
+ height: auto;
6517
+ -webkit-box-shadow: none;
6518
+ box-shadow: none; }
6519
+ .premium-progressbar-bar-wrap .progress-segment {
6520
+ position: relative;
6521
+ width: 25px;
6522
+ height: 25px;
6523
+ -webkit-border-radius: 50%;
6524
+ border-radius: 50%;
6525
+ overflow: hidden;
6526
+ background-color: #f5f5f5; }
6527
+ .premium-progressbar-bar-wrap .progress-segment.filled {
6528
+ background: #6ec1e4; }
6529
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
6530
+ margin: 0 4px; }
6531
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
6532
+ margin-right: 4px; }
6533
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
6534
+ margin-left: 4px; }
6535
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
6536
+ position: absolute;
6537
+ top: 0;
6538
+ left: 0;
6539
+ height: 100%;
6540
+ background-color: #6ec1e4; }
6541
+
6542
+ .premium-progressbar-bar {
6543
+ float: left;
6544
+ width: 0%;
6545
+ height: 100%;
6546
+ font-size: 12px;
6547
+ line-height: 20px;
6548
+ background: #6ec1e4;
6549
+ text-align: center;
6550
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
6551
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
6552
+
6553
+ .premium-progressbar-striped .premium-progressbar-bar {
6554
+ 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);
6555
+ 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);
6556
+ -webkit-background-size: 40px 40px;
6557
+ background-size: 40px 40px; }
6558
+
6559
+ .premium-progressbar-active .premium-progressbar-bar {
6560
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
6561
+ animation: progress-bar-stripes 2s linear infinite; }
6562
+
6563
+ .premium-progressbar-gradient .premium-progressbar-bar {
6564
+ -webkit-background-size: 400% 400% !important;
6565
+ background-size: 400% 400% !important;
6566
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
6567
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
6568
+
6569
+ .premium-progressbar-bar {
6570
+ position: absolute;
6571
+ overflow: hidden;
6572
+ line-height: 20px; }
6573
+
6574
+ .premium-progressbar-container .clearfix {
6575
+ clear: both; }
6576
+
6577
+ .premium-progressbar-bar {
6578
+ -webkit-transition: width 0s ease-in-out !important;
6579
+ transition: width 0s ease-in-out !important; }
6580
+
6581
+ .premium-progressbar-container p:first-of-type {
6582
+ margin: 0;
6583
+ float: left; }
6584
+
6585
+ .premium-progressbar-container p:nth-of-type(2) {
6586
+ margin: 0;
6587
+ float: right; }
6588
+
6589
+ .premium-progressbar-name {
6590
+ left: 50%;
6591
+ top: 0;
6592
+ right: 0;
6593
+ -webkit-transform: translateX(-12.5px);
6594
+ -ms-transform: translateX(-12.5px);
6595
+ transform: translateX(-12.5px);
6596
+ z-index: 1; }
6597
+
6598
+ .premium-progressbar-multiple-label {
6599
+ position: relative;
6600
+ float: left;
6601
+ width: 0;
6602
+ left: 50%; }
6603
+
6604
+ .premium-progressbar-center-label {
6605
+ position: relative;
6606
+ white-space: nowrap; }
6607
+
6608
+ .premium-progressbar-arrow {
6609
+ height: 15px;
6610
+ left: 50%;
6611
+ display: inline-block;
6612
+ border-left: 7px solid transparent;
6613
+ border-right: 7px solid transparent;
6614
+ border-top: 11px solid;
6615
+ -webkit-transform: translateX(-50%);
6616
+ -ms-transform: translateX(-50%);
6617
+ transform: translateX(-50%); }
6618
+
6619
+ .premium-progressbar-pin {
6620
+ border-left: 1px solid;
6621
+ height: 12px;
6622
+ left: 50%;
6623
+ display: inline-block; }
6624
+
6625
+ /**
6626
+ * Circle Progress Bar
6627
+ */
6628
+ .premium-progressbar-circle-wrap,
6629
+ .premium-progressbar-hf-circle-wrap {
6630
+ width: 200px;
6631
+ height: 200px;
6632
+ position: relative;
6633
+ margin: 0 auto; }
6634
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
6635
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
6636
+ position: absolute;
6637
+ top: 0;
6638
+ left: 0;
6639
+ width: 100%;
6640
+ height: 100%;
6641
  -js-display: flex;
6642
  display: -webkit-box;
6643
  display: -webkit-flex;
6644
  display: -moz-box;
6645
  display: -ms-flexbox;
6646
  display: flex;
6647
+ -webkit-box-orient: vertical;
6648
+ -webkit-box-direction: normal;
6649
+ -webkit-flex-direction: column;
6650
+ -moz-box-orient: vertical;
6651
+ -moz-box-direction: normal;
6652
+ -ms-flex-direction: column;
6653
+ flex-direction: column;
6654
  -webkit-box-pack: center;
6655
  -webkit-justify-content: center;
6656
  -moz-box-pack: center;
6660
  -webkit-align-items: center;
6661
  -moz-box-align: center;
6662
  -ms-flex-align: center;
6663
+ align-items: center;
6664
+ text-align: center; }
6665
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
6666
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
6667
+ line-height: 1; }
 
 
 
6668
 
6669
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
6670
+ position: absolute;
6671
+ top: 0;
6672
+ left: 0;
6673
+ width: 100%;
6674
+ height: 100%;
6675
+ -webkit-clip-path: inset(0 0 0 50%);
6676
+ clip-path: inset(0 0 0 50%); }
6677
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
6678
+ position: absolute;
6679
+ left: 0;
6680
+ top: 0;
6681
+ height: 100%;
 
6682
  width: 100%;
6683
+ border-width: 6px;
6684
+ border-style: solid;
6685
+ border-color: #54595f;
6686
+ -webkit-border-radius: 50%;
6687
+ border-radius: 50%;
6688
+ -webkit-clip-path: inset(0 50% 0 0);
6689
+ clip-path: inset(0 50% 0 0); }
6690
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
6691
+ -webkit-transform: rotate(0);
6692
+ -ms-transform: rotate(0);
6693
+ transform: rotate(0); }
6694
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
6695
+ -webkit-transform: rotate(180deg);
6696
+ -ms-transform: rotate(180deg);
6697
+ transform: rotate(180deg);
6698
+ visibility: hidden; }
6699
 
6700
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
6701
+ width: 100%;
6702
+ height: 100%;
6703
+ border: 6px solid #eee;
6704
+ -webkit-border-radius: 50%;
6705
+ border-radius: 50%; }
6706
+
6707
+ /**
6708
+ * Half Circle Progress Bar
6709
+ */
6710
+ .premium-progressbar-hf-container {
6711
+ position: relative;
6712
+ width: 200px;
6713
+ height: 200px; }
6714
+
6715
+ .premium-progressbar-hf-circle-wrap {
6716
+ overflow: hidden; }
6717
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
6718
+ -webkit-box-ordinal-group: 2;
6719
+ -webkit-order: 1;
6720
+ -moz-box-ordinal-group: 2;
6721
+ -ms-flex-order: 1;
6722
+ order: 1; }
6723
+
6724
+ .premium-progressbar-hf-circle {
6725
+ position: absolute;
6726
+ top: 0;
6727
+ left: 0;
6728
+ width: 100%;
6729
+ height: 100%;
6730
+ -webkit-clip-path: inset(0 0 50% 0);
6731
+ clip-path: inset(0 0 50% 0); }
6732
+
6733
+ .premium-progressbar-hf-circle-progress {
6734
+ position: absolute;
6735
+ left: 0;
6736
+ top: 0;
6737
+ height: 100%;
6738
+ width: 100%;
6739
+ border: 12px solid #000;
6740
+ -webkit-border-radius: 50%;
6741
+ border-radius: 50%;
6742
+ -webkit-clip-path: inset(50% 0 0 0);
6743
+ clip-path: inset(50% 0 0 0);
6744
+ -webkit-transform: rotate(0deg);
6745
+ -ms-transform: rotate(0deg);
6746
+ transform: rotate(0deg);
6747
+ -webkit-transition: -webkit-transform 1500ms linear;
6748
+ transition: -webkit-transform 1500ms linear;
6749
+ transition: transform 1500ms linear;
6750
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
6751
+
6752
+ .premium-progressbar-circle-inner {
6753
+ height: 100%;
6754
+ width: 100%;
6755
+ border: 12px solid #eee;
6756
+ -webkit-border-radius: 50%;
6757
+ border-radius: 50%; }
6758
+
6759
+ .premium-progressbar-hf-labels {
6760
+ margin: 0 auto;
6761
  position: relative;
6762
+ font-size: 12px;
6763
+ font-weight: 400;
6764
  -js-display: flex;
6765
  display: -webkit-box;
6766
  display: -webkit-flex;
6767
  display: -moz-box;
6768
  display: -ms-flexbox;
6769
  display: flex;
6770
+ -webkit-box-pack: justify;
6771
+ -webkit-justify-content: space-between;
6772
+ -moz-box-pack: justify;
6773
+ -ms-flex-pack: justify;
6774
+ justify-content: space-between; }
6775
+
6776
+ @-webkit-keyframes progress-bar-stripes {
6777
+ from {
6778
+ background-position: 0 0; }
6779
+ to {
6780
+ background-position: 40px 0; } }
6781
+
6782
+ @keyframes progress-bar-stripes {
6783
+ from {
6784
+ background-position: 0 0; }
6785
+ to {
6786
+ background-position: 40px 0; } }
6787
+
6788
+ @-webkit-keyframes progress-bar-gradient {
6789
+ 0% {
6790
+ background-position: 0% 50%; }
6791
+ 50% {
6792
+ background-position: 100% 50%; }
6793
+ 100% {
6794
+ background-position: 0% 50%; } }
6795
+
6796
+ @keyframes progress-bar-gradient {
6797
+ 0% {
6798
+ background-position: 0% 50%; }
6799
+ 50% {
6800
+ background-position: 100% 50%; }
6801
+ 100% {
6802
+ background-position: 0% 50%; } }
6803
+
6804
+ @media (max-width: 768px) {
6805
+ .premium-progressbar-center-label {
6806
+ -webkit-transform: rotate(-90deg) !important;
6807
+ -ms-transform: rotate(-90deg) !important;
6808
+ transform: rotate(-90deg) !important;
6809
+ -webkit-transform-origin: 0;
6810
+ -ms-transform-origin: 0;
6811
+ transform-origin: 0; } }
6812
+
6813
+ /**************** Premium Testimonials ****************/
6814
+ /******************************************************/
6815
+ .premium-testimonial-box {
6816
+ width: 100%;
6817
+ background: transparent;
6818
+ -webkit-transition: all 0.3s ease-in-out;
6819
+ transition: all 0.3s ease-in-out; }
6820
+ .premium-testimonial-box .premium-testimonial-author-info {
6821
+ -js-display: flex;
6822
+ display: -webkit-box;
6823
+ display: -webkit-flex;
6824
+ display: -moz-box;
6825
+ display: -ms-flexbox;
6826
+ display: flex;
6827
+ -webkit-box-pack: center;
6828
+ -webkit-justify-content: center;
6829
+ -moz-box-pack: center;
6830
+ -ms-flex-pack: center;
6831
+ justify-content: center;
6832
+ -webkit-box-align: center;
6833
+ -webkit-align-items: center;
6834
+ -moz-box-align: center;
6835
+ -ms-flex-align: center;
6836
+ align-items: center; }
6837
+ .premium-testimonial-box .premium-testimonial-person-name,
6838
+ .premium-testimonial-box .premium-testimonial-company-name {
6839
+ font-weight: 600;
6840
+ margin: 0; }
6841
+
6842
+ .premium-testimonial-container {
6843
+ position: relative; }
6844
+
6845
+ .premium-testimonial-img-wrapper {
6846
+ margin-left: auto;
6847
+ margin-right: auto;
6848
+ overflow: hidden;
6849
+ border-style: solid !important; }
6850
+ .premium-testimonial-img-wrapper.circle {
6851
+ -webkit-border-radius: 50%;
6852
+ border-radius: 50%; }
6853
+ .premium-testimonial-img-wrapper.rounded {
6854
+ -webkit-border-radius: 15px;
6855
+ border-radius: 15px; }
6856
+ .premium-testimonial-img-wrapper img {
6857
+ -o-object-fit: cover;
6858
+ object-fit: cover;
6859
+ width: 100%;
6860
+ height: 100% !important; }
6861
+
6862
+ .premium-testimonial-content-wrapper {
6863
+ position: relative;
6864
+ -js-display: flex;
6865
+ display: -webkit-box;
6866
+ display: -webkit-flex;
6867
+ display: -moz-box;
6868
+ display: -ms-flexbox;
6869
+ display: flex;
6870
+ -webkit-box-orient: vertical;
6871
+ -webkit-box-direction: normal;
6872
+ -webkit-flex-direction: column;
6873
+ -moz-box-orient: vertical;
6874
+ -moz-box-direction: normal;
6875
+ -ms-flex-direction: column;
6876
+ flex-direction: column;
6877
+ z-index: 2;
6878
+ width: 100%;
6879
+ padding: 20px;
6880
+ text-align: center; }
6881
 
6882
  .premium-testimonial-clear-float {
6883
  clear: both; }
7496
  .premium-video-box-filter-sticky {
7497
  -webkit-filter: none !important;
7498
  filter: none !important; }
7499
+
7500
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
7501
+ cursor: default; }
7502
 
7503
+ /************ Premium Vertical Scroll ************/
7504
+ /*************************************************/
7505
+ .premium-vscroll-inner {
7506
+ position: relative;
7507
+ min-height: 100%; }
7508
+ .premium-vscroll-inner .premium-vscroll-dots {
7509
+ position: fixed;
7510
+ z-index: 100;
7511
+ opacity: 1;
7512
+ margin-top: -32px;
7513
+ -webkit-transition: all 0.3s ease-in-out;
7514
+ transition: all 0.3s ease-in-out; }
7515
+
7516
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7517
+ opacity: 1;
7518
+ -webkit-transition: all 0.3s ease-in-out;
7519
+ transition: all 0.3s ease-in-out; }
7520
+
7521
+ .premium-vscroll-inner .premium-vscroll-dots,
7522
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7523
+ opacity: 0;
7524
+ visibility: hidden; }
7525
+
7526
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
7527
+ opacity: 1;
7528
+ visibility: visible; }
7529
+
7530
+ .premium-vscroll-dots.middle {
7531
+ top: 50%;
7532
+ margin-top: 0;
7533
+ -webkit-transform: translateY(-50%);
7534
+ -ms-transform: translateY(-50%);
7535
+ transform: translateY(-50%); }
7536
+
7537
+ .premium-vscroll-dots.top {
7538
+ top: 40px; }
7539
+
7540
+ .premium-vscroll-dots.bottom {
7541
+ bottom: 30px; }
7542
+
7543
+ .premium-vscroll-dots.right {
7544
+ right: 17px; }
7545
+
7546
+ .premium-vscroll-dots.left {
7547
+ left: 17px; }
7548
+
7549
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7550
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7551
+ margin: 0 !important;
7552
+ padding: 0; }
7553
+
7554
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7555
+ width: 14px;
7556
+ height: 13px;
7557
+ margin: 7px;
7558
+ position: relative;
7559
+ -js-display: flex;
7560
+ display: -webkit-box;
7561
+ display: -webkit-flex;
7562
+ display: -moz-box;
7563
+ display: -ms-flexbox;
7564
+ display: flex;
7565
+ -webkit-box-pack: center;
7566
+ -webkit-justify-content: center;
7567
+ -moz-box-pack: center;
7568
+ -ms-flex-pack: center;
7569
+ justify-content: center;
7570
+ -webkit-box-align: center;
7571
+ -webkit-align-items: center;
7572
+ -moz-box-align: center;
7573
+ -ms-flex-align: center;
7574
+ align-items: center;
7575
+ overflow: visible; }
7576
+
7577
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7578
+ display: block;
7579
+ position: relative;
7580
+ z-index: 1;
7581
+ width: 100%;
7582
+ height: 100%;
7583
+ cursor: pointer;
7584
+ text-decoration: none; }
7585
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7586
+ top: 2px;
7587
+ left: 2.5px;
7588
+ width: 8px;
7589
+ height: 8px;
7590
+ border: 1px solid #000;
7591
+ -webkit-border-radius: 50%;
7592
+ border-radius: 50%;
7593
+ position: absolute;
7594
+ z-index: 1;
7595
+ -webkit-transition: all 0.3s ease-in-out;
7596
+ transition: all 0.3s ease-in-out; }
7597
+
7598
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7599
+ -webkit-transform: scale(1.6);
7600
+ -ms-transform: scale(1.6);
7601
+ transform: scale(1.6); }
7602
+
7603
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7604
+ position: absolute;
7605
+ color: #fff;
7606
+ font-size: 14px;
7607
+ font-family: arial, helvetica, sans-serif;
7608
+ white-space: nowrap;
7609
+ max-width: 220px;
7610
+ padding-left: 0.4em;
7611
+ padding-right: 0.4em; }
7612
+
7613
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7614
+ right: 27px; }
7615
+
7616
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7617
+ width: 4px;
7618
+ height: 30px; }
7619
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7620
+ width: 100%;
7621
+ height: 100%;
7622
+ -webkit-border-radius: 0;
7623
+ border-radius: 0; }
7624
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7625
+ -webkit-transform: scale(1);
7626
+ -ms-transform: scale(1);
7627
+ transform: scale(1); }
7628
+
7629
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7630
+ position: absolute;
7631
+ top: 50%;
7632
+ content: "";
7633
+ left: -webkit-calc(100% - 1px);
7634
+ left: calc(100% - 1px);
7635
+ width: 10px;
7636
+ height: 0;
7637
+ border-top: 6px solid transparent;
7638
+ border-bottom: 6px solid transparent;
7639
+ border-left: 6px solid;
7640
+ -webkit-transform: translateY(-50%);
7641
+ -ms-transform: translateY(-50%);
7642
+ transform: translateY(-50%); }
7643
+
7644
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7645
+ left: 27px; }
7646
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7647
+ position: absolute;
7648
+ top: 50%;
7649
+ content: "";
7650
+ right: -webkit-calc(100% - 1px);
7651
+ right: calc(100% - 1px);
7652
+ width: 10px;
7653
+ height: 0;
7654
+ border-top: 6px solid transparent;
7655
+ border-bottom: 6px solid transparent;
7656
+ border-right: 6px solid;
7657
+ -webkit-transform: translateY(-50%);
7658
+ -ms-transform: translateY(-50%);
7659
+ transform: translateY(-50%); }
7660
+
7661
+ /* * Lines */
7662
+ @media (max-width: 768px) {
7663
+ .premium-vscroll-dots.right {
7664
+ right: 7px; }
7665
+ .premium-vscroll-dots.left {
7666
+ left: 7px; } }
7667
+
7668
+ .premium-vscroll-nav-menu {
7669
+ position: fixed;
7670
+ top: 20px;
7671
+ height: 40px;
7672
+ z-index: 100;
7673
+ padding: 0;
7674
+ margin: 0; }
7675
+ .premium-vscroll-nav-menu.left {
7676
+ left: 0; }
7677
+ .premium-vscroll-nav-menu.right {
7678
+ right: 0; }
7679
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7680
+ display: inline-block;
7681
+ margin: 10px;
7682
+ color: #000;
7683
+ background: #fff;
7684
+ background: rgba(255, 255, 255, 0.3); }
7685
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7686
+ padding: 9px 18px;
7687
+ display: block;
7688
+ cursor: pointer;
7689
+ color: #000; }
7690
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7691
+ color: #000; }
7692
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
7693
+ outline: none; }
7694
+
7695
+ .multiscroll-nav li a:focus {
7696
+ outline: none; }
7697
+
7698
+ .premium-vscroll-temp .slimScrollBar {
7699
+ visibility: hidden; }
7700
+
7701
+ [data-hijacking="off"] .premium-vscroll-temp {
7702
+ height: 100vh; }
7703
+ [data-hijacking="off"] .premium-vscroll-temp > div {
7704
+ opacity: 0;
7705
+ top: 0;
7706
+ left: 0;
7707
+ width: 100%;
7708
+ /* Force Hardware Acceleration */
7709
+ -webkit-transform: translateZ(0);
7710
+ transform: translateZ(0);
7711
+ -webkit-backface-visibility: hidden;
7712
+ backface-visibility: hidden; }
7713
+
7714
+ [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
7715
+ display: none;
7716
+ position: absolute;
7717
+ width: 100%;
7718
+ top: 20px;
7719
+ z-index: 2; }
7720
+
7721
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
7722
+ position: relative;
7723
+ /* enable a 3D-space for children elements */
7724
+ -webkit-perspective: 1800px;
7725
+ perspective: 1800px; }
7726
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
7727
+ position: absolute;
7728
+ -webkit-transform-origin: center bottom;
7729
+ -ms-transform-origin: center bottom;
7730
+ transform-origin: center bottom; }
7731
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
7732
+ opacity: 1 !important;
7733
+ -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
7734
+ transform: translateY(0px) scale(1) rotateX(0deg) !important; }
7735
+
7736
+ [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
7737
+ position: fixed; }
7738
+
7739
+ [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
7740
+ position: fixed; }
7741
+
7742
+ [data-hijacking="off"] .premium-vscroll-parallax-last {
7743
+ -webkit-transform: translateY(0px) scale(1) !important;
7744
+ -ms-transform: translateY(0px) scale(1) !important;
7745
+ transform: translateY(0px) scale(1) !important; }
7746
+
7747
+ [data-hijacking="off"] .premium-vscroll-parallax-position {
7748
+ position: unset !important; }
7749
+
7750
+ /********** Premium Woo Products **********/
7751
+ /******************************************/
7752
+ .ast-single-post .entry-content .premium-woocommerce a {
7753
+ text-decoration: none; }
7754
+
7755
+ .premium-woocommerce .premium-woo-qv-btn {
7756
+ cursor: pointer; }
7757
+
7758
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
7759
+ margin: 0 auto 0.5em; }
7760
+
7761
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
7762
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
7763
+ display: block;
7764
+ text-align: center;
7765
+ color: #fff;
7766
+ min-width: 2em;
7767
+ min-height: 2em;
7768
+ line-height: 2em;
7769
+ padding: 0.3em 0.6em;
7770
+ margin: 0.5em 0.6em; }
7771
+
7772
+ .premium-woocommerce .pa-out-of-stock {
7773
+ display: block;
7774
+ text-align: center;
7775
+ color: #fff;
7776
+ min-width: 2em;
7777
+ min-height: 2em;
7778
+ line-height: 2em;
7779
+ padding: 0.3em 0.6em;
7780
+ margin: 0.5em 0.6em; }
7781
+
7782
+ .premium-woocommerce .woocommerce-loop-product__title {
7783
+ margin-bottom: 0.5em;
7784
+ font-size: 1em;
7785
+ -webkit-transition: all 0.3s ease-in-out;
7786
+ transition: all 0.3s ease-in-out; }
7787
+
7788
+ .premium-woocommerce .premium-woo-product-category {
7789
+ display: block;
7790
+ font-size: 0.85em;
7791
+ margin-bottom: 0.5em;
7792
+ line-height: 1.3; }
7793
+
7794
+ .premium-woocommerce .star-rating {
7795
+ display: block;
7796
+ float: none;
7797
+ -webkit-backface-visibility: hidden;
7798
+ backface-visibility: hidden;
7799
+ overflow: hidden;
7800
+ position: relative;
7801
+ height: 1em;
7802
+ line-height: 1;
7803
+ font-size: 0.857em;
7804
+ width: 5.4em;
7805
+ font-family: "star"; }
7806
+ .premium-woocommerce .star-rating::before {
7807
+ content: "\73\73\73\73\73";
7808
+ color: #54595f;
7809
+ float: left;
7810
+ top: 0;
7811
+ left: 0;
7812
+ position: absolute; }
7813
+ .premium-woocommerce .star-rating span {
7814
+ overflow: hidden;
7815
+ float: left;
7816
+ top: 0;
7817
+ left: 0;
7818
+ position: absolute;
7819
+ padding-top: 1.5em; }
7820
+ .premium-woocommerce .star-rating span::before {
7821
+ content: "\53\53\53\53\53";
7822
+ color: inherit;
7823
+ top: 0;
7824
+ position: absolute;
7825
+ left: 0; }
7826
+
7827
+ .premium-woocommerce .premium-woo-products-inner ul.products {
7828
+ -js-display: flex;
7829
+ display: -webkit-box;
7830
+ display: -webkit-flex;
7831
+ display: -moz-box;
7832
+ display: -ms-flexbox;
7833
+ display: flex;
7834
+ margin: 0;
7835
+ padding: 0;
7836
+ -webkit-flex-wrap: wrap;
7837
+ -ms-flex-wrap: wrap;
7838
+ flex-wrap: wrap;
7839
+ list-style: none outside;
7840
+ -webkit-column-gap: 0;
7841
+ -moz-column-gap: 0;
7842
+ column-gap: 0; }
7843
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
7844
+ margin: 0 0 10px;
7845
+ padding: 0 10px; }
7846
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
7847
+ overflow: hidden;
7848
+ -webkit-transition: all 0.3s ease-in-out;
7849
+ transition: all 0.3s ease-in-out; }
7850
+
7851
+ .premium-woocommerce .woocommerce-loop-product__link {
7852
+ position: relative;
7853
+ display: block !important;
7854
+ overflow: hidden;
7855
+ -webkit-transition: all 0.3s ease-in-out;
7856
+ transition: all 0.3s ease-in-out; }
7857
+
7858
+ .premium-woocommerce .premium-woo-ribbon-container,
7859
+ .premium-woocommerce .pa-out-of-stock {
7860
+ position: absolute;
7861
+ z-index: 9; }
7862
+
7863
+ .premium-woocommerce .premium-woo-ribbon-container {
7864
+ top: 0;
7865
+ left: 0; }
7866
+
7867
+ .premium-woocommerce .pa-out-of-stock {
7868
+ top: 7px;
7869
+ left: 9px;
7870
+ margin: 0; }
7871
+
7872
+ .premium-woo-product-thumbnail {
7873
+ position: relative;
7874
+ overflow: hidden; }
7875
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
7876
+ margin: 0;
7877
+ width: 100%; }
7878
+
7879
+ .premium-woo-product-sale-wrap,
7880
+ .premium-woo-product-featured-wrap {
7881
+ margin: 0; }
7882
+
7883
+ .premium-woocommerce .premium-woo-products-details-wrap {
7884
+ padding: 1em 1.2em; }
7885
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
7886
+ display: inline-block;
7887
+ background-color: #6ec1e4;
7888
+ color: #fff;
7889
+ margin: 0.5em 0;
7890
+ line-height: 1.3;
7891
+ padding: 10px 40px;
7892
+ font-size: 100%;
7893
+ cursor: pointer;
7894
+ text-decoration: none;
7895
+ overflow: visible;
7896
+ font-weight: 700;
7897
+ background-image: none;
7898
+ border: none;
7899
+ -webkit-border-radius: 0px;
7900
+ border-radius: 0px;
7901
+ -webkit-box-shadow: none;
7902
+ box-shadow: none;
7903
+ text-shadow: none;
7904
+ -webkit-transition: all 0.3s ease-in-out;
7905
+ transition: all 0.3s ease-in-out; }
7906
+
7907
+ .premium-woocommerce li.product .price {
7908
+ display: block;
7909
+ line-height: 1.3;
7910
+ font-weight: 700;
7911
+ margin-bottom: 0.5em;
7912
+ font-size: 0.9em; }
7913
+ .premium-woocommerce li.product .price del {
7914
+ display: inline-block;
7915
+ font-weight: 400;
7916
+ background: transparent;
7917
+ opacity: 1; }
7918
+ .premium-woocommerce li.product .price ins {
7919
+ display: inline-block;
7920
+ background: transparent;
7921
+ text-decoration: none;
7922
+ font-weight: inherit; }
7923
+ .premium-woocommerce li.product .price .amount {
7924
+ color: inherit !important; }
7925
+
7926
+ .premium-woocommerce li.product .premium-woo-product-desc p {
7927
+ margin: 0; }
7928
+
7929
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
7930
+ margin-left: 0;
7931
+ margin-right: auto; }
7932
+
7933
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
7934
+ margin-left: auto;
7935
+ margin-right: auto; }
7936
+
7937
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
7938
+ margin-left: auto;
7939
+ margin-right: 0; }
7940
+
7941
+ .premium-woo-products-pagination ul.page-numbers {
7942
+ -js-display: flex;
7943
+ display: -webkit-box;
7944
+ display: -webkit-flex;
7945
+ display: -moz-box;
7946
+ display: -ms-flexbox;
7947
+ display: flex;
7948
+ list-style-type: none;
7949
+ margin: 0;
7950
+ margin-top: 10px;
7951
+ padding: 0;
7952
+ border: none;
7953
+ -webkit-box-pack: center;
7954
+ -webkit-justify-content: center;
7955
+ -moz-box-pack: center;
7956
+ -ms-flex-pack: center;
7957
+ justify-content: center; }
7958
+ .premium-woo-products-pagination ul.page-numbers li {
7959
+ margin: 0 0.4em 0.4em 0;
7960
+ padding: 0;
7961
+ text-align: center; }
7962
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
7963
+ margin: 0;
7964
+ text-decoration: none;
7965
+ color: #000;
7966
+ border: 1px solid #54595f;
7967
+ padding: 0;
7968
+ line-height: 1;
7969
+ font-size: 1em;
7970
+ font-weight: 400;
7971
+ padding: 0.75em;
7972
+ display: block;
7973
+ min-width: 2.5em;
7974
+ -webkit-transition: all 0.3s ease-in-out;
7975
+ transition: all 0.3s ease-in-out; }
7976
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
7977
+ background-color: #54595f;
7978
+ color: #fff;
7979
+ outline: none; }
7980
+
7981
+ .premium-woocommerce .premium-loading-feed,
7982
+ .premium-woo-quick-view-loader .premium-loading-feed {
7983
+ display: block;
7984
+ position: absolute;
7985
+ width: 100%;
7986
+ height: 100%;
7987
+ top: 0px;
7988
+ left: 0px;
7989
+ bottom: 0px;
7990
+ right: 0px;
7991
+ background: rgba(255, 255, 255, 0.2);
7992
+ -js-display: flex;
7993
+ display: -webkit-box;
7994
+ display: -webkit-flex;
7995
+ display: -moz-box;
7996
+ display: -ms-flexbox;
7997
+ display: flex;
7998
+ -webkit-box-align: center;
7999
+ -webkit-align-items: center;
8000
+ -moz-box-align: center;
8001
+ -ms-flex-align: center;
8002
+ align-items: center; }
8003
+
8004
+ /**
8005
+ * Image Hover Effects
8006
+ */
8007
+ .premium-woocommerce .woocommerce-loop-product__link img {
8008
+ -webkit-transition: all 0.3s ease-in-out;
8009
+ transition: all 0.3s ease-in-out; }
8010
+
8011
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8012
+ -webkit-transform: scale(1.2);
8013
+ -ms-transform: scale(1.2);
8014
+ transform: scale(1.2); }
8015
+
8016
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8017
+ -webkit-transform: none;
8018
+ -ms-transform: none;
8019
+ transform: none; }
8020
+
8021
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8022
+ -webkit-transform: none;
8023
+ -ms-transform: none;
8024
+ transform: none; }
8025
+
8026
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8027
+ -webkit-transform: scale(1.2);
8028
+ -ms-transform: scale(1.2);
8029
+ transform: scale(1.2); }
8030
+
8031
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8032
+ -webkit-filter: grayscale(100%);
8033
+ filter: grayscale(100%); }
8034
+
8035
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8036
+ -webkit-filter: grayscale(0%);
8037
+ filter: grayscale(0%); }
8038
+
8039
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8040
+ -webkit-filter: sepia(30%);
8041
+ filter: sepia(30%); }
8042
+
8043
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8044
+ -webkit-filter: sepia(0%);
8045
+ filter: sepia(0%); }
8046
+
8047
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8048
+ -webkit-filter: brightness(1);
8049
+ filter: brightness(1); }
8050
+
8051
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8052
+ -webkit-filter: brightness(1.2);
8053
+ filter: brightness(1.2); }
8054
+
8055
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8056
+ -webkit-transform: translateX(-15px) scale(1.1);
8057
+ -ms-transform: translateX(-15px) scale(1.1);
8058
+ transform: translateX(-15px) scale(1.1); }
8059
+
8060
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8061
+ -webkit-transform: translateX(0px) scale(1.1);
8062
+ -ms-transform: translateX(0px) scale(1.1);
8063
+ transform: translateX(0px) scale(1.1); }
8064
+
8065
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8066
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8067
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
8068
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
8069
+
8070
+ .premium-woocommerce .premium-woo-product__on_hover {
8071
+ position: absolute;
8072
+ top: 0;
8073
+ right: 0;
8074
+ bottom: 0;
8075
+ left: 0;
8076
+ height: 100%;
8077
+ opacity: 0; }
8078
+
8079
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8080
+ opacity: 1; }
8081
+
8082
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8083
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8084
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8085
+ position: absolute;
8086
+ bottom: 0;
8087
+ left: 0;
8088
+ width: 100%;
8089
+ text-align: center;
8090
+ padding: 5px;
8091
+ background: rgba(2, 2, 2, 0.5);
8092
+ color: #fff;
8093
+ -webkit-transition: all 0.3s ease-in-out;
8094
+ transition: all 0.3s ease-in-out;
8095
+ z-index: 2;
8096
+ -webkit-transform: translateY(100%);
8097
+ -ms-transform: translateY(100%);
8098
+ transform: translateY(100%); }
8099
+
8100
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8101
+ -webkit-transition-delay: 0.1s;
8102
+ transition-delay: 0.1s; }
8103
+
8104
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8105
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8106
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8107
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8108
+ margin-left: 0.5em; }
8109
+
8110
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8111
+ -webkit-transform: translateY(0);
8112
+ -ms-transform: translateY(0);
8113
+ transform: translateY(0); }
8114
+
8115
+ .premium-woo-product-wrapper .premium-woo-qv-data {
8116
+ position: absolute;
8117
+ top: 0;
8118
+ left: 0;
8119
+ width: 100%;
8120
+ height: 100%;
8121
+ z-index: 1;
8122
+ overflow: hidden;
8123
+ cursor: pointer; }
8124
+
8125
+ /**
8126
+ * Skin 1,4
8127
+ */
8128
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8129
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8130
+ position: absolute;
8131
+ top: 0.7em;
8132
+ right: 1em;
8133
+ -webkit-transform: translate3d(15px, 0, 0);
8134
+ transform: translate3d(15px, 0, 0);
8135
+ -webkit-transition: all 0.3s ease-in-out;
8136
+ transition: all 0.3s ease-in-out;
8137
+ opacity: 0;
8138
+ z-index: 9; }
8139
+
8140
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8141
+ position: relative;
8142
+ display: block;
8143
+ margin: 0 0 3px;
8144
+ background: #fff;
8145
+ text-align: center;
8146
+ outline: 0;
8147
+ -webkit-transition: all 0.3s ease-in-out;
8148
+ transition: all 0.3s ease-in-out; }
8149
+
8150
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8151
+ display: block;
8152
+ color: #54595f;
8153
+ width: 30px;
8154
+ line-height: 30px;
8155
+ height: 30px;
8156
+ cursor: pointer;
8157
+ -webkit-transition: all 0.3s ease-in-out;
8158
+ transition: all 0.3s ease-in-out; }
8159
+
8160
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8161
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8162
+ -webkit-transform: translate3d(5px, 0, 0);
8163
+ transform: translate3d(5px, 0, 0);
8164
+ opacity: 1; }
8165
+
8166
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8167
+ -webkit-animation: spin 2s linear infinite;
8168
+ animation: spin 2s linear infinite; }
8169
+
8170
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8171
+ content: "\f013"; }
8172
+
8173
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8174
+ content: "\f00c"; }
8175
+
8176
+ /**
8177
+ * Skin 2
8178
+ */
8179
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8180
+ position: absolute;
8181
+ background: #fff;
8182
+ bottom: 0;
8183
+ left: 0;
8184
+ width: 100%;
8185
+ z-index: 2;
8186
+ padding: 0;
8187
+ opacity: 0;
8188
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8189
+ transition: opacity 0.2s, -webkit-transform 0.4s;
8190
+ transition: transform 0.4s, opacity 0.2s;
8191
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8192
+ -webkit-transform: translateZ(0) translateY(5px);
8193
+ transform: translateZ(0) translateY(5px); }
8194
+
8195
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
8196
+ padding: 15px 0; }
8197
+
8198
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8199
+ opacity: 1;
8200
+ -webkit-transform: translateZ(0) translateY(0);
8201
+ transform: translateZ(0) translateY(0); }
8202
+
8203
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8204
+ position: static;
8205
+ -js-display: flex;
8206
+ display: -webkit-box;
8207
+ display: -webkit-flex;
8208
+ display: -moz-box;
8209
+ display: -ms-flexbox;
8210
+ display: flex;
8211
+ -webkit-box-orient: horizontal;
8212
+ -webkit-box-direction: reverse;
8213
+ -webkit-flex-direction: row-reverse;
8214
+ -moz-box-orient: horizontal;
8215
+ -moz-box-direction: reverse;
8216
+ -ms-flex-direction: row-reverse;
8217
+ flex-direction: row-reverse; }
8218
+
8219
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
8220
+ -webkit-box-flex: 1;
8221
+ -webkit-flex: 1;
8222
+ -moz-box-flex: 1;
8223
+ -ms-flex: 1;
8224
+ flex: 1;
8225
+ min-width: 50%; }
8226
+
8227
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8228
+ -js-display: flex;
8229
+ display: -webkit-box;
8230
+ display: -webkit-flex;
8231
+ display: -moz-box;
8232
+ display: -ms-flexbox;
8233
+ display: flex;
8234
+ margin: 0;
8235
+ text-align: center;
8236
+ -webkit-box-pack: center;
8237
+ -webkit-justify-content: center;
8238
+ -moz-box-pack: center;
8239
+ -ms-flex-pack: center;
8240
+ justify-content: center;
8241
+ -webkit-box-align: center;
8242
+ -webkit-align-items: center;
8243
+ -moz-box-align: center;
8244
+ -ms-flex-align: center;
8245
+ align-items: center; }
8246
+
8247
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8248
+ background-color: #54595f; }
8249
+
8250
+ /**
8251
+ * Skin 4
8252
+ */
8253
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8254
+ position: absolute;
8255
+ left: 0;
8256
+ right: 0;
8257
+ top: 50%;
8258
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8259
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8260
+ text-align: center;
8261
+ z-index: 2;
8262
+ opacity: 0;
8263
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8264
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8265
+ transition: opacity 0.5s, transform 0.3s;
8266
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
8267
+
8268
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8269
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8270
+ position: absolute;
8271
+ top: 0;
8272
+ left: 0;
8273
+ width: 100%;
8274
+ height: 100%;
8275
+ opacity: 0;
8276
+ visibility: hidden;
8277
+ background-color: rgba(27, 27, 23, 0.3);
8278
+ -webkit-transition: all 0.25s ease-in-out;
8279
+ transition: all 0.25s ease-in-out; }
8280
+
8281
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8282
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8283
+ opacity: 1;
8284
+ visibility: visible;
8285
+ z-index: 1; }
8286
+
8287
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8288
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8289
+ transform: scale(1) translateZ(0) translateY(-50%);
8290
+ opacity: 1; }
8291
+
8292
+ /**
8293
+ * Skin 5
8294
+ */
8295
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8296
+ -js-display: flex;
8297
+ display: -webkit-box;
8298
+ display: -webkit-flex;
8299
+ display: -moz-box;
8300
+ display: -ms-flexbox;
8301
+ display: flex; }
8302
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8303
+ -js-display: flex;
8304
+ display: -webkit-box;
8305
+ display: -webkit-flex;
8306
+ display: -moz-box;
8307
+ display: -ms-flexbox;
8308
+ display: flex;
8309
+ -webkit-box-align: center;
8310
+ -webkit-align-items: center;
8311
+ -moz-box-align: center;
8312
+ -ms-flex-align: center;
8313
+ align-items: center;
8314
+ background-color: #54595f;
8315
+ padding: 10px;
8316
+ -webkit-transition: all 0.25s ease 0s;
8317
+ transition: all 0.25s ease 0s; }
8318
+
8319
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8320
+ width: 75%; }
8321
+
8322
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8323
+ -js-display: flex;
8324
+ display: -webkit-box;
8325
+ display: -webkit-flex;
8326
+ display: -moz-box;
8327
+ display: -ms-flexbox;
8328
+ display: flex;
8329
+ -webkit-box-align: center;
8330
+ -webkit-align-items: center;
8331
+ -moz-box-align: center;
8332
+ -ms-flex-align: center;
8333
+ align-items: center; }
8334
+
8335
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8336
+ -webkit-box-pack: end;
8337
+ -webkit-justify-content: flex-end;
8338
+ -moz-box-pack: end;
8339
+ -ms-flex-pack: end;
8340
+ justify-content: flex-end; }
8341
+
8342
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8343
+ -webkit-box-pack: center;
8344
+ -webkit-justify-content: center;
8345
+ -moz-box-pack: center;
8346
+ -ms-flex-pack: center;
8347
+ justify-content: center; }
8348
+
8349
+ /**
8350
+ * Skin 6
8351
+ */
8352
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8353
+ position: absolute;
8354
+ top: 50%;
8355
+ left: 50%;
8356
+ min-width: 40%;
8357
+ text-align: center;
8358
+ padding: 5px;
8359
+ background: rgba(2, 2, 2, 0.5);
8360
+ color: #fff;
8361
+ -webkit-transform: translate(-50%, -50%);
8362
+ -ms-transform: translate(-50%, -50%);
8363
+ transform: translate(-50%, -50%);
8364
+ opacity: 0;
8365
+ visibility: hidden;
8366
+ -webkit-transition: all 0.3s ease-in-out;
8367
+ transition: all 0.3s ease-in-out;
8368
+ cursor: pointer;
8369
+ z-index: 2; }
8370
+
8371
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8372
+ opacity: 1;
8373
+ visibility: visible; }
8374
+
8375
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8376
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8377
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
8378
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
8379
+ margin: 0; }
8380
+
8381
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8382
+ -js-display: flex;
8383
+ display: -webkit-box;
8384
+ display: -webkit-flex;
8385
+ display: -moz-box;
8386
+ display: -ms-flexbox;
8387
+ display: flex;
8388
+ -webkit-box-pack: justify;
8389
+ -webkit-justify-content: space-between;
8390
+ -moz-box-pack: justify;
8391
+ -ms-flex-pack: justify;
8392
+ justify-content: space-between; }
8393
+
8394
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8395
+ -webkit-box-orient: vertical;
8396
+ -webkit-box-direction: normal;
8397
+ -webkit-flex-direction: column;
8398
+ -moz-box-orient: vertical;
8399
+ -moz-box-direction: normal;
8400
+ -ms-flex-direction: column;
8401
+ flex-direction: column; }
8402
+
8403
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8404
+ -webkit-box-orient: horizontal;
8405
+ -webkit-box-direction: reverse;
8406
+ -webkit-flex-direction: row-reverse;
8407
+ -moz-box-orient: horizontal;
8408
+ -moz-box-direction: reverse;
8409
+ -ms-flex-direction: row-reverse;
8410
+ flex-direction: row-reverse; }
8411
+
8412
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
8413
+ -js-display: flex;
8414
+ display: -webkit-box;
8415
+ display: -webkit-flex;
8416
+ display: -moz-box;
8417
+ display: -ms-flexbox;
8418
+ display: flex;
8419
+ position: absolute;
8420
+ bottom: 10px;
8421
+ width: 100%;
8422
+ -webkit-box-pack: center;
8423
+ -webkit-justify-content: center;
8424
+ -moz-box-pack: center;
8425
+ -ms-flex-pack: center;
8426
+ justify-content: center; }
8427
+
8428
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
8429
+ width: 20%;
8430
+ margin: 0 0.2em;
8431
+ border: 2px solid #aaa;
8432
+ cursor: pointer; }
8433
+
8434
+ /**
8435
+ * Metro
8436
+ */
8437
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
8438
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
8439
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
8440
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
8441
+ height: 100%; }
8442
+
8443
+ .premium-woo-products-metro ul.products li.product {
8444
+ margin-bottom: 0; }
8445
+
8446
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
8447
+ -o-object-fit: cover;
8448
+ object-fit: cover; }
8449
+
8450
+ /*
8451
+ * Carousel
8452
+ */
8453
+ .premium-carousel-hidden {
8454
+ opacity: 0;
8455
+ visibility: hidden; }
8456
+
8457
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
8458
+ -webkit-border-radius: 50%;
8459
+ border-radius: 50%; }
8460
+
8461
+ .premium-woocommerce ul.slick-dots {
8462
+ width: 100%; }
8463
+
8464
+ /*
8465
+ * Quick View Html/body
8466
+ */
8467
+ html.premium-woo-qv-opened,
8468
+ html.premium-woo-qv-opened body {
8469
+ overflow: hidden; }
8470
+
8471
+ /**
8472
+ * Quick View Modal
8473
+ */
8474
+ .premium-woo-quick-view-back {
8475
+ position: fixed;
8476
+ visibility: hidden;
8477
+ overflow: hidden;
8478
+ background: rgba(2, 2, 2, 0.5);
8479
+ opacity: 0;
8480
+ -webkit-transition: opacity 0.25s;
8481
+ transition: opacity 0.25s;
8482
+ z-index: 999; }
8483
+
8484
+ .premium-woo-quick-view-active {
8485
+ top: 0;
8486
+ left: 0;
8487
+ width: 100%;
8488
+ height: 100%;
8489
+ opacity: 1;
8490
+ visibility: visible; }
8491
+
8492
+ #premium-woo-quick-view-modal {
8493
+ position: fixed;
8494
+ visibility: hidden;
8495
+ opacity: 0;
8496
+ top: 0;
8497
+ left: 0;
8498
+ width: 100%;
8499
+ height: 100%;
8500
+ z-index: 1400;
8501
+ text-align: center;
8502
+ -webkit-transition: all 0.3s;
8503
+ transition: all 0.3s;
8504
+ overflow-x: hidden;
8505
+ overflow-y: auto; }
8506
+ #premium-woo-quick-view-modal.active {
8507
+ visibility: visible;
8508
+ opacity: 1; }
8509
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
8510
+ -webkit-transform: translateY(0);
8511
+ -ms-transform: translateY(0);
8512
+ transform: translateY(0);
8513
+ opacity: 1;
8514
+ width: 100%; }
8515
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
8516
+ position: absolute;
8517
+ width: 100%;
8518
+ height: 100%;
8519
+ top: 0;
8520
+ left: 0;
8521
+ text-align: center;
8522
+ padding: 30px;
8523
+ -js-display: flex;
8524
+ display: -webkit-box;
8525
+ display: -webkit-flex;
8526
+ display: -moz-box;
8527
+ display: -ms-flexbox;
8528
+ display: flex;
8529
+ -webkit-box-align: center;
8530
+ -webkit-align-items: center;
8531
+ -moz-box-align: center;
8532
+ -ms-flex-align: center;
8533
+ align-items: center; }
8534
+ #premium-woo-quick-view-modal .premium-woo-content-main {
8535
+ position: relative;
8536
+ pointer-events: none;
8537
+ max-width: 100%;
8538
+ text-align: left;
8539
+ z-index: 1045;
8540
+ -webkit-transform: translateY(-30px);
8541
+ -ms-transform: translateY(-30px);
8542
+ transform: translateY(-30px);
8543
+ opacity: 0;
8544
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
8545
+ transition: opacity 0.3s, -webkit-transform 0.5s;
8546
+ transition: transform 0.5s, opacity 0.3s;
8547
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
8548
+ margin: 0 auto; }
8549
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
8550
+ position: relative;
8551
+ display: table;
8552
+ pointer-events: auto;
8553
+ background-color: #fff;
8554
+ max-width: 975px;
8555
+ margin: 20px auto;
8556
+ -webkit-transform: translateZ(0);
8557
+ transform: translateZ(0);
8558
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8559
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
8560
+ overflow: hidden; }
8561
+ #premium-woo-quick-view-modal .summary {
8562
+ width: 50%;
8563
+ margin: 0;
8564
+ padding: 30px;
8565
+ float: left;
8566
+ -webkit-box-sizing: border-box;
8567
+ -moz-box-sizing: border-box;
8568
+ box-sizing: border-box; }
8569
+ #premium-woo-quick-view-modal .summary .quantity {
8570
+ min-width: auto; }
8571
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
8572
+ width: 54px;
8573
+ -webkit-appearance: button;
8574
+ -moz-appearance: button;
8575
+ appearance: button; }
8576
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
8577
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
8578
+ display: unset; }
8579
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
8580
+ margin: 0; }
8581
+
8582
+ #premium-woo-quick-view-close {
8583
+ position: absolute;
8584
+ font-size: 22px;
8585
+ top: 10px;
8586
+ right: 10px;
8587
+ width: 22px;
8588
+ height: 22px;
8589
+ line-height: 22px;
8590
+ opacity: 0.7;
8591
+ text-align: center;
8592
+ z-index: 2;
8593
+ color: #000; }
8594
+
8595
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
8596
+ position: relative; }
8597
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
8598
+ list-style: none; }
8599
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
8600
+ margin: 0;
8601
+ padding: 0;
8602
+ width: 100%;
8603
+ position: absolute;
8604
+ bottom: 10px;
8605
+ text-align: center; }
8606
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
8607
+ margin: 0 6px;
8608
+ display: inline-block;
8609
+ vertical-align: middle; }
8610
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
8611
+ width: 11px;
8612
+ height: 11px;
8613
+ display: block;
8614
+ background: #666;
8615
+ background: rgba(0, 0, 0, 0.5);
8616
+ cursor: pointer;
8617
+ text-indent: -9999px;
8618
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8619
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
8620
+ -webkit-border-radius: 20px;
8621
+ border-radius: 20px; }
8622
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
8623
+ background: rgba(0, 0, 0, 0.9);
8624
+ cursor: default; }
8625
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
8626
+ outline: none; }
8627
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
8628
+ -o-object-fit: cover;
8629
+ object-fit: cover;
8630
+ width: 100%; }
8631
+
8632
+ #premium-woo-quick-view-content div.images {
8633
+ width: 50%;
8634
+ float: left;
8635
+ opacity: 1 !important;
8636
+ margin: 0; }
8637
+
8638
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
8639
+ margin: 0;
8640
+ padding: 0;
8641
+ list-style: none; }
8642
+
8643
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
8644
+ text-decoration: none;
8645
+ display: block;
8646
+ width: 14px;
8647
+ height: 32px;
8648
+ font-size: 32px;
8649
+ line-height: 32px;
8650
+ margin: -20px 0 0;
8651
+ position: absolute;
8652
+ top: 50%;
8653
+ z-index: 10;
8654
+ overflow: hidden;
8655
+ cursor: pointer;
8656
+ color: rgba(0, 0, 0, 0.8);
8657
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
8658
+ -webkit-transition: all 0.3s ease-in-out;
8659
+ transition: all 0.3s ease-in-out; }
8660
+
8661
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
8662
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8663
+ display: inline-block;
8664
+ font-family: "Font Awesome 5 Free";
8665
+ font-weight: 900;
8666
+ text-rendering: auto;
8667
+ -webkit-font-smoothing: antialiased;
8668
+ -moz-osx-font-smoothing: grayscale; }
8669
+
8670
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
8671
+ left: 10px; }
8672
+
8673
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
8674
+ right: 10px; }
8675
+
8676
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
8677
+ content: "\f104"; }
8678
+
8679
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
8680
+ content: "\f105"; }
8681
+
8682
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
8683
+ display: none; }
8684
+
8685
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
8686
+ -webkit-animation: spin 2s linear infinite;
8687
+ animation: spin 2s linear infinite;
8688
+ margin-left: 5px;
8689
+ vertical-align: baseline; }
8690
+
8691
+ /*
8692
+ * Load More Button
8693
+ */
8694
+ .premium-woo-load-more {
8695
+ position: relative; }
8696
+ .premium-woo-load-more .premium-woo-load-more-btn {
8697
+ -webkit-box-shadow: none;
8698
+ box-shadow: none;
8699
+ text-shadow: none;
8700
+ border: none;
8701
+ outline: none;
8702
+ -webkit-box-align: center;
8703
+ -webkit-align-items: center;
8704
+ -moz-box-align: center;
8705
+ -ms-flex-align: center;
8706
+ align-items: center;
8707
+ vertical-align: bottom;
8708
+ cursor: pointer;
8709
+ line-height: 1;
8710
+ font-style: normal;
8711
+ font-weight: normal;
8712
+ background-image: none;
8713
+ color: #fff;
8714
+ -webkit-transition: all 0.3s ease-in-out;
8715
+ transition: all 0.3s ease-in-out;
8716
+ padding: 10px 20px; }
8717
+
8718
+ .premium-woo-load-more-btn {
8719
+ -js-display: inline-flex;
8720
+ display: -webkit-inline-box;
8721
+ display: -webkit-inline-flex;
8722
+ display: -moz-inline-box;
8723
+ display: -ms-inline-flexbox;
8724
+ display: inline-flex;
8725
+ -webkit-box-align: center;
8726
+ -webkit-align-items: center;
8727
+ -moz-box-align: center;
8728
+ -ms-flex-align: center;
8729
+ align-items: center; }
8730
+
8731
+ .premium-woo-load-more-btn span {
8732
+ margin-right: 3px; }
8733
+
8734
+ .premium-woo-load-more-btn .premium-loader {
8735
+ display: inline-block;
8736
+ width: 20px;
8737
+ height: 20px; }
8738
+
8739
+ @media (min-width: 545px) {
8740
+ #premium-woo-quick-view-content div.summary {
8741
+ content: "544";
8742
+ overflow-y: auto; } }
8743
+
8744
+ @media (max-width: 544px) {
8745
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
8746
+ display: block; }
8747
+ #premium-woo-quick-view-content div.images,
8748
+ #premium-woo-quick-view-content div.summary {
8749
+ width: 100%;
8750
+ float: none; } }
8751
 
8752
  /*
8753
  * Common Title/Dual Heading
assets/frontend/css/premium-icon-list-rtl.css CHANGED
@@ -1,330 +1,330 @@
1
- /**************** Premium Bullet List *****************/
2
- /******************************************************/
3
- .premium-bullet-list-box {
4
- -js-display: flex;
5
- display: -webkit-box;
6
- display: -webkit-flex;
7
- display: -moz-box;
8
- display: -ms-flexbox;
9
- display: flex;
10
- -webkit-flex-wrap: wrap;
11
- -ms-flex-wrap: wrap;
12
- flex-wrap: wrap;
13
- -webkit-box-orient: vertical;
14
- -webkit-box-direction: normal;
15
- -webkit-flex-direction: column;
16
- -moz-box-orient: vertical;
17
- -moz-box-direction: normal;
18
- -ms-flex-direction: column;
19
- flex-direction: column;
20
- }
21
-
22
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
23
- -webkit-transform-origin: right center;
24
- -ms-transform-origin: right center;
25
- transform-origin: right center;
26
- }
27
-
28
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
29
- -webkit-transform-origin: left center;
30
- -ms-transform-origin: left center;
31
- transform-origin: left center;
32
- }
33
-
34
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
35
- -webkit-transform-origin: center center;
36
- -ms-transform-origin: center center;
37
- transform-origin: center center;
38
- }
39
-
40
- .premium-bullet-list-content {
41
- -js-display: flex;
42
- display: -webkit-box;
43
- display: -webkit-flex;
44
- display: -moz-box;
45
- display: -ms-flexbox;
46
- display: flex;
47
- -webkit-transition: all 0.3s ease-in-out;
48
- transition: all 0.3s ease-in-out;
49
- width: auto;
50
- position: relative;
51
- }
52
-
53
- .premium-bullet-list-content .premium-bullet-list-text span,
54
- .premium-bullet-list-content .premium-bullet-list-wrapper {
55
- display: inline-block;
56
- -webkit-align-self: center;
57
- -ms-flex-item-align: center;
58
- align-self: center;
59
- -webkit-transition: all 0.3s ease-in-out;
60
- transition: all 0.3s ease-in-out;
61
- }
62
-
63
- .premium-bullet-list-content .premium-bullet-list-text span {
64
- margin: 0 5px;
65
- -webkit-box-flex: 1;
66
- -webkit-flex: 1;
67
- -moz-box-flex: 1;
68
- -ms-flex: 1;
69
- flex: 1;
70
- }
71
-
72
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
73
- font-size: 18px;
74
- background-color: #eee;
75
- padding: 1px 5px;
76
- -webkit-border-radius: 2px;
77
- border-radius: 2px;
78
- }
79
-
80
- .premium-bullet-list-content .premium-bullet-list-text span,
81
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
82
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
83
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
84
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
85
- -webkit-transition: all 0.3s ease-in-out;
86
- transition: all 0.3s ease-in-out;
87
- }
88
-
89
- .premium-bullet-list-content .premium-bullet-list-wrapper {
90
- position: relative;
91
- line-height: 0;
92
- }
93
-
94
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
95
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
96
- width: 30px !important;
97
- height: 30px !important;
98
- position: relative;
99
- z-index: 500;
100
- }
101
-
102
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
103
- width: 1.25em;
104
- }
105
-
106
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
107
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
108
- position: relative;
109
- z-index: 500;
110
- }
111
-
112
- .premium-bullet-list-content .premium-bullet-list-link {
113
- position: absolute;
114
- top: 0;
115
- right: 0;
116
- width: 100%;
117
- height: 100%;
118
- z-index: 1000;
119
- }
120
-
121
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
122
- width: 100%;
123
- height: 100%;
124
- position: absolute;
125
- top: 0.5em;
126
- z-index: 100;
127
- -js-display: flex;
128
- display: -webkit-box;
129
- display: -webkit-flex;
130
- display: -moz-box;
131
- display: -ms-flexbox;
132
- display: flex;
133
- -webkit-box-pack: center;
134
- -webkit-justify-content: center;
135
- -moz-box-pack: center;
136
- -ms-flex-pack: center;
137
- justify-content: center;
138
- }
139
-
140
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
141
- content: "";
142
- border-left-width: 1px;
143
- border-left-style: solid;
144
- border-color: #333333;
145
- display: block;
146
- height: 100%;
147
- }
148
-
149
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
150
- -webkit-align-self: center;
151
- -ms-flex-item-align: center;
152
- align-self: center;
153
- z-index: 2;
154
- }
155
-
156
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
157
- margin: 0 3px;
158
- }
159
-
160
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
161
- margin: 0 0 0 3px;
162
- }
163
-
164
- .premium-bullet-list-divider:not(:last-child) {
165
- width: 100%;
166
- -webkit-box-flex: 0;
167
- -webkit-flex: 0 0 100%;
168
- -moz-box-flex: 0;
169
- -ms-flex: 0 0 100%;
170
- flex: 0 0 100%;
171
- overflow: hidden;
172
- }
173
-
174
- .premium-bullet-list-divider:not(:last-child):after {
175
- content: "";
176
- display: block;
177
- border-top-style: solid;
178
- border-top-width: 1px;
179
- }
180
-
181
- .premium-bullet-list-divider-inline:not(:last-child) {
182
- float: left;
183
- display: inline-block;
184
- position: relative;
185
- height: 100%;
186
- overflow: hidden;
187
- -webkit-align-self: center;
188
- -ms-flex-item-align: center;
189
- align-self: center;
190
- margin: 0 3px;
191
- }
192
-
193
- .premium-bullet-list-divider-inline:not(:last-child):after {
194
- content: "";
195
- display: block;
196
- border-right-width: 1px;
197
- height: 33px;
198
- border-right-style: solid;
199
- }
200
-
201
- .premium-bullet-list-icon-text {
202
- line-height: 1.5;
203
- }
204
-
205
- .premium-bullet-list-icon-text p,
206
- ul.premium-bullet-list-box,
207
- li.premium-bullet-list-content {
208
- margin: 0;
209
- }
210
-
211
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
212
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
213
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
214
- color: transparent !important;
215
- text-shadow: 0 0 3px #aaa;
216
- }
217
-
218
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
219
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
220
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
221
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
222
- -webkit-filter: blur(3px);
223
- filter: blur(3px);
224
- }
225
-
226
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
227
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
228
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
229
- color: #aaa !important;
230
- text-shadow: 0 0px 0 transparent;
231
- }
232
-
233
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
234
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
235
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
236
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
237
- -webkit-filter: none;
238
- filter: none;
239
- }
240
-
241
- .premium-bullet-list-content .premium-bullet-list-badge {
242
- font-size: 11px;
243
- top: auto;
244
- min-width: -webkit-max-content;
245
- min-width: -moz-max-content;
246
- min-width: max-content;
247
- height: -webkit-fit-content;
248
- height: -moz-fit-content;
249
- height: fit-content;
250
- }
251
-
252
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
253
- font-size: 13px;
254
- }
255
-
256
- .premium-bullet-list-gradient-effect[data-text] {
257
- display: inline-block;
258
- position: relative;
259
- text-decoration: none;
260
- }
261
-
262
- .premium-bullet-list-gradient-effect[data-text]::before {
263
- content: attr(data-text);
264
- position: absolute;
265
- z-index: 1;
266
- overflow: hidden;
267
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
268
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
269
- -webkit-background-clip: text;
270
- background-clip: text;
271
- -webkit-text-fill-color: transparent;
272
- -webkit-transition: all 0.4s ease;
273
- transition: all 0.4s ease;
274
- }
275
-
276
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
277
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
278
- -webkit-animation: rtlgradient 1s forwards;
279
- animation: rtlgradient 1s forwards;
280
- }
281
-
282
- @-webkit-keyframes rtlgradient {
283
- 0% {
284
- -webkit-clip-path: circle(0% at 150% 50%);
285
- clip-path: circle(0% at 150% 50%);
286
- }
287
-
288
- 100% {
289
- -webkit-clip-path: circle(100% at 50% 50%);
290
- clip-path: circle(100% at 50% 50%);
291
- }
292
- }
293
-
294
- @keyframes rtlgradient {
295
- 0% {
296
- -webkit-clip-path: circle(0% at 150% 50%);
297
- clip-path: circle(0% at 150% 50%);
298
- }
299
-
300
- 100% {
301
- -webkit-clip-path: circle(100% at 50% 50%);
302
- clip-path: circle(100% at 50% 50%);
303
- }
304
- }
305
-
306
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
307
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
308
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
309
- opacity: 0;
310
- }
311
-
312
- .premium-bullet-list-content-grow-effect:hover {
313
- -webkit-transform: scale(1.07);
314
- -ms-transform: scale(1.07);
315
- transform: scale(1.07);
316
- }
317
-
318
- @-webkit-keyframes spin {
319
- 100% {
320
- -webkit-transform: rotate(360deg);
321
- transform: rotate(360deg);
322
- }
323
- }
324
-
325
- @keyframes spin {
326
- 100% {
327
- -webkit-transform: rotate(360deg);
328
- transform: rotate(360deg);
329
- }
330
  }
1
+ /**************** Premium Bullet List *****************/
2
+ /******************************************************/
3
+ .premium-bullet-list-box {
4
+ -js-display: flex;
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -moz-box;
8
+ display: -ms-flexbox;
9
+ display: flex;
10
+ -webkit-flex-wrap: wrap;
11
+ -ms-flex-wrap: wrap;
12
+ flex-wrap: wrap;
13
+ -webkit-box-orient: vertical;
14
+ -webkit-box-direction: normal;
15
+ -webkit-flex-direction: column;
16
+ -moz-box-orient: vertical;
17
+ -moz-box-direction: normal;
18
+ -ms-flex-direction: column;
19
+ flex-direction: column;
20
+ }
21
+
22
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
23
+ -webkit-transform-origin: right center;
24
+ -ms-transform-origin: right center;
25
+ transform-origin: right center;
26
+ }
27
+
28
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
29
+ -webkit-transform-origin: left center;
30
+ -ms-transform-origin: left center;
31
+ transform-origin: left center;
32
+ }
33
+
34
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
35
+ -webkit-transform-origin: center center;
36
+ -ms-transform-origin: center center;
37
+ transform-origin: center center;
38
+ }
39
+
40
+ .premium-bullet-list-content {
41
+ -js-display: flex;
42
+ display: -webkit-box;
43
+ display: -webkit-flex;
44
+ display: -moz-box;
45
+ display: -ms-flexbox;
46
+ display: flex;
47
+ -webkit-transition: all 0.3s ease-in-out;
48
+ transition: all 0.3s ease-in-out;
49
+ width: auto;
50
+ position: relative;
51
+ }
52
+
53
+ .premium-bullet-list-content .premium-bullet-list-text span,
54
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
55
+ display: inline-block;
56
+ -webkit-align-self: center;
57
+ -ms-flex-item-align: center;
58
+ align-self: center;
59
+ -webkit-transition: all 0.3s ease-in-out;
60
+ transition: all 0.3s ease-in-out;
61
+ }
62
+
63
+ .premium-bullet-list-content .premium-bullet-list-text span {
64
+ margin: 0 5px;
65
+ -webkit-box-flex: 1;
66
+ -webkit-flex: 1;
67
+ -moz-box-flex: 1;
68
+ -ms-flex: 1;
69
+ flex: 1;
70
+ }
71
+
72
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
73
+ font-size: 18px;
74
+ background-color: #eee;
75
+ padding: 1px 5px;
76
+ -webkit-border-radius: 2px;
77
+ border-radius: 2px;
78
+ }
79
+
80
+ .premium-bullet-list-content .premium-bullet-list-text span,
81
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
82
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
83
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
84
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
85
+ -webkit-transition: all 0.3s ease-in-out;
86
+ transition: all 0.3s ease-in-out;
87
+ }
88
+
89
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
90
+ position: relative;
91
+ line-height: 0;
92
+ }
93
+
94
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
95
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
96
+ width: 30px !important;
97
+ height: 30px !important;
98
+ position: relative;
99
+ z-index: 500;
100
+ }
101
+
102
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
103
+ width: 1.25em;
104
+ }
105
+
106
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
107
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
108
+ position: relative;
109
+ z-index: 500;
110
+ }
111
+
112
+ .premium-bullet-list-content .premium-bullet-list-link {
113
+ position: absolute;
114
+ top: 0;
115
+ right: 0;
116
+ width: 100%;
117
+ height: 100%;
118
+ z-index: 1000;
119
+ }
120
+
121
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
122
+ width: 100%;
123
+ height: 100%;
124
+ position: absolute;
125
+ top: 0.5em;
126
+ z-index: 100;
127
+ -js-display: flex;
128
+ display: -webkit-box;
129
+ display: -webkit-flex;
130
+ display: -moz-box;
131
+ display: -ms-flexbox;
132
+ display: flex;
133
+ -webkit-box-pack: center;
134
+ -webkit-justify-content: center;
135
+ -moz-box-pack: center;
136
+ -ms-flex-pack: center;
137
+ justify-content: center;
138
+ }
139
+
140
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
141
+ content: "";
142
+ border-left-width: 1px;
143
+ border-left-style: solid;
144
+ border-color: #333333;
145
+ display: block;
146
+ height: 100%;
147
+ }
148
+
149
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
150
+ -webkit-align-self: center;
151
+ -ms-flex-item-align: center;
152
+ align-self: center;
153
+ z-index: 2;
154
+ }
155
+
156
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
157
+ margin: 0 3px;
158
+ }
159
+
160
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
161
+ margin: 0 0 0 3px;
162
+ }
163
+
164
+ .premium-bullet-list-divider:not(:last-child) {
165
+ width: 100%;
166
+ -webkit-box-flex: 0;
167
+ -webkit-flex: 0 0 100%;
168
+ -moz-box-flex: 0;
169
+ -ms-flex: 0 0 100%;
170
+ flex: 0 0 100%;
171
+ overflow: hidden;
172
+ }
173
+
174
+ .premium-bullet-list-divider:not(:last-child):after {
175
+ content: "";
176
+ display: block;
177
+ border-top-style: solid;
178
+ border-top-width: 1px;
179
+ }
180
+
181
+ .premium-bullet-list-divider-inline:not(:last-child) {
182
+ float: left;
183
+ display: inline-block;
184
+ position: relative;
185
+ height: 100%;
186
+ overflow: hidden;
187
+ -webkit-align-self: center;
188
+ -ms-flex-item-align: center;
189
+ align-self: center;
190
+ margin: 0 3px;
191
+ }
192
+
193
+ .premium-bullet-list-divider-inline:not(:last-child):after {
194
+ content: "";
195
+ display: block;
196
+ border-right-width: 1px;
197
+ height: 33px;
198
+ border-right-style: solid;
199
+ }
200
+
201
+ .premium-bullet-list-icon-text {
202
+ line-height: 1.5;
203
+ }
204
+
205
+ .premium-bullet-list-icon-text p,
206
+ ul.premium-bullet-list-box,
207
+ li.premium-bullet-list-content {
208
+ margin: 0;
209
+ }
210
+
211
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
212
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
213
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
214
+ color: transparent !important;
215
+ text-shadow: 0 0 3px #aaa;
216
+ }
217
+
218
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
219
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
220
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
221
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
222
+ -webkit-filter: blur(3px);
223
+ filter: blur(3px);
224
+ }
225
+
226
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
227
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
228
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
229
+ color: #aaa !important;
230
+ text-shadow: 0 0px 0 transparent;
231
+ }
232
+
233
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
234
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
235
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
236
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
237
+ -webkit-filter: none;
238
+ filter: none;
239
+ }
240
+
241
+ .premium-bullet-list-content .premium-bullet-list-badge {
242
+ font-size: 11px;
243
+ top: auto;
244
+ min-width: -webkit-max-content;
245
+ min-width: -moz-max-content;
246
+ min-width: max-content;
247
+ height: -webkit-fit-content;
248
+ height: -moz-fit-content;
249
+ height: fit-content;
250
+ }
251
+
252
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
253
+ font-size: 13px;
254
+ }
255
+
256
+ .premium-bullet-list-gradient-effect[data-text] {
257
+ display: inline-block;
258
+ position: relative;
259
+ text-decoration: none;
260
+ }
261
+
262
+ .premium-bullet-list-gradient-effect[data-text]::before {
263
+ content: attr(data-text);
264
+ position: absolute;
265
+ z-index: 1;
266
+ overflow: hidden;
267
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
268
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
269
+ -webkit-background-clip: text;
270
+ background-clip: text;
271
+ -webkit-text-fill-color: transparent;
272
+ -webkit-transition: all 0.4s ease;
273
+ transition: all 0.4s ease;
274
+ }
275
+
276
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
277
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
278
+ -webkit-animation: rtlgradient 1s forwards;
279
+ animation: rtlgradient 1s forwards;
280
+ }
281
+
282
+ @-webkit-keyframes rtlgradient {
283
+ 0% {
284
+ -webkit-clip-path: circle(0% at 150% 50%);
285
+ clip-path: circle(0% at 150% 50%);
286
+ }
287
+
288
+ 100% {
289
+ -webkit-clip-path: circle(100% at 50% 50%);
290
+ clip-path: circle(100% at 50% 50%);
291
+ }
292
+ }
293
+
294
+ @keyframes rtlgradient {
295
+ 0% {
296
+ -webkit-clip-path: circle(0% at 150% 50%);
297
+ clip-path: circle(0% at 150% 50%);
298
+ }
299
+
300
+ 100% {
301
+ -webkit-clip-path: circle(100% at 50% 50%);
302
+ clip-path: circle(100% at 50% 50%);
303
+ }
304
+ }
305
+
306
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
307
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
308
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
309
+ opacity: 0;
310
+ }
311
+
312
+ .premium-bullet-list-content-grow-effect:hover {
313
+ -webkit-transform: scale(1.07);
314
+ -ms-transform: scale(1.07);
315
+ transform: scale(1.07);
316
+ }
317
+
318
+ @-webkit-keyframes spin {
319
+ 100% {
320
+ -webkit-transform: rotate(360deg);
321
+ transform: rotate(360deg);
322
+ }
323
+ }
324
+
325
+ @keyframes spin {
326
+ 100% {
327
+ -webkit-transform: rotate(360deg);
328
+ transform: rotate(360deg);
329
+ }
330
  }
assets/frontend/css/premium-image-scroll-rtl.css CHANGED
@@ -1,192 +1,192 @@
1
- /************ Premium Image Scroll ***************/
2
- /*************************************************/
3
- .premium-image-scroll-section,
4
- .premium-image-scroll-container {
5
- -webkit-transition: all 0.3s ease-in-out;
6
- transition: all 0.3s ease-in-out;
7
- }
8
-
9
- .premium-image-scroll-section {
10
- position: relative;
11
- overflow: hidden;
12
- width: 100%;
13
- -webkit-mask-image: -webkit-radial-gradient(white, black);
14
- }
15
-
16
- .premium-image-scroll-container {
17
- width: 100%;
18
- }
19
-
20
- .premium-image-scroll-container .premium-image-scroll-mask-media {
21
- -webkit-mask-repeat: no-repeat;
22
- mask-repeat: no-repeat;
23
- -webkit-mask-position: center;
24
- mask-position: center;
25
- }
26
-
27
- .premium-container-scroll {
28
- overflow: auto;
29
- }
30
-
31
- .premium-image-scroll-container .premium-image-scroll-horizontal {
32
- position: relative;
33
- width: 100%;
34
- height: 100%;
35
- }
36
-
37
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
38
- max-width: none;
39
- height: 100%;
40
- }
41
-
42
- .premium-image-scroll-container .premium-image-scroll-vertical img {
43
- width: 100%;
44
- max-width: 100%;
45
- height: auto;
46
- }
47
-
48
- .premium-image-scroll-ver {
49
- position: relative;
50
- }
51
-
52
- .premium-image-scroll-container .premium-image-scroll-overlay {
53
- background: rgba(2, 2, 2, 0.3);
54
- }
55
-
56
- .premium-image-scroll-container .premium-image-scroll-link,
57
- .premium-image-scroll-container .premium-image-scroll-overlay {
58
- position: absolute;
59
- top: 0;
60
- bottom: 0;
61
- right: 0;
62
- left: 0;
63
- z-index: 4;
64
- }
65
-
66
- .premium-image-scroll-content {
67
- display: inline-block;
68
- position: absolute;
69
- height: auto;
70
- top: 50%;
71
- right: 50%;
72
- text-align: center;
73
- z-index: 5;
74
- -webkit-transform: translate(50%, -50%);
75
- -ms-transform: translate(50%, -50%);
76
- transform: translate(50%, -50%);
77
- }
78
-
79
- .premium-container-scroll-instant .premium-image-scroll-image {
80
- -webkit-transition: all 0s ease-in-out !important;
81
- transition: all 0s ease-in-out !important;
82
- }
83
-
84
- .premium-image-scroll-container img {
85
- -webkit-transition: -webkit-transform 3s ease-in-out;
86
- transition: -webkit-transform 3s ease-in-out;
87
- transition: transform 3s ease-in-out;
88
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
89
- }
90
-
91
- .premium-image-scroll-container .premium-image-scroll-overlay,
92
- .premium-image-scroll-container .premium-image-scroll-content {
93
- -webkit-transition: all 0.3s ease-in-out;
94
- transition: all 0.3s ease-in-out;
95
- opacity: 1;
96
- }
97
-
98
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
99
- opacity: 0;
100
- }
101
-
102
- .premium-image-scroll-container:hover .premium-image-scroll-content {
103
- opacity: 0;
104
- visibility: hidden;
105
- }
106
-
107
- .premium-image-scroll-content .premium-image-scroll-icon {
108
- display: inline-block;
109
- font-family: "pa-elements" !important;
110
- speak: none;
111
- font-style: normal;
112
- font-weight: normal;
113
- font-variant: normal;
114
- text-transform: none;
115
- line-height: 1;
116
- -webkit-font-smoothing: antialiased;
117
- -moz-osx-font-smoothing: grayscale;
118
- -webkit-animation-duration: 0.5s;
119
- animation-duration: 0.5s;
120
- -webkit-animation-iteration-count: infinite;
121
- animation-iteration-count: infinite;
122
- -webkit-animation-direction: alternate;
123
- animation-direction: alternate;
124
- -webkit-animation-timing-function: ease-in-out;
125
- animation-timing-function: ease-in-out;
126
- }
127
-
128
- .pa-horizontal-mouse-scroll:before {
129
- content: "\e901";
130
- }
131
-
132
- .pa-vertical-mouse-scroll:before {
133
- content: "\e93c";
134
- }
135
-
136
- .pa-horizontal-mouse-scroll {
137
- -webkit-animation-name: pa-scroll-horizontal;
138
- animation-name: pa-scroll-horizontal;
139
- }
140
-
141
- .pa-vertical-mouse-scroll {
142
- -webkit-animation-name: pa-scroll-vertical;
143
- animation-name: pa-scroll-vertical;
144
- }
145
-
146
- @-webkit-keyframes pa-scroll-vertical {
147
- 0% {
148
- -webkit-transform: translateY(0px);
149
- transform: translateY(0px);
150
- }
151
-
152
- 100% {
153
- -webkit-transform: translateY(5px);
154
- transform: translateY(5px);
155
- }
156
- }
157
-
158
- @keyframes pa-scroll-vertical {
159
- 0% {
160
- -webkit-transform: translateY(0px);
161
- transform: translateY(0px);
162
- }
163
-
164
- 100% {
165
- -webkit-transform: translateY(5px);
166
- transform: translateY(5px);
167
- }
168
- }
169
-
170
- @-webkit-keyframes pa-scroll-horizontal {
171
- 0% {
172
- -webkit-transform: translateX(0px);
173
- transform: translateX(0px);
174
- }
175
-
176
- 100% {
177
- -webkit-transform: translateX(-5px);
178
- transform: translateX(-5px);
179
- }
180
- }
181
-
182
- @keyframes pa-scroll-horizontal {
183
- 0% {
184
- -webkit-transform: translateX(0px);
185
- transform: translateX(0px);
186
- }
187
-
188
- 100% {
189
- -webkit-transform: translateX(-5px);
190
- transform: translateX(-5px);
191
- }
192
  }
1
+ /************ Premium Image Scroll ***************/
2
+ /*************************************************/
3
+ .premium-image-scroll-section,
4
+ .premium-image-scroll-container {
5
+ -webkit-transition: all 0.3s ease-in-out;
6
+ transition: all 0.3s ease-in-out;
7
+ }
8
+
9
+ .premium-image-scroll-section {
10
+ position: relative;
11
+ overflow: hidden;
12
+ width: 100%;
13
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
14
+ }
15
+
16
+ .premium-image-scroll-container {
17
+ width: 100%;
18
+ }
19
+
20
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
21
+ -webkit-mask-repeat: no-repeat;
22
+ mask-repeat: no-repeat;
23
+ -webkit-mask-position: center;
24
+ mask-position: center;
25
+ }
26
+
27
+ .premium-container-scroll {
28
+ overflow: auto;
29
+ }
30
+
31
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
32
+ position: relative;
33
+ width: 100%;
34
+ height: 100%;
35
+ }
36
+
37
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
38
+ max-width: none;
39
+ height: 100%;
40
+ }
41
+
42
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
43
+ width: 100%;
44
+ max-width: 100%;
45
+ height: auto;
46
+ }
47
+
48
+ .premium-image-scroll-ver {
49
+ position: relative;
50
+ }
51
+
52
+ .premium-image-scroll-container .premium-image-scroll-overlay {
53
+ background: rgba(2, 2, 2, 0.3);
54
+ }
55
+
56
+ .premium-image-scroll-container .premium-image-scroll-link,
57
+ .premium-image-scroll-container .premium-image-scroll-overlay {
58
+ position: absolute;
59
+ top: 0;
60
+ bottom: 0;
61
+ right: 0;
62
+ left: 0;
63
+ z-index: 4;
64
+ }
65
+
66
+ .premium-image-scroll-content {
67
+ display: inline-block;
68
+ position: absolute;
69
+ height: auto;
70
+ top: 50%;
71
+ right: 50%;
72
+ text-align: center;
73
+ z-index: 5;
74
+ -webkit-transform: translate(50%, -50%);
75
+ -ms-transform: translate(50%, -50%);
76
+ transform: translate(50%, -50%);
77
+ }
78
+
79
+ .premium-container-scroll-instant .premium-image-scroll-image {
80
+ -webkit-transition: all 0s ease-in-out !important;
81
+ transition: all 0s ease-in-out !important;
82
+ }
83
+
84
+ .premium-image-scroll-container img {
85
+ -webkit-transition: -webkit-transform 3s ease-in-out;
86
+ transition: -webkit-transform 3s ease-in-out;
87
+ transition: transform 3s ease-in-out;
88
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
89
+ }
90
+
91
+ .premium-image-scroll-container .premium-image-scroll-overlay,
92
+ .premium-image-scroll-container .premium-image-scroll-content {
93
+ -webkit-transition: all 0.3s ease-in-out;
94
+ transition: all 0.3s ease-in-out;
95
+ opacity: 1;
96
+ }
97
+
98
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
99
+ opacity: 0;
100
+ }
101
+
102
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
103
+ opacity: 0;
104
+ visibility: hidden;
105
+ }
106
+
107
+ .premium-image-scroll-content .premium-image-scroll-icon {
108
+ display: inline-block;
109
+ font-family: "pa-elements" !important;
110
+ speak: none;
111
+ font-style: normal;
112
+ font-weight: normal;
113
+ font-variant: normal;
114
+ text-transform: none;
115
+ line-height: 1;
116
+ -webkit-font-smoothing: antialiased;
117
+ -moz-osx-font-smoothing: grayscale;
118
+ -webkit-animation-duration: 0.5s;
119
+ animation-duration: 0.5s;
120
+ -webkit-animation-iteration-count: infinite;
121
+ animation-iteration-count: infinite;
122
+ -webkit-animation-direction: alternate;
123
+ animation-direction: alternate;
124
+ -webkit-animation-timing-function: ease-in-out;
125
+ animation-timing-function: ease-in-out;
126
+ }
127
+
128
+ .pa-horizontal-mouse-scroll:before {
129
+ content: "\e901";
130
+ }
131
+
132
+ .pa-vertical-mouse-scroll:before {
133
+ content: "\e93c";
134
+ }
135
+
136
+ .pa-horizontal-mouse-scroll {
137
+ -webkit-animation-name: pa-scroll-horizontal;
138
+ animation-name: pa-scroll-horizontal;
139
+ }
140
+
141
+ .pa-vertical-mouse-scroll {
142
+ -webkit-animation-name: pa-scroll-vertical;
143
+ animation-name: pa-scroll-vertical;
144
+ }
145
+
146
+ @-webkit-keyframes pa-scroll-vertical {
147
+ 0% {
148
+ -webkit-transform: translateY(0px);
149
+ transform: translateY(0px);
150
+ }
151
+
152
+ 100% {
153
+ -webkit-transform: translateY(5px);
154
+ transform: translateY(5px);
155
+ }
156
+ }
157
+
158
+ @keyframes pa-scroll-vertical {
159
+ 0% {
160
+ -webkit-transform: translateY(0px);
161
+ transform: translateY(0px);
162
+ }
163
+
164
+ 100% {
165
+ -webkit-transform: translateY(5px);
166
+ transform: translateY(5px);
167
+ }
168
+ }
169
+
170
+ @-webkit-keyframes pa-scroll-horizontal {
171
+ 0% {
172
+ -webkit-transform: translateX(0px);
173
+ transform: translateX(0px);
174
+ }
175
+
176
+ 100% {
177
+ -webkit-transform: translateX(-5px);
178
+ transform: translateX(-5px);
179
+ }
180
+ }
181
+
182
+ @keyframes pa-scroll-horizontal {
183
+ 0% {
184
+ -webkit-transform: translateX(0px);
185
+ transform: translateX(0px);
186
+ }
187
+
188
+ 100% {
189
+ -webkit-transform: translateX(-5px);
190
+ transform: translateX(-5px);
191
+ }
192
  }
assets/frontend/css/premium-image-scroll.css CHANGED
@@ -1,200 +1,159 @@
1
- /************ Premium Image Scroll ************/
2
- /**********************************************/
3
- @font-face {
4
- font-family: "pa-elements";
5
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?b8ruxf");
6
- src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?b8ruxf#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?b8ruxf") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?b8ruxf") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?b8ruxf#pa-elements") format("svg");
7
- font-weight: normal;
8
- font-style: normal;
9
- }
10
-
11
- .premium-image-scroll-section,
12
- .premium-image-scroll-container {
13
- -webkit-transition: all 0.3s ease-in-out;
14
- transition: all 0.3s ease-in-out;
15
- }
16
-
17
- .premium-image-scroll-section {
18
- position: relative;
19
- overflow: hidden;
20
- width: 100%;
21
- -webkit-mask-image: -webkit-radial-gradient(white, black);
22
- }
23
-
24
- .premium-image-scroll-container {
25
- width: 100%;
26
- }
27
-
28
- .premium-image-scroll-container .premium-image-scroll-mask-media {
29
- -webkit-mask-repeat: no-repeat;
30
- mask-repeat: no-repeat;
31
- -webkit-mask-position: center;
32
- mask-position: center;
33
- }
34
-
35
- .premium-container-scroll {
36
- overflow: auto;
37
- }
38
-
39
- .premium-image-scroll-container .premium-image-scroll-horizontal {
40
- position: relative;
41
- width: 100%;
42
- height: 100%;
43
- }
44
-
45
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
46
- max-width: none;
47
- height: 100%;
48
- }
49
-
50
- .premium-image-scroll-container .premium-image-scroll-vertical img {
51
- width: 100%;
52
- max-width: 100%;
53
- height: auto;
54
- }
55
-
56
- .premium-image-scroll-ver {
57
- position: relative;
58
- }
59
-
60
- .premium-image-scroll-container .premium-image-scroll-overlay {
61
- background: rgba(2, 2, 2, 0.3);
62
- }
63
-
64
- .premium-image-scroll-container .premium-image-scroll-link,
65
- .premium-image-scroll-container .premium-image-scroll-overlay {
66
- position: absolute;
67
- top: 0;
68
- bottom: 0;
69
- left: 0;
70
- right: 0;
71
- z-index: 4;
72
- }
73
-
74
- .premium-image-scroll-content {
75
- display: inline-block;
76
- position: absolute;
77
- height: auto;
78
- top: 50%;
79
- left: 50%;
80
- text-align: center;
81
- z-index: 5;
82
- -webkit-transform: translate(-50%, -50%);
83
- -ms-transform: translate(-50%, -50%);
84
- transform: translate(-50%, -50%);
85
- }
86
-
87
- .premium-container-scroll-instant .premium-image-scroll-image {
88
- -webkit-transition: all 0s ease-in-out !important;
89
- transition: all 0s ease-in-out !important;
90
- }
91
-
92
- .premium-image-scroll-container img {
93
- -webkit-transition: -webkit-transform 3s ease-in-out;
94
- transition: -webkit-transform 3s ease-in-out;
95
- transition: transform 3s ease-in-out;
96
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
97
- }
98
-
99
- .premium-image-scroll-container .premium-image-scroll-overlay,
100
- .premium-image-scroll-container .premium-image-scroll-content {
101
- -webkit-transition: all 0.3s ease-in-out;
102
- transition: all 0.3s ease-in-out;
103
- opacity: 1;
104
- }
105
-
106
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
107
- opacity: 0;
108
- }
109
-
110
- .premium-image-scroll-container:hover .premium-image-scroll-content {
111
- opacity: 0;
112
- visibility: hidden;
113
- }
114
-
115
- .premium-image-scroll-content .premium-image-scroll-icon {
116
- display: inline-block;
117
- font-family: "pa-elements" !important;
118
- speak: none;
119
- font-style: normal;
120
- font-weight: normal;
121
- font-variant: normal;
122
- text-transform: none;
123
- line-height: 1;
124
- -webkit-font-smoothing: antialiased;
125
- -moz-osx-font-smoothing: grayscale;
126
- -webkit-animation-duration: 0.5s;
127
- animation-duration: 0.5s;
128
- -webkit-animation-iteration-count: infinite;
129
- animation-iteration-count: infinite;
130
- -webkit-animation-direction: alternate;
131
- animation-direction: alternate;
132
- -webkit-animation-timing-function: ease-in-out;
133
- animation-timing-function: ease-in-out;
134
- }
135
-
136
- .pa-horizontal-mouse-scroll:before {
137
- content: "\e901";
138
- }
139
-
140
- .pa-vertical-mouse-scroll:before {
141
- content: "\e93c";
142
- }
143
-
144
- .pa-horizontal-mouse-scroll {
145
- -webkit-animation-name: pa-scroll-horizontal;
146
- animation-name: pa-scroll-horizontal;
147
- }
148
-
149
- .pa-vertical-mouse-scroll {
150
- -webkit-animation-name: pa-scroll-vertical;
151
- animation-name: pa-scroll-vertical;
152
- }
153
-
154
- @-webkit-keyframes pa-scroll-vertical {
155
- 0% {
156
- -webkit-transform: translateY(0px);
157
- transform: translateY(0px);
158
- }
159
-
160
- 100% {
161
- -webkit-transform: translateY(5px);
162
- transform: translateY(5px);
163
- }
164
- }
165
-
166
- @keyframes pa-scroll-vertical {
167
- 0% {
168
- -webkit-transform: translateY(0px);
169
- transform: translateY(0px);
170
- }
171
-
172
- 100% {
173
- -webkit-transform: translateY(5px);
174
- transform: translateY(5px);
175
- }
176
- }
177
-
178
- @-webkit-keyframes pa-scroll-horizontal {
179
- 0% {
180
- -webkit-transform: translateX(0px);
181
- transform: translateX(0px);
182
- }
183
-
184
- 100% {
185
- -webkit-transform: translateX(5px);
186
- transform: translateX(5px);
187
- }
188
- }
189
-
190
- @keyframes pa-scroll-horizontal {
191
- 0% {
192
- -webkit-transform: translateX(0px);
193
- transform: translateX(0px);
194
- }
195
-
196
- 100% {
197
- -webkit-transform: translateX(5px);
198
- transform: translateX(5px);
199
- }
200
- }
1
+ /************ Premium Image Scroll ************/
2
+ /**********************************************/
3
+ @font-face {
4
+ font-family: "pa-elements";
5
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s");
6
+ src: url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.eot?vcwy2s#iefix") format("embedded-opentype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.ttf?vcwy2s") format("truetype"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.woff?vcwy2s") format("woff"), url("../../plugins/premium-addons-for-elementor/assets/editor/fonts/pa-elements.svg?vcwy2s#pa-elements") format("svg");
7
+ font-weight: normal;
8
+ font-style: normal; }
9
+
10
+ .premium-image-scroll-section,
11
+ .premium-image-scroll-container {
12
+ -webkit-transition: all 0.3s ease-in-out;
13
+ transition: all 0.3s ease-in-out; }
14
+
15
+ .premium-image-scroll-section {
16
+ position: relative;
17
+ overflow: hidden;
18
+ width: 100%;
19
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
20
+
21
+ .premium-image-scroll-container {
22
+ width: 100%; }
23
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
24
+ -webkit-mask-repeat: no-repeat;
25
+ mask-repeat: no-repeat;
26
+ -webkit-mask-position: center;
27
+ mask-position: center; }
28
+
29
+ .premium-container-scroll {
30
+ overflow: auto; }
31
+
32
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
33
+ position: relative;
34
+ width: 100%;
35
+ height: 100%; }
36
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
37
+ max-width: none;
38
+ height: 100%; }
39
+
40
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
41
+ width: 100%;
42
+ max-width: 100%;
43
+ height: auto; }
44
+
45
+ .premium-image-scroll-ver {
46
+ position: relative; }
47
+
48
+ .premium-image-scroll-container .premium-image-scroll-overlay {
49
+ background: rgba(2, 2, 2, 0.3); }
50
+
51
+ .premium-image-scroll-container .premium-image-scroll-link,
52
+ .premium-image-scroll-container .premium-image-scroll-overlay {
53
+ position: absolute;
54
+ top: 0;
55
+ bottom: 0;
56
+ left: 0;
57
+ right: 0;
58
+ z-index: 4; }
59
+
60
+ .premium-image-scroll-content {
61
+ display: inline-block;
62
+ position: absolute;
63
+ height: auto;
64
+ top: 50%;
65
+ left: 50%;
66
+ text-align: center;
67
+ z-index: 5;
68
+ -webkit-transform: translate(-50%, -50%);
69
+ -ms-transform: translate(-50%, -50%);
70
+ transform: translate(-50%, -50%); }
71
+
72
+ .premium-container-scroll-instant .premium-image-scroll-image {
73
+ -webkit-transition: all 0s ease-in-out !important;
74
+ transition: all 0s ease-in-out !important; }
75
+
76
+ .premium-image-scroll-container img {
77
+ -webkit-transition: -webkit-transform 3s ease-in-out;
78
+ transition: -webkit-transform 3s ease-in-out;
79
+ transition: transform 3s ease-in-out;
80
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
81
+
82
+ .premium-image-scroll-container .premium-image-scroll-overlay,
83
+ .premium-image-scroll-container .premium-image-scroll-content {
84
+ -webkit-transition: all 0.3s ease-in-out;
85
+ transition: all 0.3s ease-in-out;
86
+ opacity: 1; }
87
+
88
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
89
+ opacity: 0; }
90
+
91
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
92
+ opacity: 0;
93
+ visibility: hidden; }
94
+
95
+ .premium-image-scroll-content .premium-image-scroll-icon {
96
+ display: inline-block;
97
+ font-family: "pa-elements" !important;
98
+ speak: none;
99
+ font-style: normal;
100
+ font-weight: normal;
101
+ font-variant: normal;
102
+ text-transform: none;
103
+ line-height: 1;
104
+ -webkit-font-smoothing: antialiased;
105
+ -moz-osx-font-smoothing: grayscale;
106
+ -webkit-animation-duration: 0.5s;
107
+ animation-duration: 0.5s;
108
+ -webkit-animation-iteration-count: infinite;
109
+ animation-iteration-count: infinite;
110
+ -webkit-animation-direction: alternate;
111
+ animation-direction: alternate;
112
+ -webkit-animation-timing-function: ease-in-out;
113
+ animation-timing-function: ease-in-out; }
114
+
115
+ .pa-horizontal-mouse-scroll:before {
116
+ content: "\e901"; }
117
+
118
+ .pa-vertical-mouse-scroll:before {
119
+ content: "\e93c"; }
120
+
121
+ .pa-horizontal-mouse-scroll {
122
+ -webkit-animation-name: pa-scroll-horizontal;
123
+ animation-name: pa-scroll-horizontal; }
124
+
125
+ .pa-vertical-mouse-scroll {
126
+ -webkit-animation-name: pa-scroll-vertical;
127
+ animation-name: pa-scroll-vertical; }
128
+
129
+ @-webkit-keyframes pa-scroll-vertical {
130
+ 0% {
131
+ -webkit-transform: translateY(0px);
132
+ transform: translateY(0px); }
133
+ 100% {
134
+ -webkit-transform: translateY(5px);
135
+ transform: translateY(5px); } }
136
+
137
+ @keyframes pa-scroll-vertical {
138
+ 0% {
139
+ -webkit-transform: translateY(0px);
140
+ transform: translateY(0px); }
141
+ 100% {
142
+ -webkit-transform: translateY(5px);
143
+ transform: translateY(5px); } }
144
+
145
+ @-webkit-keyframes pa-scroll-horizontal {
146
+ 0% {
147
+ -webkit-transform: translateX(0px);
148
+ transform: translateX(0px); }
149
+ 100% {
150
+ -webkit-transform: translateX(5px);
151
+ transform: translateX(5px); } }
152
+
153
+ @keyframes pa-scroll-horizontal {
154
+ 0% {
155
+ -webkit-transform: translateX(0px);
156
+ transform: translateX(0px); }
157
+ 100% {
158
+ -webkit-transform: translateX(5px);
159
+ transform: translateX(5px); } }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/frontend/css/premium-img-gallery-rtl.css CHANGED
@@ -62,9 +62,11 @@
62
  right: 0;
63
  width: 100%;
64
  height: 100%;
 
65
  }
66
 
67
- .pa-gallery-img.style2 .pa-gallery-whole-link {
 
68
  z-index: 99;
69
  }
70
 
@@ -248,7 +250,7 @@
248
  -webkit-transform: translateY(-50%);
249
  -ms-transform: translateY(-50%);
250
  transform: translateY(-50%);
251
- z-index: 999;
252
  }
253
 
254
  .pa-gallery-img.style1 .premium-gallery-caption {
62
  right: 0;
63
  width: 100%;
64
  height: 100%;
65
+ z-index: 2;
66
  }
67
 
68
+ .pa-gallery-img.style2 .pa-gallery-whole-link,
69
+ .pa-gallery-img.style3 .pa-gallery-whole-link {
70
  z-index: 99;
71
  }
72
 
250
  -webkit-transform: translateY(-50%);
251
  -ms-transform: translateY(-50%);
252
  transform: translateY(-50%);
253
+ z-index: 3;
254
  }
255
 
256
  .pa-gallery-img.style1 .premium-gallery-caption {
assets/frontend/css/premium-img-gallery.css CHANGED
@@ -51,8 +51,9 @@
51
  top: 0;
52
  left: 0;
53
  width: 100%;
54
- height: 100%; }
55
- .pa-gallery-img.style2 .pa-gallery-whole-link {
 
56
  z-index: 99; }
57
 
58
  .pa-gallery-img-container {
@@ -206,7 +207,7 @@
206
  -webkit-transform: translateY(-50%);
207
  -ms-transform: translateY(-50%);
208
  transform: translateY(-50%);
209
- z-index: 999; }
210
 
211
  .pa-gallery-img.style1 .premium-gallery-caption {
212
  position: absolute;
@@ -273,8 +274,8 @@
273
  .premium-clearfix {
274
  clear: both; }
275
 
276
- /**
277
- * Metro Layout
278
  */
279
  .premium-img-gallery-metro .premium-gallery-item {
280
  overflow: hidden; }
51
  top: 0;
52
  left: 0;
53
  width: 100%;
54
+ height: 100%;
55
+ z-index: 2; }
56
+ .pa-gallery-img.style2 .pa-gallery-whole-link, .pa-gallery-img.style3 .pa-gallery-whole-link {
57
  z-index: 99; }
58
 
59
  .pa-gallery-img-container {
207
  -webkit-transform: translateY(-50%);
208
  -ms-transform: translateY(-50%);
209
  transform: translateY(-50%);
210
+ z-index: 3; }
211
 
212
  .pa-gallery-img.style1 .premium-gallery-caption {
213
  position: absolute;
274
  .premium-clearfix {
275
  clear: both; }
276
 
277
+ /**
278
+ * Metro Layout
279
  */
280
  .premium-img-gallery-metro .premium-gallery-item {
281
  overflow: hidden; }
assets/frontend/css/premium-nav-menu-rtl.css CHANGED
@@ -2,6 +2,7 @@
2
  .premium-nav-widget-container ul {
3
  list-style: none;
4
  margin: 0;
 
5
  }
6
 
7
  .premium-nav-widget-container .premium-main-nav-menu {
@@ -15,8 +16,20 @@
15
  }
16
 
17
  /*Vertical Main Menu**/
18
- .premium-nav-ver .premium-nav-menu-container {
19
  width: 45%;
 
 
 
 
 
 
 
 
 
 
 
 
20
  }
21
 
22
  .premium-nav-ver .premium-main-nav-menu {
@@ -35,15 +48,21 @@
35
  align-items: flex-start;
36
  }
37
 
38
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
39
  visibility: hidden;
40
  opacity: 0;
41
  position: absolute;
42
  min-width: 250px;
43
  }
44
 
45
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover>.premium-sub-menu,
46
- .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children:hover .premium-mega-content-container {
 
 
 
 
47
  opacity: 1;
48
  visibility: visible;
49
  pointer-events: auto;
@@ -53,14 +72,20 @@
53
  width: 100%;
54
  }
55
 
56
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container,
57
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
 
58
  left: 100%;
59
  top: 0;
60
  }
61
 
62
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container,
63
- .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu {
 
 
 
64
  right: 100%;
65
  top: 0;
66
  }
@@ -80,39 +105,59 @@
80
  height: 60px;
81
  }
82
 
83
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu {
 
 
84
  visibility: hidden;
85
  opacity: 0;
86
  position: absolute;
87
  min-width: 220px;
88
  }
89
 
90
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu,
91
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container {
 
 
 
 
92
  top: 100%;
93
  }
94
 
95
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item>.premium-sub-menu .premium-sub-menu,
96
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-mega-content-container .premium-sub-menu {
 
 
 
 
 
 
97
  right: 100%;
98
  top: 0;
99
  }
100
 
101
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
102
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover .premium-mega-content-container {
 
 
 
 
103
  visibility: visible;
104
  opacity: 1;
105
  pointer-events: auto;
106
  }
107
 
108
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container {
 
 
109
  left: 50%;
110
  -webkit-transform: translateX(-50%);
111
  -ms-transform: translateX(-50%);
112
  transform: translateX(-50%);
113
  }
114
 
115
- .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container {
 
 
116
  left: 0;
117
  }
118
 
@@ -184,7 +229,8 @@
184
  color: #494c4f;
185
  }
186
 
187
- .premium-nav-widget-container .premium-hamburger-toggle svg {
 
188
  fill: #494c4f;
189
  }
190
 
@@ -261,13 +307,15 @@
261
  top: 0;
262
  left: 0;
263
  overflow-x: hidden;
264
- z-index: 10000;
265
  -webkit-transition: 0.5s;
266
  transition: 0.5s;
267
  padding-top: 50px;
268
  }
269
 
270
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu {
 
 
271
  -js-display: flex;
272
  display: -webkit-box;
273
  display: -webkit-flex;
@@ -276,17 +324,24 @@
276
  display: flex;
277
  }
278
 
279
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container {
 
 
280
  margin-top: 50px;
281
  }
282
 
283
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge {
 
 
 
284
  -webkit-transform: translateY(0);
285
  -ms-transform: translateY(0);
286
  transform: translateY(0);
287
  }
288
 
289
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close {
 
 
290
  position: absolute;
291
  top: 2%;
292
  right: 5px;
@@ -311,17 +366,30 @@
311
  align-items: center;
312
  }
313
 
314
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close {
 
 
 
315
  margin: 5px;
316
  }
317
 
318
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg {
 
 
 
319
  width: 22px;
320
  height: 22px;
321
  fill: #494c4f;
322
  }
323
 
324
- .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
 
 
 
 
 
 
 
325
  font-size: 22px;
326
  }
327
 
@@ -333,6 +401,230 @@
333
  transition: 0.5s;
334
  }
335
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
336
  /**Common*/
337
  .premium-nav-slide-overlay {
338
  display: none;
@@ -344,7 +636,7 @@
344
  -webkit-backface-visibility: hidden;
345
  backface-visibility: hidden;
346
  background: rgba(0, 0, 0, 0.6);
347
- z-index: 9999;
348
  }
349
 
350
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
@@ -352,8 +644,8 @@
352
  }
353
 
354
  .premium-active-menu,
355
- .premium-active-menu:not(.premium-mega-nav-item)>.premium-sub-menu,
356
- .premium-active-menu.premium-mega-nav-item>.premium-mega-content-container {
357
  -js-display: flex !important;
358
  display: -webkit-box !important;
359
  display: -webkit-flex !important;
@@ -378,7 +670,7 @@
378
  }
379
 
380
  .premium-mobile-menu-container li,
381
- .premium-mobile-menu-container li>.premium-mega-content-container {
382
  width: 100% !important;
383
  }
384
 
@@ -452,7 +744,9 @@
452
  z-index: 9999;
453
  }
454
 
455
- .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link {
 
 
456
  -webkit-box-pack: start;
457
  -webkit-justify-content: flex-start;
458
  -moz-box-pack: start;
@@ -636,8 +930,10 @@
636
  z-index: 2;
637
  }
638
 
639
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
640
- .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
641
  opacity: 0;
642
  }
643
 
@@ -648,69 +944,128 @@
648
  transition-duration: 0s;
649
  }
650
 
651
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent,
652
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before,
653
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after,
654
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus,
655
- .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover,
656
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent,
657
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before,
658
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after,
659
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus,
660
- .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover,
661
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent,
662
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before,
663
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after,
664
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus,
665
- .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
666
  -webkit-transition-duration: 0s;
667
  transition-duration: 0s;
668
  }
669
 
670
- .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
671
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
672
  width: 10px;
673
  inset-inline-start: 100%;
674
  }
675
 
676
- .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
677
- .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
678
  width: 10px;
679
  left: -20px;
680
  }
681
 
682
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
683
- .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
684
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
685
- .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
686
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
687
- .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
 
 
 
 
 
 
688
  height: 0;
689
  width: 0;
690
  left: 50%;
691
  }
692
 
693
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
694
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
695
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
 
 
696
  top: -10px;
697
  }
698
 
699
- .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
700
- .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
701
- .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
702
  bottom: -10px;
703
  }
704
 
705
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
706
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before,
707
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
 
 
 
 
708
  top: 10px;
709
  }
710
 
711
- .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
712
- .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after,
713
- .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after {
 
 
 
 
 
 
714
  bottom: 10px;
715
  }
716
 
@@ -728,31 +1083,39 @@
728
  border: 3px solid #55595c;
729
  }
730
 
731
- .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
732
  -webkit-transform: scale(0.75);
733
  -ms-transform: scale(0.75);
734
  transform: scale(0.75);
735
  }
736
 
737
- .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
738
  -webkit-transform: scale(1.25);
739
  -ms-transform: scale(1.25);
740
  transform: scale(1.25);
741
  }
742
 
743
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before,
744
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
 
 
745
  width: 3px;
746
  height: 3px;
747
  }
748
 
749
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before {
 
750
  border-width: 0 3px 3px 0;
751
  -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
752
  transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
753
  }
754
 
755
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after {
 
756
  content: "";
757
  top: auto;
758
  bottom: 0;
@@ -763,47 +1126,65 @@
763
  transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
764
  }
765
 
766
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
767
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before {
 
 
768
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
769
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
770
  }
771
 
772
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
773
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
 
 
774
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
775
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
776
  }
777
 
778
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before,
779
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after,
780
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before,
781
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after {
 
 
 
 
782
  width: 100%;
783
  height: 100%;
784
  }
785
 
786
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before {
 
 
787
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
788
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
789
  }
790
 
791
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
 
 
792
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
793
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
794
  }
795
 
796
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before,
797
- .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after {
 
 
 
 
798
  width: 100%;
799
  height: 100%;
800
  }
801
 
802
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before {
 
803
  border-width: 3px 3px 0 0;
804
  }
805
 
806
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
 
807
  content: "";
808
  top: auto;
809
  bottom: 0;
@@ -812,67 +1193,89 @@
812
  border-width: 0 0 3px 3px;
813
  }
814
 
815
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before,
816
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after {
 
 
817
  width: 3px;
818
  height: 3px;
819
  }
820
 
821
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before,
822
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after,
823
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before,
824
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after {
 
 
 
 
825
  width: 100%;
826
  height: 100%;
827
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
828
  transition: opacity 2ms, width 0.4s, height 0.4s;
829
  }
830
 
831
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before,
832
- .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after {
 
 
 
 
833
  width: 100%;
834
  height: 100%;
835
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
836
  transition: opacity 2ms, width 0.4s, height 0.4s;
837
  }
838
 
839
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover,
840
- .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus {
 
 
841
  -webkit-transform: scale(1.2);
842
  -ms-transform: scale(1.2);
843
  transform: scale(1.2);
844
  }
845
 
846
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover,
847
- .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus {
 
 
848
  -webkit-transform: scale(0.8);
849
  -ms-transform: scale(0.8);
850
  transform: scale(0.8);
851
  }
852
 
853
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover,
854
- .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus {
 
 
855
  -webkit-transform: translateY(8px);
856
  -ms-transform: translateY(8px);
857
  transform: translateY(8px);
858
  }
859
 
860
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover,
861
- .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus {
 
 
862
  -webkit-transform: translateY(-8px);
863
  -ms-transform: translateY(-8px);
864
  transform: translateY(-8px);
865
  }
866
 
867
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover,
868
- .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus {
 
 
869
  -webkit-transform: skew(-8deg);
870
  -ms-transform: skew(-8deg);
871
  transform: skew(-8deg);
872
  }
873
 
874
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover,
875
- .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus {
 
 
876
  -webkit-transform: rotate(6deg);
877
  -ms-transform: rotate(6deg);
878
  transform: rotate(6deg);
@@ -895,26 +1298,33 @@
895
  transition: 0.3s;
896
  }
897
 
898
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before {
 
899
  -webkit-transform: scale(0.5);
900
  -ms-transform: scale(0.5);
901
  transform: scale(0.5);
902
  }
903
 
904
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before,
905
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before {
 
 
906
  -webkit-transform: scale(1);
907
  -ms-transform: scale(1);
908
  transform: scale(1);
909
  }
910
 
911
- .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before {
 
 
912
  -webkit-transform: scale(1);
913
  -ms-transform: scale(1);
914
  transform: scale(1);
915
  }
916
 
917
- .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
918
  -webkit-transform: scale(1.2);
919
  -ms-transform: scale(1.2);
920
  transform: scale(1.2);
@@ -922,24 +1332,34 @@
922
  transition: 0.3;
923
  }
924
 
925
- .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
926
  left: 100%;
927
  }
928
 
929
- .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
930
  right: 100%;
931
  }
932
 
933
- .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
934
  top: 100%;
935
  }
936
 
937
- .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
938
  bottom: 100%;
939
  }
940
 
941
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after,
942
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
 
 
943
  top: 0;
944
  left: 0;
945
  right: 0;
@@ -949,68 +1369,92 @@
949
  z-index: -1;
950
  }
951
 
952
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before {
 
953
  top: 0;
954
  bottom: 100%;
955
  }
956
 
957
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after {
 
958
  top: 100%;
959
  bottom: 0;
960
  }
961
 
962
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before,
963
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before {
 
 
964
  bottom: 50%;
965
  }
966
 
967
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after,
968
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after {
 
 
969
  top: 50%;
970
  }
971
 
972
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before {
 
 
973
  bottom: 50%;
974
  }
975
 
976
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after {
 
 
977
  top: 50%;
978
  }
979
 
980
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
981
  bottom: 50%;
982
  top: 50%;
983
  }
984
 
985
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before {
 
986
  right: 0;
987
  left: 100%;
988
  }
989
 
990
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after {
 
991
  right: 100%;
992
  left: 0;
993
  }
994
 
995
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before,
996
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before {
 
 
997
  left: 50%;
998
  }
999
 
1000
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after,
1001
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after {
 
 
1002
  right: 50%;
1003
  }
1004
 
1005
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before {
 
 
1006
  left: 50%;
1007
  }
1008
 
1009
- .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after {
 
 
1010
  right: 50%;
1011
  }
1012
 
1013
- .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before {
 
 
1014
  left: 50%;
1015
  right: 50%;
1016
  }
@@ -1035,48 +1479,76 @@
1035
  transition-delay: 0.1s;
1036
  }
1037
 
1038
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1039
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1040
- [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu,
1041
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-sub-menu,
1042
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item:hover>.premium-mega-content-container,
1043
- [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu:hover>.premium-sub-menu {
 
 
 
 
 
 
 
 
 
 
 
 
1044
  -webkit-transform: translate(0);
1045
  -ms-transform: translate(0);
1046
  transform: translate(0);
1047
  }
1048
 
1049
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1050
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1051
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1052
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
1053
  -webkit-transform: translateY(10px);
1054
  -ms-transform: translateY(10px);
1055
  transform: translateY(10px);
1056
  }
1057
 
1058
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1059
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1060
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1061
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
1062
  -webkit-transform: translateY(-10px);
1063
  -ms-transform: translateY(-10px);
1064
  transform: translateY(-10px);
1065
  }
1066
 
1067
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1068
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1069
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1070
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
1071
  -webkit-transform: translateX(-10px);
1072
  -ms-transform: translateX(-10px);
1073
  transform: translateX(-10px);
1074
  }
1075
 
1076
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu,
1077
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container,
1078
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu,
1079
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container {
 
 
 
 
1080
  -webkit-transform: translateX(10px);
1081
  -ms-transform: translateX(10px);
1082
  transform: translateX(10px);
@@ -1084,68 +1556,92 @@
1084
 
1085
  /**Horizontal - Static Mega Content*/
1086
  /*UP*/
1087
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
1088
  -webkit-transform: translateX(-50%) translateY(10px);
1089
  -ms-transform: translateX(-50%) translateY(10px);
1090
  transform: translateX(-50%) translateY(10px);
1091
  }
1092
 
1093
- .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
1094
  -webkit-transform: translateX(-50%) translateY(0);
1095
  -ms-transform: translateX(-50%) translateY(0);
1096
  transform: translateX(-50%) translateY(0);
1097
  }
1098
 
1099
  /*DOWN*/
1100
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
1101
  -webkit-transform: translateX(-50%) translateY(-10px);
1102
  -ms-transform: translateX(-50%) translateY(-10px);
1103
  transform: translateX(-50%) translateY(-10px);
1104
  }
1105
 
1106
- .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
1107
  -webkit-transform: translateX(-50%) translateY(0);
1108
  -ms-transform: translateX(-50%) translateY(0);
1109
  transform: translateX(-50%) translateY(0);
1110
  }
1111
 
1112
  /*Left*/
1113
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
1114
  -webkit-transform: translateX(-45%);
1115
  -ms-transform: translateX(-45%);
1116
  transform: translateX(-45%);
1117
  }
1118
 
1119
- .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
1120
  -webkit-transform: translateX(-50%);
1121
  -ms-transform: translateX(-50%);
1122
  transform: translateX(-50%);
1123
  }
1124
 
1125
  /*Right*/
1126
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container {
 
 
1127
  -webkit-transform: translateX(-55%);
1128
  -ms-transform: translateX(-55%);
1129
  transform: translateX(-55%);
1130
  }
1131
 
1132
- .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
1133
  -webkit-transform: translateX(-50%);
1134
  -ms-transform: translateX(-50%);
1135
  transform: translateX(-50%);
1136
  }
1137
 
1138
  /**Vertical - Static Mega Content*/
1139
- .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1140
- .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
 
 
1141
  -webkit-transform: translateY(0);
1142
  -ms-transform: translateY(0);
1143
  transform: translateY(0);
1144
  }
1145
 
1146
- .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container,
1147
- .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static:hover .premium-mega-content-container {
 
 
 
 
1148
  -webkit-transform: translateX(0);
1149
  -ms-transform: translateX(0);
1150
  transform: translateX(0);
1151
- }
2
  .premium-nav-widget-container ul {
3
  list-style: none;
4
  margin: 0;
5
+ padding: 0;
6
  }
7
 
8
  .premium-nav-widget-container .premium-main-nav-menu {
16
  }
17
 
18
  /*Vertical Main Menu**/
19
+ .premium-nav-ver .premium-ver-inner-container {
20
  width: 45%;
21
+ position: relative;
22
+ }
23
+
24
+ .premium-nav-ver .premium-nav-menu-container,
25
+ .premium-nav-ver .premium-ver-toggler {
26
+ width: 100%;
27
+ }
28
+
29
+ .premium-nav-ver .premium-nav-menu-container {
30
+ background-color: #fff;
31
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
32
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
33
  }
34
 
35
  .premium-nav-ver .premium-main-nav-menu {
48
  align-items: flex-start;
49
  }
50
 
51
+ .premium-nav-ver:not(.premium-hamburger-menu)
52
+ .premium-nav-menu-item.menu-item-has-children
53
+ .premium-sub-menu {
54
  visibility: hidden;
55
  opacity: 0;
56
  position: absolute;
57
  min-width: 250px;
58
  }
59
 
60
+ .premium-nav-ver:not(.premium-hamburger-menu)
61
+ .premium-nav-menu-item.menu-item-has-children:hover
62
+ > .premium-sub-menu,
63
+ .premium-nav-ver:not(.premium-hamburger-menu)
64
+ .premium-nav-menu-item.menu-item-has-children:hover
65
+ .premium-mega-content-container {
66
  opacity: 1;
67
  visibility: visible;
68
  pointer-events: auto;
72
  width: 100%;
73
  }
74
 
75
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
76
+ .premium-mega-content-container,
77
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right
78
+ .premium-nav-menu-item.menu-item-has-children
79
+ .premium-sub-menu {
80
  left: 100%;
81
  top: 0;
82
  }
83
 
84
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
85
+ .premium-mega-content-container,
86
+ .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left
87
+ .premium-nav-menu-item.menu-item-has-children
88
+ .premium-sub-menu {
89
  right: 100%;
90
  top: 0;
91
  }
105
  height: 60px;
106
  }
107
 
108
+ .premium-nav-hor:not(.premium-hamburger-menu)
109
+ .premium-nav-menu-item
110
+ .premium-sub-menu {
111
  visibility: hidden;
112
  opacity: 0;
113
  position: absolute;
114
  min-width: 220px;
115
  }
116
 
117
+ .premium-nav-hor:not(.premium-hamburger-menu)
118
+ .premium-nav-menu-item
119
+ > .premium-sub-menu,
120
+ .premium-nav-hor:not(.premium-hamburger-menu)
121
+ .premium-nav-menu-item
122
+ .premium-mega-content-container {
123
  top: 100%;
124
  }
125
 
126
+ .premium-nav-hor:not(.premium-hamburger-menu)
127
+ .premium-nav-menu-item
128
+ > .premium-sub-menu
129
+ .premium-sub-menu,
130
+ .premium-nav-hor:not(.premium-hamburger-menu)
131
+ .premium-nav-menu-item
132
+ .premium-mega-content-container
133
+ .premium-sub-menu {
134
  right: 100%;
135
  top: 0;
136
  }
137
 
138
+ .premium-nav-hor:not(.premium-hamburger-menu)
139
+ .premium-nav-menu-item:hover
140
+ > .premium-sub-menu,
141
+ .premium-nav-hor:not(.premium-hamburger-menu)
142
+ .premium-nav-menu-item:hover
143
+ .premium-mega-content-container {
144
  visibility: visible;
145
  opacity: 1;
146
  pointer-events: auto;
147
  }
148
 
149
+ .premium-nav-hor:not(.premium-hamburger-menu)
150
+ .premium-nav-menu-item.premium-mega-item-static
151
+ .premium-mega-content-container {
152
  left: 50%;
153
  -webkit-transform: translateX(-50%);
154
  -ms-transform: translateX(-50%);
155
  transform: translateX(-50%);
156
  }
157
 
158
+ .premium-nav-hor:not(.premium-hamburger-menu)
159
+ .premium-nav-menu-item:not(.premium-mega-item-static)
160
+ .premium-mega-content-container {
161
  left: 0;
162
  }
163
 
229
  color: #494c4f;
230
  }
231
 
232
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
233
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
234
  fill: #494c4f;
235
  }
236
 
307
  top: 0;
308
  left: 0;
309
  overflow-x: hidden;
310
+ z-index: 10002;
311
  -webkit-transition: 0.5s;
312
  transition: 0.5s;
313
  padding-top: 50px;
314
  }
315
 
316
+ .premium-ver-hamburger-menu
317
+ .premium-mobile-menu-outer-container
318
+ .premium-mobile-menu {
319
  -js-display: flex;
320
  display: -webkit-box;
321
  display: -webkit-flex;
324
  display: flex;
325
  }
326
 
327
+ .premium-ver-hamburger-menu
328
+ .premium-mobile-menu-outer-container
329
+ .premium-mobile-menu-container {
330
  margin-top: 50px;
331
  }
332
 
333
+ .premium-ver-hamburger-menu
334
+ .premium-mobile-menu-outer-container
335
+ .premium-mobile-menu-container
336
+ .premium-item-badge {
337
  -webkit-transform: translateY(0);
338
  -ms-transform: translateY(0);
339
  transform: translateY(0);
340
  }
341
 
342
+ .premium-ver-hamburger-menu
343
+ .premium-mobile-menu-outer-container
344
+ .premium-mobile-menu-close {
345
  position: absolute;
346
  top: 2%;
347
  right: 5px;
366
  align-items: center;
367
  }
368
 
369
+ .premium-ver-hamburger-menu
370
+ .premium-mobile-menu-outer-container
371
+ .premium-mobile-menu-close
372
+ .premium-toggle-close {
373
  margin: 5px;
374
  }
375
 
376
+ .premium-ver-hamburger-menu
377
+ .premium-mobile-menu-outer-container
378
+ .premium-mobile-menu-close
379
+ svg {
380
  width: 22px;
381
  height: 22px;
382
  fill: #494c4f;
383
  }
384
 
385
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
386
+ fill: #494c4f;
387
+ }
388
+
389
+ .premium-ver-hamburger-menu
390
+ .premium-mobile-menu-outer-container
391
+ .premium-mobile-menu-close
392
+ i {
393
  font-size: 22px;
394
  }
395
 
401
  transition: 0.5s;
402
  }
403
 
404
+ /** Vertical Toggler*/
405
+ .premium-ver-toggle-yes .premium-nav-menu-container {
406
+ height: auto;
407
+ }
408
+
409
+ .premium-ver-toggle-yes .premium-ver-toggler {
410
+ -js-display: flex;
411
+ display: -webkit-box;
412
+ display: -webkit-flex;
413
+ display: -moz-box;
414
+ display: -ms-flexbox;
415
+ display: flex;
416
+ -webkit-box-align: center;
417
+ -webkit-align-items: center;
418
+ -moz-box-align: center;
419
+ -ms-flex-align: center;
420
+ align-items: center;
421
+ -webkit-box-pack: justify;
422
+ -webkit-justify-content: space-between;
423
+ -moz-box-pack: justify;
424
+ -ms-flex-pack: justify;
425
+ justify-content: space-between;
426
+ padding: 15px 20px 15px 20px;
427
+ background: #EEEEEE;
428
+ color: #042551;
429
+ cursor: pointer;
430
+ }
431
+
432
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
433
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
434
+ -js-display: flex;
435
+ display: -webkit-box;
436
+ display: -webkit-flex;
437
+ display: -moz-box;
438
+ display: -ms-flexbox;
439
+ display: flex;
440
+ -webkit-box-pack: center;
441
+ -webkit-justify-content: center;
442
+ -moz-box-pack: center;
443
+ -ms-flex-pack: center;
444
+ justify-content: center;
445
+ -webkit-box-align: center;
446
+ -webkit-align-items: center;
447
+ -moz-box-align: center;
448
+ -ms-flex-align: center;
449
+ align-items: center;
450
+ }
451
+
452
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
453
+ text-indent: 5px;
454
+ }
455
+
456
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
457
+ background: #54595F;
458
+ color: #fff;
459
+ }
460
+
461
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
462
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
463
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
464
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
465
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
466
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
467
+ fill: #fff;
468
+ }
469
+
470
+ .premium-ver-toggle-yes .premium-ver-close,
471
+ .premium-ver-toggle-yes .premium-ver-open,
472
+ .premium-ver-toggle-yes .premium-nav-menu-container,
473
+ .premium-ver-toggle-yes .premium-ver-toggler {
474
+ -webkit-transition: all 0.3s linear 0s;
475
+ transition: all 0.3s linear 0s;
476
+ }
477
+
478
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
479
+ -webkit-transition: all .3s linear 0s;
480
+ transition: all .3s linear 0s;
481
+ }
482
+
483
+ .premium-ver-toggle-yes .premium-ver-close i,
484
+ .premium-ver-toggle-yes .premium-ver-close svg,
485
+ .premium-ver-toggle-yes .premium-ver-open i,
486
+ .premium-ver-toggle-yes .premium-ver-open svg,
487
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
488
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
489
+ .premium-ver-toggle-yes .premium-ver-toggler i,
490
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
491
+ -webkit-transition: color 0.3s linear 0s;
492
+ transition: color 0.3s linear 0s;
493
+ }
494
+
495
+ .premium-ver-toggle-yes .premium-ver-close,
496
+ .premium-ver-toggle-yes .premium-ver-open,
497
+ .premium-ver-toggle-yes .premium-ver-title-icon {
498
+ -webkit-box-pack: center;
499
+ -webkit-justify-content: center;
500
+ -moz-box-pack: center;
501
+ -ms-flex-pack: center;
502
+ justify-content: center;
503
+ -webkit-box-align: center;
504
+ -webkit-align-items: center;
505
+ -moz-box-align: center;
506
+ -ms-flex-align: center;
507
+ align-items: center;
508
+ }
509
+
510
+ .premium-ver-toggle-yes .premium-ver-close i,
511
+ .premium-ver-toggle-yes .premium-ver-open i,
512
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
513
+ font-size: 16px;
514
+ }
515
+
516
+ .premium-ver-toggle-yes .premium-ver-close svg,
517
+ .premium-ver-toggle-yes .premium-ver-open svg,
518
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
519
+ width: 17px;
520
+ height: 17px;
521
+ fill: #042551;
522
+ }
523
+
524
+ .premium-ver-toggle-yes .premium-ver-close svg path,
525
+ .premium-ver-toggle-yes .premium-ver-open svg path,
526
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
527
+ fill: #042551;
528
+ }
529
+
530
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
531
+ -js-display: inline-flex;
532
+ display: -webkit-inline-box;
533
+ display: -webkit-inline-flex;
534
+ display: -moz-inline-box;
535
+ display: -ms-inline-flexbox;
536
+ display: inline-flex;
537
+ }
538
+
539
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
540
+ visibility: hidden;
541
+ opacity: 0;
542
+ }
543
+
544
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
545
+ display: none;
546
+ }
547
+
548
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
549
+ -js-display: inline-flex;
550
+ display: -webkit-inline-box;
551
+ display: -webkit-inline-flex;
552
+ display: -moz-inline-box;
553
+ display: -ms-inline-flexbox;
554
+ display: inline-flex;
555
+ }
556
+
557
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
558
+ position: absolute;
559
+ z-index: 10002;
560
+ }
561
+
562
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
563
+ position: absolute;
564
+ z-index: 10001;
565
+ }
566
+
567
+ .premium-ver-toggle-yes .premium-nav-menu-container,
568
+ .premium-ver-toggle-yes.premium-ver-hover
569
+ .premium-ver-inner-container:hover
570
+ .premium-nav-menu-container {
571
+ visibility: visible;
572
+ opacity: 1;
573
+ }
574
+
575
+ .premium-ver-toggle-yes .premium-ver-open,
576
+ .premium-ver-toggle-yes.premium-ver-hover
577
+ .premium-ver-inner-container:hover
578
+ .premium-ver-open {
579
+ display: none;
580
+ }
581
+
582
+ .premium-ver-toggle-yes .premium-ver-close,
583
+ .premium-ver-toggle-yes .premium-ver-title-icon,
584
+ .premium-ver-toggle-yes.premium-ver-hover
585
+ .premium-ver-inner-container:hover
586
+ .premium-ver-close,
587
+ .premium-ver-toggle-yes.premium-ver-hover
588
+ .premium-ver-inner-container:hover
589
+ .premium-ver-title-icon {
590
+ -js-display: inline-flex;
591
+ display: -webkit-inline-box;
592
+ display: -webkit-inline-flex;
593
+ display: -moz-inline-box;
594
+ display: -ms-inline-flexbox;
595
+ display: inline-flex;
596
+ }
597
+
598
+ /** Sticky Menu */
599
+ .premium-sticky-parent {
600
+ position: fixed;
601
+ z-index: 10003;
602
+ -webkit-transition: all 0.3s linear;
603
+ transition: all 0.3s linear;
604
+ }
605
+
606
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
607
+ will-change: transform;
608
+ -webkit-transition: -webkit-transform 500ms linear !important;
609
+ transition: -webkit-transform 500ms linear !important;
610
+ transition: transform 500ms linear !important;
611
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
612
+ -webkit-transition-delay: 1s;
613
+ transition-delay: 1s;
614
+ }
615
+
616
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
617
+ -webkit-transform: translateY(0%);
618
+ -ms-transform: translateY(0%);
619
+ transform: translateY(0%);
620
+ }
621
+
622
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
623
+ -webkit-transform: translateY(-100%);
624
+ -ms-transform: translateY(-100%);
625
+ transform: translateY(-100%);
626
+ }
627
+
628
  /**Common*/
629
  .premium-nav-slide-overlay {
630
  display: none;
636
  -webkit-backface-visibility: hidden;
637
  backface-visibility: hidden;
638
  background: rgba(0, 0, 0, 0.6);
639
+ z-index: 10002;
640
  }
641
 
642
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
644
  }
645
 
646
  .premium-active-menu,
647
+ .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu,
648
+ .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container {
649
  -js-display: flex !important;
650
  display: -webkit-box !important;
651
  display: -webkit-flex !important;
670
  }
671
 
672
  .premium-mobile-menu-container li,
673
+ .premium-mobile-menu-container li > .premium-mega-content-container {
674
  width: 100% !important;
675
  }
676
 
744
  z-index: 9999;
745
  }
746
 
747
+ .premium-nav-menu-item.menu-item-has-children
748
+ .premium-sub-menu
749
+ .premium-sub-menu-link {
750
  -webkit-box-pack: start;
751
  -webkit-justify-content: flex-start;
752
  -moz-box-pack: start;
930
  z-index: 2;
931
  }
932
 
933
+ .premium-nav-menu-item:not(.premium-active-item)
934
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
935
+ .premium-nav-menu-item:not(.premium-active-item)
936
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
937
  opacity: 0;
938
  }
939
 
944
  transition-duration: 0s;
945
  }
946
 
947
+ .premium-nav-pointer-underline.premium-nav-animation-none
948
+ .premium-menu-link-parent,
949
+ .premium-nav-pointer-underline.premium-nav-animation-none
950
+ .premium-menu-link-parent::before,
951
+ .premium-nav-pointer-underline.premium-nav-animation-none
952
+ .premium-menu-link-parent::after,
953
+ .premium-nav-pointer-underline.premium-nav-animation-none
954
+ .premium-menu-link-parent:focus,
955
+ .premium-nav-pointer-underline.premium-nav-animation-none
956
+ .premium-menu-link-parent:hover,
957
+ .premium-nav-pointer-overline.premium-nav-animation-none
958
+ .premium-menu-link-parent,
959
+ .premium-nav-pointer-overline.premium-nav-animation-none
960
+ .premium-menu-link-parent::before,
961
+ .premium-nav-pointer-overline.premium-nav-animation-none
962
+ .premium-menu-link-parent::after,
963
+ .premium-nav-pointer-overline.premium-nav-animation-none
964
+ .premium-menu-link-parent:focus,
965
+ .premium-nav-pointer-overline.premium-nav-animation-none
966
+ .premium-menu-link-parent:hover,
967
+ .premium-nav-pointer-double-line.premium-nav-animation-none
968
+ .premium-menu-link-parent,
969
+ .premium-nav-pointer-double-line.premium-nav-animation-none
970
+ .premium-menu-link-parent::before,
971
+ .premium-nav-pointer-double-line.premium-nav-animation-none
972
+ .premium-menu-link-parent::after,
973
+ .premium-nav-pointer-double-line.premium-nav-animation-none
974
+ .premium-menu-link-parent:focus,
975
+ .premium-nav-pointer-double-line.premium-nav-animation-none
976
+ .premium-menu-link-parent:hover {
977
  -webkit-transition-duration: 0s;
978
  transition-duration: 0s;
979
  }
980
 
981
+ .premium-nav-pointer-underline.premium-nav-animation-slide
982
+ .premium-nav-menu-item:not(.premium-active-item)
983
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
984
+ .premium-nav-pointer-double-line.premium-nav-animation-slide
985
+ .premium-nav-menu-item:not(.premium-active-item)
986
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
987
  width: 10px;
988
  inset-inline-start: 100%;
989
  }
990
 
991
+ .premium-nav-pointer-overline.premium-nav-animation-slide
992
+ .premium-nav-menu-item:not(.premium-active-item)
993
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
994
+ .premium-nav-pointer-double-line.premium-nav-animation-slide
995
+ .premium-nav-menu-item:not(.premium-active-item)
996
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
997
  width: 10px;
998
  left: -20px;
999
  }
1000
 
1001
+ .premium-nav-pointer-underline.premium-nav-animation-grow
1002
+ .premium-nav-menu-item:not(.premium-active-item)
1003
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1004
+ .premium-nav-pointer-underline.premium-nav-animation-grow
1005
+ .premium-nav-menu-item:not(.premium-active-item)
1006
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1007
+ .premium-nav-pointer-overline.premium-nav-animation-grow
1008
+ .premium-nav-menu-item:not(.premium-active-item)
1009
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1010
+ .premium-nav-pointer-overline.premium-nav-animation-grow
1011
+ .premium-nav-menu-item:not(.premium-active-item)
1012
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1013
+ .premium-nav-pointer-double-line.premium-nav-animation-grow
1014
+ .premium-nav-menu-item:not(.premium-active-item)
1015
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1016
+ .premium-nav-pointer-double-line.premium-nav-animation-grow
1017
+ .premium-nav-menu-item:not(.premium-active-item)
1018
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
1019
  height: 0;
1020
  width: 0;
1021
  left: 50%;
1022
  }
1023
 
1024
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in
1025
+ .premium-nav-menu-item:not(.premium-active-item)
1026
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1027
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in
1028
+ .premium-nav-menu-item:not(.premium-active-item)
1029
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1030
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in
1031
+ .premium-nav-menu-item:not(.premium-active-item)
1032
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1033
  top: -10px;
1034
  }
1035
 
1036
+ .premium-nav-pointer-underline.premium-nav-animation-drop-in
1037
+ .premium-nav-menu-item:not(.premium-active-item)
1038
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1039
+ .premium-nav-pointer-overline.premium-nav-animation-drop-in
1040
+ .premium-nav-menu-item:not(.premium-active-item)
1041
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1042
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-in
1043
+ .premium-nav-menu-item:not(.premium-active-item)
1044
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
1045
  bottom: -10px;
1046
  }
1047
 
1048
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out
1049
+ .premium-nav-menu-item:not(.premium-active-item)
1050
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1051
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out
1052
+ .premium-nav-menu-item:not(.premium-active-item)
1053
+ .premium-menu-link-parent:not(:hover):not(:focus)::before,
1054
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out
1055
+ .premium-nav-menu-item:not(.premium-active-item)
1056
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1057
  top: 10px;
1058
  }
1059
 
1060
+ .premium-nav-pointer-underline.premium-nav-animation-drop-out
1061
+ .premium-nav-menu-item:not(.premium-active-item)
1062
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1063
+ .premium-nav-pointer-overline.premium-nav-animation-drop-out
1064
+ .premium-nav-menu-item:not(.premium-active-item)
1065
+ .premium-menu-link-parent:not(:hover):not(:focus)::after,
1066
+ .premium-nav-pointer-double-line.premium-nav-animation-drop-out
1067
+ .premium-nav-menu-item:not(.premium-active-item)
1068
+ .premium-menu-link-parent:not(:hover):not(:focus)::after {
1069
  bottom: 10px;
1070
  }
1071
 
1083
  border: 3px solid #55595c;
1084
  }
1085
 
1086
+ .premium-nav-pointer-framed.premium-nav-animation-grow
1087
+ .premium-nav-menu-item:not(.premium-active-item)
1088
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1089
  -webkit-transform: scale(0.75);
1090
  -ms-transform: scale(0.75);
1091
  transform: scale(0.75);
1092
  }
1093
 
1094
+ .premium-nav-pointer-framed.premium-nav-animation-shrink
1095
+ .premium-nav-menu-item:not(.premium-active-item)
1096
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1097
  -webkit-transform: scale(1.25);
1098
  -ms-transform: scale(1.25);
1099
  transform: scale(1.25);
1100
  }
1101
 
1102
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1103
+ .premium-menu-link-parent::before,
1104
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1105
+ .premium-menu-link-parent::after {
1106
  width: 3px;
1107
  height: 3px;
1108
  }
1109
 
1110
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1111
+ .premium-menu-link-parent::before {
1112
  border-width: 0 3px 3px 0;
1113
  -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1114
  transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
1115
  }
1116
 
1117
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1118
+ .premium-menu-link-parent::after {
1119
  content: "";
1120
  top: auto;
1121
  bottom: 0;
1126
  transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
1127
  }
1128
 
1129
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1130
+ .premium-menu-link-parent:hover::before,
1131
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1132
+ .premium-menu-link-parent:focus::before {
1133
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1134
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1135
  }
1136
 
1137
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1138
+ .premium-menu-link-parent:hover::after,
1139
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1140
+ .premium-menu-link-parent:focus::after {
1141
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1142
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1143
  }
1144
 
1145
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1146
+ .premium-menu-link-parent:hover::before,
1147
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1148
+ .premium-menu-link-parent:hover::after,
1149
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1150
+ .premium-menu-link-parent:focus::before,
1151
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1152
+ .premium-menu-link-parent:focus::after {
1153
  width: 100%;
1154
  height: 100%;
1155
  }
1156
 
1157
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1158
+ .premium-active-item
1159
+ .premium-menu-link-parent::before {
1160
  -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1161
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
1162
  }
1163
 
1164
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1165
+ .premium-active-item
1166
+ .premium-menu-link-parent::after {
1167
  -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1168
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
1169
  }
1170
 
1171
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1172
+ .premium-active-item
1173
+ .premium-menu-link-parent::before,
1174
+ .premium-nav-pointer-framed.premium-nav-animation-draw
1175
+ .premium-active-item
1176
+ .premium-menu-link-parent::after {
1177
  width: 100%;
1178
  height: 100%;
1179
  }
1180
 
1181
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1182
+ .premium-menu-link-parent::before {
1183
  border-width: 3px 3px 0 0;
1184
  }
1185
 
1186
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1187
+ .premium-menu-link-parent::after {
1188
  content: "";
1189
  top: auto;
1190
  bottom: 0;
1193
  border-width: 0 0 3px 3px;
1194
  }
1195
 
1196
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1197
+ .premium-menu-link-parent::before,
1198
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1199
+ .premium-menu-link-parent::after {
1200
  width: 3px;
1201
  height: 3px;
1202
  }
1203
 
1204
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1205
+ .premium-menu-link-parent:hover::before,
1206
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1207
+ .premium-menu-link-parent:hover::after,
1208
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1209
+ .premium-menu-link-parent:focus::before,
1210
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1211
+ .premium-menu-link-parent:focus::after {
1212
  width: 100%;
1213
  height: 100%;
1214
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1215
  transition: opacity 2ms, width 0.4s, height 0.4s;
1216
  }
1217
 
1218
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1219
+ .premium-active-item
1220
+ .premium-menu-link-parent::before,
1221
+ .premium-nav-pointer-framed.premium-nav-animation-corners
1222
+ .premium-active-item
1223
+ .premium-menu-link-parent::after {
1224
  width: 100%;
1225
  height: 100%;
1226
  -webkit-transition: opacity 2ms, width 0.4s, height 0.4s;
1227
  transition: opacity 2ms, width 0.4s, height 0.4s;
1228
  }
1229
 
1230
+ .premium-nav-pointer-text.premium-nav-animation-grow
1231
+ .premium-menu-link-parent:hover,
1232
+ .premium-nav-pointer-text.premium-nav-animation-grow
1233
+ .premium-menu-link-parent:focus {
1234
  -webkit-transform: scale(1.2);
1235
  -ms-transform: scale(1.2);
1236
  transform: scale(1.2);
1237
  }
1238
 
1239
+ .premium-nav-pointer-text.premium-nav-animation-shrink
1240
+ .premium-menu-link-parent:hover,
1241
+ .premium-nav-pointer-text.premium-nav-animation-shrink
1242
+ .premium-menu-link-parent:focus {
1243
  -webkit-transform: scale(0.8);
1244
  -ms-transform: scale(0.8);
1245
  transform: scale(0.8);
1246
  }
1247
 
1248
+ .premium-nav-pointer-text.premium-nav-animation-sink
1249
+ .premium-menu-link-parent:hover,
1250
+ .premium-nav-pointer-text.premium-nav-animation-sink
1251
+ .premium-menu-link-parent:focus {
1252
  -webkit-transform: translateY(8px);
1253
  -ms-transform: translateY(8px);
1254
  transform: translateY(8px);
1255
  }
1256
 
1257
+ .premium-nav-pointer-text.premium-nav-animation-float
1258
+ .premium-menu-link-parent:hover,
1259
+ .premium-nav-pointer-text.premium-nav-animation-float
1260
+ .premium-menu-link-parent:focus {
1261
  -webkit-transform: translateY(-8px);
1262
  -ms-transform: translateY(-8px);
1263
  transform: translateY(-8px);
1264
  }
1265
 
1266
+ .premium-nav-pointer-text.premium-nav-animation-skew
1267
+ .premium-menu-link-parent:hover,
1268
+ .premium-nav-pointer-text.premium-nav-animation-skew
1269
+ .premium-menu-link-parent:focus {
1270
  -webkit-transform: skew(-8deg);
1271
  -ms-transform: skew(-8deg);
1272
  transform: skew(-8deg);
1273
  }
1274
 
1275
+ .premium-nav-pointer-text.premium-nav-animation-rotate
1276
+ .premium-menu-link-parent:hover,
1277
+ .premium-nav-pointer-text.premium-nav-animation-rotate
1278
+ .premium-menu-link-parent:focus {
1279
  -webkit-transform: rotate(6deg);
1280
  -ms-transform: rotate(6deg);
1281
  transform: rotate(6deg);
1298
  transition: 0.3s;
1299
  }
1300
 
1301
+ .premium-nav-pointer-background.premium-nav-animation-grow
1302
+ .premium-menu-link-parent::before {
1303
  -webkit-transform: scale(0.5);
1304
  -ms-transform: scale(0.5);
1305
  transform: scale(0.5);
1306
  }
1307
 
1308
+ .premium-nav-pointer-background.premium-nav-animation-grow
1309
+ .premium-menu-link-parent:hover::before,
1310
+ .premium-nav-pointer-background.premium-nav-animation-grow
1311
+ .premium-menu-link-parent:focus::before {
1312
  -webkit-transform: scale(1);
1313
  -ms-transform: scale(1);
1314
  transform: scale(1);
1315
  }
1316
 
1317
+ .premium-nav-pointer-background.premium-nav-animation-grow
1318
+ .premium-active-item
1319
+ .premium-menu-link-parent::before {
1320
  -webkit-transform: scale(1);
1321
  -ms-transform: scale(1);
1322
  transform: scale(1);
1323
  }
1324
 
1325
+ .premium-nav-pointer-background.premium-nav-animation-shrink
1326
+ .premium-nav-menu-item:not(.premium-active-item)
1327
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1328
  -webkit-transform: scale(1.2);
1329
  -ms-transform: scale(1.2);
1330
  transform: scale(1.2);
1332
  transition: 0.3;
1333
  }
1334
 
1335
+ .premium-nav-pointer-background.premium-nav-animation-sweep-left
1336
+ .premium-nav-menu-item:not(.premium-active-item)
1337
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1338
  left: 100%;
1339
  }
1340
 
1341
+ .premium-nav-pointer-background.premium-nav-animation-sweep-right
1342
+ .premium-nav-menu-item:not(.premium-active-item)
1343
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1344
  right: 100%;
1345
  }
1346
 
1347
+ .premium-nav-pointer-background.premium-nav-animation-sweep-up
1348
+ .premium-nav-menu-item:not(.premium-active-item)
1349
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1350
  top: 100%;
1351
  }
1352
 
1353
+ .premium-nav-pointer-background.premium-nav-animation-sweep-down
1354
+ .premium-nav-menu-item:not(.premium-active-item)
1355
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1356
  bottom: 100%;
1357
  }
1358
 
1359
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1360
+ .premium-menu-link-parent::after,
1361
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1362
+ .premium-menu-link-parent::after {
1363
  top: 0;
1364
  left: 0;
1365
  right: 0;
1369
  z-index: -1;
1370
  }
1371
 
1372
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1373
+ .premium-menu-link-parent::before {
1374
  top: 0;
1375
  bottom: 100%;
1376
  }
1377
 
1378
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1379
+ .premium-menu-link-parent::after {
1380
  top: 100%;
1381
  bottom: 0;
1382
  }
1383
 
1384
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1385
+ .premium-menu-link-parent:hover::before,
1386
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1387
+ .premium-menu-link-parent:focus::before {
1388
  bottom: 50%;
1389
  }
1390
 
1391
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1392
+ .premium-menu-link-parent:hover::after,
1393
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1394
+ .premium-menu-link-parent:focus::after {
1395
  top: 50%;
1396
  }
1397
 
1398
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1399
+ .premium-active-item
1400
+ .premium-menu-link-parent::before {
1401
  bottom: 50%;
1402
  }
1403
 
1404
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical
1405
+ .premium-active-item
1406
+ .premium-menu-link-parent::after {
1407
  top: 50%;
1408
  }
1409
 
1410
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical
1411
+ .premium-nav-menu-item:not(.premium-active-item)
1412
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1413
  bottom: 50%;
1414
  top: 50%;
1415
  }
1416
 
1417
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1418
+ .premium-menu-link-parent::before {
1419
  right: 0;
1420
  left: 100%;
1421
  }
1422
 
1423
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1424
+ .premium-menu-link-parent::after {
1425
  right: 100%;
1426
  left: 0;
1427
  }
1428
 
1429
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1430
+ .premium-menu-link-parent:hover::before,
1431
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1432
+ .premium-menu-link-parent:focus::before {
1433
  left: 50%;
1434
  }
1435
 
1436
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1437
+ .premium-menu-link-parent:hover::after,
1438
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1439
+ .premium-menu-link-parent:focus::after {
1440
  right: 50%;
1441
  }
1442
 
1443
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1444
+ .premium-active-item
1445
+ .premium-menu-link-parent::before {
1446
  left: 50%;
1447
  }
1448
 
1449
+ .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal
1450
+ .premium-active-item
1451
+ .premium-menu-link-parent::after {
1452
  right: 50%;
1453
  }
1454
 
1455
+ .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal
1456
+ .premium-nav-menu-item:not(.premium-active-item)
1457
+ .premium-menu-link-parent:not(:hover):not(:focus)::before {
1458
  left: 50%;
1459
  right: 50%;
1460
  }
1479
  transition-delay: 0.1s;
1480
  }
1481
 
1482
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
1483
+ .premium-nav-menu-item:hover
1484
+ > .premium-sub-menu,
1485
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
1486
+ .premium-nav-menu-item:hover
1487
+ > .premium-mega-content-container,
1488
+ [class*="premium-nav-slide-"].premium-nav-hor:not(.premium-hamburger-menu)
1489
+ .premium-sub-menu:hover
1490
+ > .premium-sub-menu,
1491
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
1492
+ .premium-nav-menu-item:hover
1493
+ > .premium-sub-menu,
1494
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
1495
+ .premium-nav-menu-item:hover
1496
+ > .premium-mega-content-container,
1497
+ [class*="premium-nav-slide-"].premium-nav-ver:not(.premium-hamburger-menu)
1498
+ .premium-sub-menu:hover
1499
+ > .premium-sub-menu {
1500
  -webkit-transform: translate(0);
1501
  -ms-transform: translate(0);
1502
  transform: translate(0);
1503
  }
1504
 
1505
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1506
+ .premium-sub-menu,
1507
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1508
+ .premium-mega-content-container,
1509
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1510
+ .premium-sub-menu,
1511
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1512
+ .premium-mega-content-container {
1513
  -webkit-transform: translateY(10px);
1514
  -ms-transform: translateY(10px);
1515
  transform: translateY(10px);
1516
  }
1517
 
1518
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1519
+ .premium-sub-menu,
1520
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1521
+ .premium-mega-content-container,
1522
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1523
+ .premium-sub-menu,
1524
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1525
+ .premium-mega-content-container {
1526
  -webkit-transform: translateY(-10px);
1527
  -ms-transform: translateY(-10px);
1528
  transform: translateY(-10px);
1529
  }
1530
 
1531
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1532
+ .premium-sub-menu,
1533
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1534
+ .premium-mega-content-container,
1535
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1536
+ .premium-sub-menu,
1537
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1538
+ .premium-mega-content-container {
1539
  -webkit-transform: translateX(-10px);
1540
  -ms-transform: translateX(-10px);
1541
  transform: translateX(-10px);
1542
  }
1543
 
1544
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1545
+ .premium-sub-menu,
1546
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1547
+ .premium-mega-content-container,
1548
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1549
+ .premium-sub-menu,
1550
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1551
+ .premium-mega-content-container {
1552
  -webkit-transform: translateX(10px);
1553
  -ms-transform: translateX(10px);
1554
  transform: translateX(10px);
1556
 
1557
  /**Horizontal - Static Mega Content*/
1558
  /*UP*/
1559
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1560
+ .premium-mega-item-static
1561
+ .premium-mega-content-container {
1562
  -webkit-transform: translateX(-50%) translateY(10px);
1563
  -ms-transform: translateX(-50%) translateY(10px);
1564
  transform: translateX(-50%) translateY(10px);
1565
  }
1566
 
1567
+ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu)
1568
+ .premium-mega-item-static:hover
1569
+ .premium-mega-content-container {
1570
  -webkit-transform: translateX(-50%) translateY(0);
1571
  -ms-transform: translateX(-50%) translateY(0);
1572
  transform: translateX(-50%) translateY(0);
1573
  }
1574
 
1575
  /*DOWN*/
1576
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1577
+ .premium-mega-item-static
1578
+ .premium-mega-content-container {
1579
  -webkit-transform: translateX(-50%) translateY(-10px);
1580
  -ms-transform: translateX(-50%) translateY(-10px);
1581
  transform: translateX(-50%) translateY(-10px);
1582
  }
1583
 
1584
+ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu)
1585
+ .premium-mega-item-static:hover
1586
+ .premium-mega-content-container {
1587
  -webkit-transform: translateX(-50%) translateY(0);
1588
  -ms-transform: translateX(-50%) translateY(0);
1589
  transform: translateX(-50%) translateY(0);
1590
  }
1591
 
1592
  /*Left*/
1593
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1594
+ .premium-mega-item-static
1595
+ .premium-mega-content-container {
1596
  -webkit-transform: translateX(-45%);
1597
  -ms-transform: translateX(-45%);
1598
  transform: translateX(-45%);
1599
  }
1600
 
1601
+ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu)
1602
+ .premium-mega-item-static:hover
1603
+ .premium-mega-content-container {
1604
  -webkit-transform: translateX(-50%);
1605
  -ms-transform: translateX(-50%);
1606
  transform: translateX(-50%);
1607
  }
1608
 
1609
  /*Right*/
1610
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1611
+ .premium-mega-item-static
1612
+ .premium-mega-content-container {
1613
  -webkit-transform: translateX(-55%);
1614
  -ms-transform: translateX(-55%);
1615
  transform: translateX(-55%);
1616
  }
1617
 
1618
+ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu)
1619
+ .premium-mega-item-static:hover
1620
+ .premium-mega-content-container {
1621
  -webkit-transform: translateX(-50%);
1622
  -ms-transform: translateX(-50%);
1623
  transform: translateX(-50%);
1624
  }
1625
 
1626
  /**Vertical - Static Mega Content*/
1627
+ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu)
1628
+ .premium-mega-item-static:hover
1629
+ .premium-mega-content-container,
1630
+ .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu)
1631
+ .premium-mega-item-static:hover
1632
+ .premium-mega-content-container {
1633
  -webkit-transform: translateY(0);
1634
  -ms-transform: translateY(0);
1635
  transform: translateY(0);
1636
  }
1637
 
1638
+ .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu)
1639
+ .premium-mega-item-static:hover
1640
+ .premium-mega-content-container,
1641
+ .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu)
1642
+ .premium-mega-item-static:hover
1643
+ .premium-mega-content-container {
1644
  -webkit-transform: translateX(0);
1645
  -ms-transform: translateX(0);
1646
  transform: translateX(0);
1647
+ }
assets/frontend/css/premium-nav-menu.css CHANGED
@@ -1,7 +1,8 @@
1
  /************ Premium Nav Menu ************/
2
  .premium-nav-widget-container ul {
3
  list-style: none;
4
- margin: 0; }
 
5
 
6
  .premium-nav-widget-container .premium-main-nav-menu {
7
  -js-display: flex;
@@ -13,8 +14,18 @@
13
  height: 100%; }
14
 
15
  /*Vertical Main Menu**/
 
 
 
 
 
 
 
 
16
  .premium-nav-ver .premium-nav-menu-container {
17
- width: 45%; }
 
 
18
 
19
  .premium-nav-ver .premium-main-nav-menu {
20
  position: relative;
@@ -150,7 +161,8 @@
150
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
151
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
152
  color: #494c4f; }
153
- .premium-nav-widget-container .premium-hamburger-toggle svg {
 
154
  fill: #494c4f; }
155
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
156
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
@@ -209,7 +221,7 @@
209
  top: 0;
210
  left: 0;
211
  overflow-x: hidden;
212
- z-index: 10000;
213
  -webkit-transition: 0.5s;
214
  transition: 0.5s;
215
  padding-top: 50px; }
@@ -255,6 +267,8 @@
255
  width: 22px;
256
  height: 22px;
257
  fill: #494c4f; }
 
 
258
  .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
259
  font-size: 22px; }
260
 
@@ -265,6 +279,188 @@
265
  -webkit-transition: 0.5s;
266
  transition: 0.5s; }
267
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
268
  /**Common*/
269
  .premium-nav-slide-overlay {
270
  display: none;
@@ -276,7 +472,7 @@
276
  -webkit-backface-visibility: hidden;
277
  backface-visibility: hidden;
278
  background: rgba(0, 0, 0, 0.6);
279
- z-index: 9999; }
280
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
281
  display: block; }
282
 
1
  /************ Premium Nav Menu ************/
2
  .premium-nav-widget-container ul {
3
  list-style: none;
4
+ margin: 0;
5
+ padding: 0; }
6
 
7
  .premium-nav-widget-container .premium-main-nav-menu {
8
  -js-display: flex;
14
  height: 100%; }
15
 
16
  /*Vertical Main Menu**/
17
+ .premium-nav-ver .premium-ver-inner-container {
18
+ width: 45%;
19
+ position: relative; }
20
+
21
+ .premium-nav-ver .premium-nav-menu-container,
22
+ .premium-nav-ver .premium-ver-toggler {
23
+ width: 100%; }
24
+
25
  .premium-nav-ver .premium-nav-menu-container {
26
+ background-color: #fff;
27
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
28
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
29
 
30
  .premium-nav-ver .premium-main-nav-menu {
31
  position: relative;
161
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
162
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
163
  color: #494c4f; }
164
+ .premium-nav-widget-container .premium-hamburger-toggle svg,
165
+ .premium-nav-widget-container .premium-hamburger-toggle svg path {
166
  fill: #494c4f; }
167
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text,
168
  .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close {
221
  top: 0;
222
  left: 0;
223
  overflow-x: hidden;
224
+ z-index: 10002;
225
  -webkit-transition: 0.5s;
226
  transition: 0.5s;
227
  padding-top: 50px; }
267
  width: 22px;
268
  height: 22px;
269
  fill: #494c4f; }
270
+ .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path {
271
+ fill: #494c4f; }
272
  .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i {
273
  font-size: 22px; }
274
 
279
  -webkit-transition: 0.5s;
280
  transition: 0.5s; }
281
 
282
+ /** Vertical Toggler*/
283
+ .premium-ver-toggle-yes .premium-nav-menu-container {
284
+ height: auto; }
285
+
286
+ .premium-ver-toggle-yes .premium-ver-toggler {
287
+ -js-display: flex;
288
+ display: -webkit-box;
289
+ display: -webkit-flex;
290
+ display: -moz-box;
291
+ display: -ms-flexbox;
292
+ display: flex;
293
+ -webkit-box-align: center;
294
+ -webkit-align-items: center;
295
+ -moz-box-align: center;
296
+ -ms-flex-align: center;
297
+ align-items: center;
298
+ -webkit-box-pack: justify;
299
+ -webkit-justify-content: space-between;
300
+ -moz-box-pack: justify;
301
+ -ms-flex-pack: justify;
302
+ justify-content: space-between;
303
+ padding: 15px 20px 15px 20px;
304
+ background: #EEEEEE;
305
+ color: #042551;
306
+ cursor: pointer; }
307
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title,
308
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn {
309
+ -js-display: flex;
310
+ display: -webkit-box;
311
+ display: -webkit-flex;
312
+ display: -moz-box;
313
+ display: -ms-flexbox;
314
+ display: flex;
315
+ -webkit-box-pack: center;
316
+ -webkit-justify-content: center;
317
+ -moz-box-pack: center;
318
+ -ms-flex-pack: center;
319
+ justify-content: center;
320
+ -webkit-box-align: center;
321
+ -webkit-align-items: center;
322
+ -moz-box-align: center;
323
+ -ms-flex-align: center;
324
+ align-items: center; }
325
+ .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt {
326
+ text-indent: 5px; }
327
+ .premium-ver-toggle-yes .premium-ver-toggler:hover {
328
+ background: #54595F;
329
+ color: #fff; }
330
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg,
331
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path,
332
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg,
333
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path,
334
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg,
335
+ .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path {
336
+ fill: #fff; }
337
+
338
+ .premium-ver-toggle-yes .premium-ver-close,
339
+ .premium-ver-toggle-yes .premium-ver-open,
340
+ .premium-ver-toggle-yes .premium-nav-menu-container,
341
+ .premium-ver-toggle-yes .premium-ver-toggler {
342
+ -webkit-transition: all .3s linear 0s;
343
+ transition: all .3s linear 0s; }
344
+ .premium-ver-toggle-yes .premium-ver-close i,
345
+ .premium-ver-toggle-yes .premium-ver-close svg,
346
+ .premium-ver-toggle-yes .premium-ver-open i,
347
+ .premium-ver-toggle-yes .premium-ver-open svg,
348
+ .premium-ver-toggle-yes .premium-nav-menu-container i,
349
+ .premium-ver-toggle-yes .premium-nav-menu-container svg,
350
+ .premium-ver-toggle-yes .premium-ver-toggler i,
351
+ .premium-ver-toggle-yes .premium-ver-toggler svg {
352
+ -webkit-transition: color .3s linear 0s;
353
+ transition: color .3s linear 0s; }
354
+
355
+ .premium-ver-toggle-yes .premium-ver-toggler-txt {
356
+ -webkit-transition: all .3s linear 0s;
357
+ transition: all .3s linear 0s; }
358
+
359
+ .premium-ver-toggle-yes .premium-ver-close,
360
+ .premium-ver-toggle-yes .premium-ver-open,
361
+ .premium-ver-toggle-yes .premium-ver-title-icon {
362
+ -webkit-box-pack: center;
363
+ -webkit-justify-content: center;
364
+ -moz-box-pack: center;
365
+ -ms-flex-pack: center;
366
+ justify-content: center;
367
+ -webkit-box-align: center;
368
+ -webkit-align-items: center;
369
+ -moz-box-align: center;
370
+ -ms-flex-align: center;
371
+ align-items: center; }
372
+ .premium-ver-toggle-yes .premium-ver-close i,
373
+ .premium-ver-toggle-yes .premium-ver-open i,
374
+ .premium-ver-toggle-yes .premium-ver-title-icon i {
375
+ font-size: 16px; }
376
+ .premium-ver-toggle-yes .premium-ver-close svg,
377
+ .premium-ver-toggle-yes .premium-ver-open svg,
378
+ .premium-ver-toggle-yes .premium-ver-title-icon svg {
379
+ width: 17px;
380
+ height: 17px;
381
+ fill: #042551; }
382
+ .premium-ver-toggle-yes .premium-ver-close svg path,
383
+ .premium-ver-toggle-yes .premium-ver-open svg path,
384
+ .premium-ver-toggle-yes .premium-ver-title-icon svg path {
385
+ fill: #042551; }
386
+
387
+ .premium-ver-toggle-yes.premium-ver-always .premium-ver-open {
388
+ -js-display: inline-flex;
389
+ display: -webkit-inline-box;
390
+ display: -webkit-inline-flex;
391
+ display: -moz-inline-box;
392
+ display: -ms-inline-flexbox;
393
+ display: inline-flex; }
394
+
395
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container {
396
+ visibility: hidden;
397
+ opacity: 0; }
398
+
399
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close {
400
+ display: none; }
401
+
402
+ .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open {
403
+ -js-display: inline-flex;
404
+ display: -webkit-inline-box;
405
+ display: -webkit-inline-flex;
406
+ display: -moz-inline-box;
407
+ display: -ms-inline-flexbox;
408
+ display: inline-flex; }
409
+
410
+ .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container {
411
+ position: absolute;
412
+ z-index: 10002; }
413
+
414
+ .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container {
415
+ position: absolute;
416
+ z-index: 10001; }
417
+
418
+ .premium-ver-toggle-yes .premium-nav-menu-container,
419
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container {
420
+ visibility: visible;
421
+ opacity: 1; }
422
+
423
+ .premium-ver-toggle-yes .premium-ver-open,
424
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open {
425
+ display: none; }
426
+
427
+ .premium-ver-toggle-yes .premium-ver-close,
428
+ .premium-ver-toggle-yes .premium-ver-title-icon,
429
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close,
430
+ .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon {
431
+ -js-display: inline-flex;
432
+ display: -webkit-inline-box;
433
+ display: -webkit-inline-flex;
434
+ display: -moz-inline-box;
435
+ display: -ms-inline-flexbox;
436
+ display: inline-flex; }
437
+
438
+ /** Sticky Menu */
439
+ .premium-sticky-parent {
440
+ position: fixed;
441
+ z-index: 10003;
442
+ -webkit-transition: all 0.3s linear;
443
+ transition: all 0.3s linear; }
444
+
445
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top {
446
+ will-change: transform;
447
+ -webkit-transition: -webkit-transform 500ms linear !important;
448
+ transition: -webkit-transform 500ms linear !important;
449
+ transition: transform 500ms linear !important;
450
+ transition: transform 500ms linear, -webkit-transform 500ms linear !important;
451
+ -webkit-transition-delay: 1s;
452
+ transition-delay: 1s; }
453
+
454
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown {
455
+ -webkit-transform: translateY(0%);
456
+ -ms-transform: translateY(0%);
457
+ transform: translateY(0%); }
458
+
459
+ .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp {
460
+ -webkit-transform: translateY(-100%);
461
+ -ms-transform: translateY(-100%);
462
+ transform: translateY(-100%); }
463
+
464
  /**Common*/
465
  .premium-nav-slide-overlay {
466
  display: none;
472
  -webkit-backface-visibility: hidden;
473
  backface-visibility: hidden;
474
  background: rgba(0, 0, 0, 0.6);
475
+ z-index: 10002; }
476
  .premium-nav-slide-overlay.premium-vertical-toggle-open {
477
  display: block; }
478
 
assets/frontend/css/premium-pricing-table-rtl.css CHANGED
@@ -1,290 +1,290 @@
1
- /**************** Premium Pricing Table ****************/
2
- /*******************************************************/
3
- .premium-pricing-table-container {
4
- position: relative;
5
- text-align: center;
6
- display: inline-block;
7
- width: 100%;
8
- -webkit-transition: all 0.3s ease-in-out;
9
- transition: all 0.3s ease-in-out;
10
- }
11
-
12
- .premium-pricing-icon-container {
13
- -js-display: flex;
14
- display: -webkit-box;
15
- display: -webkit-flex;
16
- display: -moz-box;
17
- display: -ms-flexbox;
18
- display: flex;
19
- -webkit-box-pack: center;
20
- -webkit-justify-content: center;
21
- -moz-box-pack: center;
22
- -ms-flex-pack: center;
23
- justify-content: center;
24
- line-height: 0;
25
- }
26
-
27
- .premium-pricing-icon-container .premium-pricing-icon {
28
- display: inline-block;
29
- }
30
-
31
- .premium-pricing-icon-container .premium-pricing-image {
32
- overflow: hidden;
33
- }
34
-
35
- .premium-pricing-icon-container .premium-pricing-image img {
36
- width: 25px;
37
- height: 25px;
38
- -o-object-fit: cover;
39
- object-fit: cover;
40
- }
41
-
42
- .premium-badge-left {
43
- position: absolute;
44
- top: 0;
45
- }
46
-
47
- .premium-badge-right {
48
- position: absolute;
49
- top: 0;
50
- right: 0;
51
- }
52
-
53
- .premium-badge-left {
54
- left: 0;
55
- }
56
-
57
- .premium-badge-triangle.premium-badge-left .corner {
58
- width: 0;
59
- height: 0;
60
- border-top: 150px solid;
61
- border-bottom: 150px solid transparent;
62
- border-right: 150px solid transparent;
63
- }
64
-
65
- .premium-badge-triangle.premium-badge-right .corner {
66
- width: 0;
67
- height: 0;
68
- border-bottom: 150px solid transparent;
69
- border-right: 150px solid;
70
- border-left: 150px solid transparent;
71
- }
72
-
73
- .premium-badge-triangle span {
74
- position: absolute;
75
- top: 35px;
76
- width: 100px;
77
- text-align: center;
78
- -webkit-transform: rotate(-45deg);
79
- -ms-transform: rotate(-45deg);
80
- transform: rotate(-45deg);
81
- display: block;
82
- text-transform: uppercase;
83
- }
84
-
85
- .premium-badge-triangle.premium-badge-right span {
86
- -webkit-transform: rotate(45deg);
87
- -ms-transform: rotate(45deg);
88
- transform: rotate(45deg);
89
- right: 0;
90
- }
91
-
92
- .premium-badge-circle {
93
- min-width: 4em;
94
- min-height: 4em;
95
- line-height: 4em;
96
- text-align: center;
97
- -webkit-border-radius: 100%;
98
- border-radius: 100%;
99
- position: absolute;
100
- z-index: 1;
101
- }
102
-
103
- .premium-badge-stripe {
104
- position: absolute;
105
- -webkit-transform: rotate(90deg);
106
- -ms-transform: rotate(90deg);
107
- transform: rotate(90deg);
108
- width: 15em;
109
- overflow: hidden;
110
- height: 15em;
111
- }
112
-
113
- .premium-badge-stripe.premium-badge-left {
114
- -webkit-transform: rotate(0);
115
- -ms-transform: rotate(0);
116
- transform: rotate(0);
117
- }
118
-
119
- .premium-badge-stripe .corner {
120
- text-align: center;
121
- left: 0;
122
- width: 150%;
123
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
124
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
125
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
126
- margin-top: 35px;
127
- font-size: 13px;
128
- line-height: 2;
129
- font-weight: 800;
130
- text-transform: uppercase;
131
- }
132
-
133
- .premium-badge-flag .corner {
134
- text-align: center;
135
- -webkit-border-radius: 4px 4px 0 4px;
136
- border-radius: 4px 4px 0 4px;
137
- padding: 3px 15px;
138
- position: absolute;
139
- top: 10%;
140
- right: -8px;
141
- }
142
-
143
- .premium-badge-flag .corner::before,
144
- .premium-badge-flag .corner::after {
145
- content: "";
146
- display: block;
147
- position: absolute;
148
- width: 0;
149
- height: 0;
150
- top: 100%;
151
- right: 0;
152
- border-bottom: 8px solid transparent;
153
- }
154
-
155
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
156
- overflow: visible !important;
157
- }
158
-
159
- .premium-badge-flag .corner::after {
160
- border-left: 8px solid rgba(0, 0, 0, 0.2);
161
- }
162
-
163
- .premium-pricing-price-currency {
164
- position: relative;
165
- }
166
-
167
- .premium-pricing-button-container {
168
- display: block;
169
- }
170
-
171
- .premium-pricing-list {
172
- -js-display: flex;
173
- display: -webkit-box;
174
- display: -webkit-flex;
175
- display: -moz-box;
176
- display: -ms-flexbox;
177
- display: flex;
178
- -webkit-box-orient: vertical;
179
- -webkit-box-direction: normal;
180
- -webkit-flex-direction: column;
181
- -moz-box-orient: vertical;
182
- -moz-box-direction: normal;
183
- -ms-flex-direction: column;
184
- flex-direction: column;
185
- list-style-type: none;
186
- margin: 0;
187
- }
188
-
189
- .premium-pricing-list .premium-pricing-list-item {
190
- -js-display: flex;
191
- display: -webkit-box;
192
- display: -webkit-flex;
193
- display: -moz-box;
194
- display: -ms-flexbox;
195
- display: flex;
196
- -webkit-box-align: center;
197
- -webkit-align-items: center;
198
- -moz-box-align: center;
199
- -ms-flex-align: center;
200
- align-items: center;
201
- }
202
-
203
- .premium-pricing-list .premium-pricing-list-item svg {
204
- width: 50px;
205
- height: 50px;
206
- }
207
-
208
- .premium-pricing-list .premium-pricing-list-item img {
209
- width: 30px;
210
- height: 30px;
211
- -o-object-fit: cover;
212
- object-fit: cover;
213
- }
214
-
215
- .premium-pricing-list .premium-pricing-list-span {
216
- position: relative;
217
- }
218
-
219
- .premium-pricing-list .list-item-tooltip {
220
- border-bottom: 1px dotted;
221
- }
222
-
223
- .premium-pricing-list .premium-pricing-list-tooltip {
224
- position: absolute;
225
- top: -webkit-calc(100% + 1px);
226
- top: calc(100% + 1px);
227
- right: 0;
228
- visibility: hidden;
229
- padding: 15px 20px;
230
- -webkit-border-radius: 5px;
231
- border-radius: 5px;
232
- min-width: 200px;
233
- overflow: hidden;
234
- text-align: right;
235
- font-size: 0.8rem;
236
- color: #fff;
237
- background-color: #aaa;
238
- }
239
-
240
- .premium-pricing-features-left .premium-pricing-list-span {
241
- text-align: right;
242
- }
243
-
244
- .premium-pricing-features-center .premium-pricing-list-span {
245
- text-align: center;
246
- }
247
-
248
- .premium-pricing-features-right .premium-pricing-list-span {
249
- text-align: left;
250
- }
251
-
252
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
253
- z-index: 99;
254
- visibility: visible;
255
- opacity: 1;
256
- }
257
-
258
- .premium-pricing-slashed-price-value {
259
- display: inline-block;
260
- font-size: 20px;
261
- font-weight: 400;
262
- margin-left: 5px;
263
- }
264
-
265
- .premium-pricing-price-value {
266
- font-size: 70px;
267
- }
268
-
269
- .premium-pricing-description-container li {
270
- list-style-position: inside;
271
- text-indent: -40px;
272
- }
273
-
274
- @-moz-document url-prefix() {
275
- .premium-pricing-description-container li {
276
- text-indent: 0px;
277
- }
278
- }
279
-
280
- .premium-pricing-price-button {
281
- display: block;
282
- padding: 6px 12px;
283
- line-height: 1.42857143;
284
- text-align: center;
285
- color: #fff;
286
- background: #6ec1e4;
287
- margin-bottom: 0;
288
- -webkit-transition: all 0.3s ease-in-out;
289
- transition: all 0.3s ease-in-out;
290
  }
1
+ /**************** Premium Pricing Table ****************/
2
+ /*******************************************************/
3
+ .premium-pricing-table-container {
4
+ position: relative;
5
+ text-align: center;
6
+ display: inline-block;
7
+ width: 100%;
8
+ -webkit-transition: all 0.3s ease-in-out;
9
+ transition: all 0.3s ease-in-out;
10
+ }
11
+
12
+ .premium-pricing-icon-container {
13
+ -js-display: flex;
14
+ display: -webkit-box;
15
+ display: -webkit-flex;
16
+ display: -moz-box;
17
+ display: -ms-flexbox;
18
+ display: flex;
19
+ -webkit-box-pack: center;
20
+ -webkit-justify-content: center;
21
+ -moz-box-pack: center;
22
+ -ms-flex-pack: center;
23
+ justify-content: center;
24
+ line-height: 0;
25
+ }
26
+
27
+ .premium-pricing-icon-container .premium-pricing-icon {
28
+ display: inline-block;
29
+ }
30
+
31
+ .premium-pricing-icon-container .premium-pricing-image {
32
+ overflow: hidden;
33
+ }
34
+
35
+ .premium-pricing-icon-container .premium-pricing-image img {
36
+ width: 25px;
37
+ height: 25px;
38
+ -o-object-fit: cover;
39
+ object-fit: cover;
40
+ }
41
+
42
+ .premium-badge-left {
43
+ position: absolute;
44
+ top: 0;
45
+ }
46
+
47
+ .premium-badge-right {
48
+ position: absolute;
49
+ top: 0;
50
+ right: 0;
51
+ }
52
+
53
+ .premium-badge-left {
54
+ left: 0;
55
+ }
56
+
57
+ .premium-badge-triangle.premium-badge-left .corner {
58
+ width: 0;
59
+ height: 0;
60
+ border-top: 150px solid;
61
+ border-bottom: 150px solid transparent;
62
+ border-right: 150px solid transparent;
63
+ }
64
+
65
+ .premium-badge-triangle.premium-badge-right .corner {
66
+ width: 0;
67
+ height: 0;
68
+ border-bottom: 150px solid transparent;
69
+ border-right: 150px solid;
70
+ border-left: 150px solid transparent;
71
+ }
72
+
73
+ .premium-badge-triangle span {
74
+ position: absolute;
75
+ top: 35px;
76
+ width: 100px;
77
+ text-align: center;
78
+ -webkit-transform: rotate(-45deg);
79
+ -ms-transform: rotate(-45deg);
80
+ transform: rotate(-45deg);
81
+ display: block;
82
+ text-transform: uppercase;
83
+ }
84
+
85
+ .premium-badge-triangle.premium-badge-right span {
86
+ -webkit-transform: rotate(45deg);
87
+ -ms-transform: rotate(45deg);
88
+ transform: rotate(45deg);
89
+ right: 0;
90
+ }
91
+
92
+ .premium-badge-circle {
93
+ min-width: 4em;
94
+ min-height: 4em;
95
+ line-height: 4em;
96
+ text-align: center;
97
+ -webkit-border-radius: 100%;
98
+ border-radius: 100%;
99
+ position: absolute;
100
+ z-index: 1;
101
+ }
102
+
103
+ .premium-badge-stripe {
104
+ position: absolute;
105
+ -webkit-transform: rotate(90deg);
106
+ -ms-transform: rotate(90deg);
107
+ transform: rotate(90deg);
108
+ width: 15em;
109
+ overflow: hidden;
110
+ height: 15em;
111
+ }
112
+
113
+ .premium-badge-stripe.premium-badge-left {
114
+ -webkit-transform: rotate(0);
115
+ -ms-transform: rotate(0);
116
+ transform: rotate(0);
117
+ }
118
+
119
+ .premium-badge-stripe .corner {
120
+ text-align: center;
121
+ left: 0;
122
+ width: 150%;
123
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
124
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
125
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
126
+ margin-top: 35px;
127
+ font-size: 13px;
128
+ line-height: 2;
129
+ font-weight: 800;
130
+ text-transform: uppercase;
131
+ }
132
+
133
+ .premium-badge-flag .corner {
134
+ text-align: center;
135
+ -webkit-border-radius: 4px 4px 0 4px;
136
+ border-radius: 4px 4px 0 4px;
137
+ padding: 3px 15px;
138
+ position: absolute;
139
+ top: 10%;
140
+ right: -8px;
141
+ }
142
+
143
+ .premium-badge-flag .corner::before,
144
+ .premium-badge-flag .corner::after {
145
+ content: "";
146
+ display: block;
147
+ position: absolute;
148
+ width: 0;
149
+ height: 0;
150
+ top: 100%;
151
+ right: 0;
152
+ border-bottom: 8px solid transparent;
153
+ }
154
+
155
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
156
+ overflow: visible !important;
157
+ }
158
+
159
+ .premium-badge-flag .corner::after {
160
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
161
+ }
162
+
163
+ .premium-pricing-price-currency {
164
+ position: relative;
165
+ }
166
+
167
+ .premium-pricing-button-container {
168
+ display: block;
169
+ }
170
+
171
+ .premium-pricing-list {
172
+ -js-display: flex;
173
+ display: -webkit-box;
174
+ display: -webkit-flex;
175
+ display: -moz-box;
176
+ display: -ms-flexbox;
177
+ display: flex;
178
+ -webkit-box-orient: vertical;
179
+ -webkit-box-direction: normal;
180
+ -webkit-flex-direction: column;
181
+ -moz-box-orient: vertical;
182
+ -moz-box-direction: normal;
183
+ -ms-flex-direction: column;
184
+ flex-direction: column;
185
+ list-style-type: none;
186
+ margin: 0;
187
+ }
188
+
189
+ .premium-pricing-list .premium-pricing-list-item {
190
+ -js-display: flex;
191
+ display: -webkit-box;
192
+ display: -webkit-flex;
193
+ display: -moz-box;
194
+ display: -ms-flexbox;
195
+ display: flex;
196
+ -webkit-box-align: center;
197
+ -webkit-align-items: center;
198
+ -moz-box-align: center;
199
+ -ms-flex-align: center;
200
+ align-items: center;
201
+ }
202
+
203
+ .premium-pricing-list .premium-pricing-list-item svg {
204
+ width: 50px;
205
+ height: 50px;
206
+ }
207
+
208
+ .premium-pricing-list .premium-pricing-list-item img {
209
+ width: 30px;
210
+ height: 30px;
211
+ -o-object-fit: cover;
212
+ object-fit: cover;
213
+ }
214
+
215
+ .premium-pricing-list .premium-pricing-list-span {
216
+ position: relative;
217
+ }
218
+
219
+ .premium-pricing-list .list-item-tooltip {
220
+ border-bottom: 1px dotted;
221
+ }
222
+
223
+ .premium-pricing-list .premium-pricing-list-tooltip {
224
+ position: absolute;
225
+ top: -webkit-calc(100% + 1px);
226
+ top: calc(100% + 1px);
227
+ right: 0;
228
+ visibility: hidden;
229
+ padding: 15px 20px;
230
+ -webkit-border-radius: 5px;
231
+ border-radius: 5px;
232
+ min-width: 200px;
233
+ overflow: hidden;
234
+ text-align: right;
235
+ font-size: 0.8rem;
236
+ color: #fff;
237
+ background-color: #aaa;
238
+ }
239
+
240
+ .premium-pricing-features-left .premium-pricing-list-span {
241
+ text-align: right;
242
+ }
243
+
244
+ .premium-pricing-features-center .premium-pricing-list-span {
245
+ text-align: center;
246
+ }
247
+
248
+ .premium-pricing-features-right .premium-pricing-list-span {
249
+ text-align: left;
250
+ }
251
+
252
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
253
+ z-index: 99;
254
+ visibility: visible;
255
+ opacity: 1;
256
+ }
257
+
258
+ .premium-pricing-slashed-price-value {
259
+ display: inline-block;
260
+ font-size: 20px;
261
+ font-weight: 400;
262
+ margin-left: 5px;
263
+ }
264
+
265
+ .premium-pricing-price-value {
266
+ font-size: 70px;
267
+ }
268
+
269
+ .premium-pricing-description-container li {
270
+ list-style-position: inside;
271
+ text-indent: -40px;
272
+ }
273
+
274
+ @-moz-document url-prefix() {
275
+ .premium-pricing-description-container li {
276
+ text-indent: 0px;
277
+ }
278
+ }
279
+
280
+ .premium-pricing-price-button {
281
+ display: block;
282
+ padding: 6px 12px;
283
+ line-height: 1.42857143;
284
+ text-align: center;
285
+ color: #fff;
286
+ background: #6ec1e4;
287
+ margin-bottom: 0;
288
+ -webkit-transition: all 0.3s ease-in-out;
289
+ transition: all 0.3s ease-in-out;
290
  }
assets/frontend/css/premium-progressbar-rtl.css CHANGED
@@ -1,421 +1,421 @@
1
- /**************** Premium Progress Bar ****************/
2
- /******************************************************/
3
- .premium-progressbar-container {
4
- position: relative;
5
- }
6
-
7
- .premium-progressbar-bar-wrap {
8
- position: relative;
9
- text-align: right;
10
- overflow: hidden;
11
- height: 25px;
12
- margin-bottom: 50px;
13
- background-color: #f5f5f5;
14
- -webkit-border-radius: 4px;
15
- border-radius: 4px;
16
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
17
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
18
- }
19
-
20
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
21
- background-color: transparent;
22
- width: 100%;
23
- -js-display: flex;
24
- display: -webkit-box;
25
- display: -webkit-flex;
26
- display: -moz-box;
27
- display: -ms-flexbox;
28
- display: flex;
29
- height: auto;
30
- -webkit-box-shadow: none;
31
- box-shadow: none;
32
- }
33
-
34
- .premium-progressbar-bar-wrap .progress-segment {
35
- position: relative;
36
- width: 25px;
37
- height: 25px;
38
- -webkit-border-radius: 50%;
39
- border-radius: 50%;
40
- overflow: hidden;
41
- background-color: #f5f5f5;
42
- }
43
-
44
- .premium-progressbar-bar-wrap .progress-segment.filled {
45
- background: #6ec1e4;
46
- }
47
-
48
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
49
- margin: 0 4px;
50
- }
51
-
52
- .premium-progressbar-bar-wrap .progress-segment:first-child {
53
- margin-left: 4px;
54
- }
55
-
56
- .premium-progressbar-bar-wrap .progress-segment:last-child {
57
- margin-right: 4px;
58
- }
59
-
60
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
61
- position: absolute;
62
- top: 0;
63
- right: 0;
64
- height: 100%;
65
- background-color: #6ec1e4;
66
- }
67
-
68
- .premium-progressbar-bar {
69
- float: right;
70
- width: 0%;
71
- height: 100%;
72
- font-size: 12px;
73
- line-height: 20px;
74
- background: #6ec1e4;
75
- text-align: center;
76
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
77
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
78
- }
79
-
80
- .premium-progressbar-striped .premium-progressbar-bar {
81
- background-image: -webkit-linear-gradient(-135deg,
82
- rgba(255, 255, 255, 0.15) 25%,
83
- transparent 25%,
84
- transparent 50%,
85
- rgba(255, 255, 255, 0.15) 50%,
86
- rgba(255, 255, 255, 0.15) 75%,
87
- transparent 75%,
88
- transparent);
89
- background-image: -webkit-linear-gradient(45deg,
90
- rgba(255, 255, 255, 0.15) 25%,
91
- transparent 25%,
92
- transparent 50%,
93
- rgba(255, 255, 255, 0.15) 50%,
94
- rgba(255, 255, 255, 0.15) 75%,
95
- transparent 75%,
96
- transparent);
97
- background-image: linear-gradient(45deg,
98
- rgba(255, 255, 255, 0.15) 25%,
99
- transparent 25%,
100
- transparent 50%,
101
- rgba(255, 255, 255, 0.15) 50%,
102
- rgba(255, 255, 255, 0.15) 75%,
103
- transparent 75%,
104
- transparent);
105
- -webkit-background-size: 40px 40px;
106
- background-size: 40px 40px;
107
- }
108
-
109
- .premium-progressbar-active .premium-progressbar-bar {
110
- -webkit-animation: progress-bar-stripes 2s linear infinite;
111
- animation: progress-bar-stripes 2s linear infinite;
112
- }
113
-
114
- .premium-progressbar-gradient .premium-progressbar-bar {
115
- -webkit-background-size: 400% 400% !important;
116
- background-size: 400% 400% !important;
117
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
118
- animation: progress-bar-gradient 10s ease-in-out infinite;
119
- }
120
-
121
- .premium-progressbar-bar {
122
- position: absolute;
123
- overflow: hidden;
124
- line-height: 20px;
125
- }
126
-
127
- .premium-progressbar-container .clearfix {
128
- clear: both;
129
- }
130
-
131
- .premium-progressbar-bar {
132
- -webkit-transition: width 0s ease-in-out !important;
133
- transition: width 0s ease-in-out !important;
134
- }
135
-
136
- .premium-progressbar-container p:first-of-type {
137
- margin: 0;
138
- float: left;
139
- }
140
-
141
- .premium-progressbar-container p:nth-of-type(2) {
142
- margin: 0;
143
- float: right;
144
- }
145
-
146
- .premium-progressbar-name {
147
- right: 50%;
148
- top: 0;
149
- left: 0;
150
- -webkit-transform: translateX(12.5px);
151
- -ms-transform: translateX(12.5px);
152
- transform: translateX(12.5px);
153
- z-index: 1;
154
- }
155
-
156
- .premium-progressbar-multiple-label {
157
- position: relative;
158
- float: right;
159
- width: 0;
160
- right: 50%;
161
- }
162
-
163
- .premium-progressbar-center-label {
164
- position: relative;
165
- white-space: nowrap;
166
- }
167
-
168
- .premium-progressbar-arrow {
169
- height: 15px;
170
- right: 50%;
171
- display: inline-block;
172
- border-right: 7px solid transparent;
173
- border-left: 7px solid transparent;
174
- border-top: 11px solid;
175
- -webkit-transform: translateX(50%);
176
- -ms-transform: translateX(50%);
177
- transform: translateX(50%);
178
- }
179
-
180
- .premium-progressbar-pin {
181
- border-right: 1px solid;
182
- height: 12px;
183
- right: 50%;
184
- display: inline-block;
185
- }
186
-
187
- /**
188
- * Circle Progress Bar
189
- */
190
- .premium-progressbar-circle-wrap,
191
- .premium-progressbar-hf-circle-wrap {
192
- width: 200px;
193
- height: 200px;
194
- position: relative;
195
- margin: 0 auto;
196
- }
197
-
198
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
199
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
200
- position: absolute;
201
- top: 0;
202
- right: 0;
203
- width: 100%;
204
- height: 100%;
205
- -js-display: flex;
206
- display: -webkit-box;
207
- display: -webkit-flex;
208
- display: -moz-box;
209
- display: -ms-flexbox;
210
- display: flex;
211
- -webkit-box-orient: vertical;
212
- -webkit-box-direction: normal;
213
- -webkit-flex-direction: column;
214
- -moz-box-orient: vertical;
215
- -moz-box-direction: normal;
216
- -ms-flex-direction: column;
217
- flex-direction: column;
218
- -webkit-box-pack: center;
219
- -webkit-justify-content: center;
220
- -moz-box-pack: center;
221
- -ms-flex-pack: center;
222
- justify-content: center;
223
- -webkit-box-align: center;
224
- -webkit-align-items: center;
225
- -moz-box-align: center;
226
- -ms-flex-align: center;
227
- align-items: center;
228
- text-align: center;
229
- }
230
-
231
- .premium-progressbar-circle-wrap .premium-lottie-animation,
232
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
233
- line-height: 1;
234
- }
235
-
236
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
237
- position: absolute;
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- -webkit-clip-path: inset(0 0 0 50%);
243
- clip-path: inset(0 0 0 50%);
244
- }
245
-
246
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
247
- position: absolute;
248
- right: 0;
249
- top: 0;
250
- height: 100%;
251
- width: 100%;
252
- border-width: 6px;
253
- border-style: solid;
254
- border-color: #54595f;
255
- -webkit-border-radius: 50%;
256
- border-radius: 50%;
257
- -webkit-clip-path: inset(0 50% 0 0);
258
- clip-path: inset(0 50% 0 0);
259
- }
260
-
261
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
262
- -webkit-transform: rotate(0);
263
- -ms-transform: rotate(0);
264
- transform: rotate(0);
265
- }
266
-
267
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
268
- -webkit-transform: rotate(-180deg);
269
- -ms-transform: rotate(-180deg);
270
- transform: rotate(-180deg);
271
- visibility: hidden;
272
- }
273
-
274
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
275
- width: 100%;
276
- height: 100%;
277
- border: 6px solid #eee;
278
- -webkit-border-radius: 50%;
279
- border-radius: 50%;
280
- }
281
-
282
- .premium-progressbar-circle-wrap .premium-lottie-animation {
283
- line-height: 1;
284
- }
285
-
286
- /**
287
- * Half Circle Progress Bar
288
- */
289
- .premium-progressbar-hf-container {
290
- position: relative;
291
- width: 200px;
292
- height: 200px;
293
- }
294
-
295
- .premium-progressbar-hf-circle-wrap {
296
- overflow: hidden;
297
- }
298
-
299
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
300
- -webkit-box-ordinal-group: 2;
301
- -webkit-order: 1;
302
- -moz-box-ordinal-group: 2;
303
- -ms-flex-order: 1;
304
- order: 1;
305
- }
306
-
307
- .premium-progressbar-hf-circle {
308
- position: absolute;
309
- top: 0;
310
- left: 0;
311
- width: 100%;
312
- height: 100%;
313
- -webkit-clip-path: inset(0 0 50% 0);
314
- clip-path: inset(0 0 50% 0);
315
- }
316
-
317
- .premium-progressbar-hf-circle-progress {
318
- position: absolute;
319
- left: 0;
320
- top: 0;
321
- height: 100%;
322
- width: 100%;
323
- border: 12px solid #000;
324
- -webkit-border-radius: 50%;
325
- border-radius: 50%;
326
- -webkit-clip-path: inset(50% 0 0 0);
327
- clip-path: inset(50% 0 0 0);
328
- -webkit-transform: rotate(0deg);
329
- -ms-transform: rotate(0deg);
330
- transform: rotate(0deg);
331
- -webkit-transition: -webkit-transform 1500ms linear;
332
- transition: -webkit-transform 1500ms linear;
333
- transition: transform 1500ms linear;
334
- transition: transform 1500ms linear, -webkit-transform 1500ms linear;
335
- }
336
-
337
- .premium-progressbar-circle-inner {
338
- height: 100%;
339
- width: 100%;
340
- border: 12px solid #eee;
341
- -webkit-border-radius: 50%;
342
- border-radius: 50%;
343
- }
344
-
345
- .premium-progressbar-hf-labels {
346
- margin: 0 auto;
347
- position: relative;
348
- font-size: 12px;
349
- font-weight: 400;
350
- -js-display: flex;
351
- display: -webkit-box;
352
- display: -webkit-flex;
353
- display: -moz-box;
354
- display: -ms-flexbox;
355
- display: flex;
356
- -webkit-box-pack: justify;
357
- -webkit-justify-content: space-between;
358
- -moz-box-pack: justify;
359
- -ms-flex-pack: justify;
360
- justify-content: space-between;
361
- }
362
-
363
-
364
- @-webkit-keyframes progress-bar-stripes {
365
- from {
366
- background-position: 100% 0;
367
- }
368
-
369
- to {
370
- background-position: 40px 0;
371
- }
372
- }
373
-
374
- @keyframes progress-bar-stripes {
375
- from {
376
- background-position: 100% 0;
377
- }
378
-
379
- to {
380
- background-position: 40px 0;
381
- }
382
- }
383
-
384
- @-webkit-keyframes progress-bar-gradient {
385
- 0% {
386
- background-position: 100% 50%;
387
- }
388
-
389
- 50% {
390
- background-position: 0% 50%;
391
- }
392
-
393
- 100% {
394
- background-position: 100% 50%;
395
- }
396
- }
397
-
398
- @keyframes progress-bar-gradient {
399
- 0% {
400
- background-position: 100% 50%;
401
- }
402
-
403
- 50% {
404
- background-position: 0% 50%;
405
- }
406
-
407
- 100% {
408
- background-position: 100% 50%;
409
- }
410
- }
411
-
412
- @media (max-width: 768px) {
413
- .premium-progressbar-center-label {
414
- -webkit-transform: rotate(-90deg) !important;
415
- -ms-transform: rotate(-90deg) !important;
416
- transform: rotate(-90deg) !important;
417
- -webkit-transform-origin: 0;
418
- -ms-transform-origin: 0;
419
- transform-origin: 0;
420
- }
421
  }
1
+ /**************** Premium Progress Bar ****************/
2
+ /******************************************************/
3
+ .premium-progressbar-container {
4
+ position: relative;
5
+ }
6
+
7
+ .premium-progressbar-bar-wrap {
8
+ position: relative;
9
+ text-align: right;
10
+ overflow: hidden;
11
+ height: 25px;
12
+ margin-bottom: 50px;
13
+ background-color: #f5f5f5;
14
+ -webkit-border-radius: 4px;
15
+ border-radius: 4px;
16
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
17
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
18
+ }
19
+
20
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
21
+ background-color: transparent;
22
+ width: 100%;
23
+ -js-display: flex;
24
+ display: -webkit-box;
25
+ display: -webkit-flex;
26
+ display: -moz-box;
27
+ display: -ms-flexbox;
28
+ display: flex;
29
+ height: auto;
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
32
+ }
33
+
34
+ .premium-progressbar-bar-wrap .progress-segment {
35
+ position: relative;
36
+ width: 25px;
37
+ height: 25px;
38
+ -webkit-border-radius: 50%;
39
+ border-radius: 50%;
40
+ overflow: hidden;
41
+ background-color: #f5f5f5;
42
+ }
43
+
44
+ .premium-progressbar-bar-wrap .progress-segment.filled {
45
+ background: #6ec1e4;
46
+ }
47
+
48
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
49
+ margin: 0 4px;
50
+ }
51
+
52
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
53
+ margin-left: 4px;
54
+ }
55
+
56
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
57
+ margin-right: 4px;
58
+ }
59
+
60
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
61
+ position: absolute;
62
+ top: 0;
63
+ right: 0;
64
+ height: 100%;
65
+ background-color: #6ec1e4;
66
+ }
67
+
68
+ .premium-progressbar-bar {
69
+ float: right;
70
+ width: 0%;
71
+ height: 100%;
72
+ font-size: 12px;
73
+ line-height: 20px;
74
+ background: #6ec1e4;
75
+ text-align: center;
76
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
77
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
78
+ }
79
+
80
+ .premium-progressbar-striped .premium-progressbar-bar {
81
+ background-image: -webkit-linear-gradient(-135deg,
82
+ rgba(255, 255, 255, 0.15) 25%,
83
+ transparent 25%,
84
+ transparent 50%,
85
+ rgba(255, 255, 255, 0.15) 50%,
86
+ rgba(255, 255, 255, 0.15) 75%,
87
+ transparent 75%,
88
+ transparent);
89
+ background-image: -webkit-linear-gradient(45deg,
90
+ rgba(255, 255, 255, 0.15) 25%,
91
+ transparent 25%,
92
+ transparent 50%,
93
+ rgba(255, 255, 255, 0.15) 50%,
94
+ rgba(255, 255, 255, 0.15) 75%,
95
+ transparent 75%,
96
+ transparent);
97
+ background-image: linear-gradient(45deg,
98
+ rgba(255, 255, 255, 0.15) 25%,
99
+ transparent 25%,
100
+ transparent 50%,
101
+ rgba(255, 255, 255, 0.15) 50%,
102
+ rgba(255, 255, 255, 0.15) 75%,
103
+ transparent 75%,
104
+ transparent);
105
+ -webkit-background-size: 40px 40px;
106
+ background-size: 40px 40px;
107
+ }
108
+
109
+ .premium-progressbar-active .premium-progressbar-bar {
110
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
111
+ animation: progress-bar-stripes 2s linear infinite;
112
+ }
113
+
114
+ .premium-progressbar-gradient .premium-progressbar-bar {
115
+ -webkit-background-size: 400% 400% !important;
116
+ background-size: 400% 400% !important;
117
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
118
+ animation: progress-bar-gradient 10s ease-in-out infinite;
119
+ }
120
+
121
+ .premium-progressbar-bar {
122
+ position: absolute;
123
+ overflow: hidden;
124
+ line-height: 20px;
125
+ }
126
+
127
+ .premium-progressbar-container .clearfix {
128
+ clear: both;
129
+ }
130
+
131
+ .premium-progressbar-bar {
132
+ -webkit-transition: width 0s ease-in-out !important;
133
+ transition: width 0s ease-in-out !important;
134
+ }
135
+
136
+ .premium-progressbar-container p:first-of-type {
137
+ margin: 0;
138
+ float: left;
139
+ }
140
+
141
+ .premium-progressbar-container p:nth-of-type(2) {
142
+ margin: 0;
143
+ float: right;
144
+ }
145
+
146
+ .premium-progressbar-name {
147
+ right: 50%;
148
+ top: 0;
149
+ left: 0;
150
+ -webkit-transform: translateX(12.5px);
151
+ -ms-transform: translateX(12.5px);
152
+ transform: translateX(12.5px);
153
+ z-index: 1;
154
+ }
155
+
156
+ .premium-progressbar-multiple-label {
157
+ position: relative;
158
+ float: right;
159
+ width: 0;
160
+ right: 50%;
161
+ }
162
+
163
+ .premium-progressbar-center-label {
164
+ position: relative;
165
+ white-space: nowrap;
166
+ }
167
+
168
+ .premium-progressbar-arrow {
169
+ height: 15px;
170
+ right: 50%;
171
+ display: inline-block;
172
+ border-right: 7px solid transparent;
173
+ border-left: 7px solid transparent;
174
+ border-top: 11px solid;
175
+ -webkit-transform: translateX(50%);
176
+ -ms-transform: translateX(50%);
177
+ transform: translateX(50%);
178
+ }
179
+
180
+ .premium-progressbar-pin {
181
+ border-right: 1px solid;
182
+ height: 12px;
183
+ right: 50%;
184
+ display: inline-block;
185
+ }
186
+
187
+ /**
188
+ * Circle Progress Bar
189
+ */
190
+ .premium-progressbar-circle-wrap,
191
+ .premium-progressbar-hf-circle-wrap {
192
+ width: 200px;
193
+ height: 200px;
194
+ position: relative;
195
+ margin: 0 auto;
196
+ }
197
+
198
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
199
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
200
+ position: absolute;
201
+ top: 0;
202
+ right: 0;
203
+ width: 100%;
204
+ height: 100%;
205
+ -js-display: flex;
206
+ display: -webkit-box;
207
+ display: -webkit-flex;
208
+ display: -moz-box;
209
+ display: -ms-flexbox;
210
+ display: flex;
211
+ -webkit-box-orient: vertical;
212
+ -webkit-box-direction: normal;
213
+ -webkit-flex-direction: column;
214
+ -moz-box-orient: vertical;
215
+ -moz-box-direction: normal;
216
+ -ms-flex-direction: column;
217
+ flex-direction: column;
218
+ -webkit-box-pack: center;
219
+ -webkit-justify-content: center;
220
+ -moz-box-pack: center;
221
+ -ms-flex-pack: center;
222
+ justify-content: center;
223
+ -webkit-box-align: center;
224
+ -webkit-align-items: center;
225
+ -moz-box-align: center;
226
+ -ms-flex-align: center;
227
+ align-items: center;
228
+ text-align: center;
229
+ }
230
+
231
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
232
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
233
+ line-height: 1;
234
+ }
235
+
236
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
237
+ position: absolute;
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ -webkit-clip-path: inset(0 0 0 50%);
243
+ clip-path: inset(0 0 0 50%);
244
+ }
245
+
246
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
247
+ position: absolute;
248
+ right: 0;
249
+ top: 0;
250
+ height: 100%;
251
+ width: 100%;
252
+ border-width: 6px;
253
+ border-style: solid;
254
+ border-color: #54595f;
255
+ -webkit-border-radius: 50%;
256
+ border-radius: 50%;
257
+ -webkit-clip-path: inset(0 50% 0 0);
258
+ clip-path: inset(0 50% 0 0);
259
+ }
260
+
261
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
262
+ -webkit-transform: rotate(0);
263
+ -ms-transform: rotate(0);
264
+ transform: rotate(0);
265
+ }
266
+
267
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
268
+ -webkit-transform: rotate(-180deg);
269
+ -ms-transform: rotate(-180deg);
270
+ transform: rotate(-180deg);
271
+ visibility: hidden;
272
+ }
273
+
274
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
275
+ width: 100%;
276
+ height: 100%;
277
+ border: 6px solid #eee;
278
+ -webkit-border-radius: 50%;
279
+ border-radius: 50%;
280
+ }
281
+
282
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
283
+ line-height: 1;
284
+ }
285
+
286
+ /**
287
+ * Half Circle Progress Bar
288
+ */
289
+ .premium-progressbar-hf-container {
290
+ position: relative;
291
+ width: 200px;
292
+ height: 200px;
293
+ }
294
+
295
+ .premium-progressbar-hf-circle-wrap {
296
+ overflow: hidden;
297
+ }
298
+
299
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
300
+ -webkit-box-ordinal-group: 2;
301
+ -webkit-order: 1;
302
+ -moz-box-ordinal-group: 2;
303
+ -ms-flex-order: 1;
304
+ order: 1;
305
+ }
306
+
307
+ .premium-progressbar-hf-circle {
308
+ position: absolute;
309
+ top: 0;
310
+ left: 0;
311
+ width: 100%;
312
+ height: 100%;
313
+ -webkit-clip-path: inset(0 0 50% 0);
314
+ clip-path: inset(0 0 50% 0);
315
+ }
316
+
317
+ .premium-progressbar-hf-circle-progress {
318
+ position: absolute;
319
+ left: 0;
320
+ top: 0;
321
+ height: 100%;
322
+ width: 100%;
323
+ border: 12px solid #000;
324
+ -webkit-border-radius: 50%;
325
+ border-radius: 50%;
326
+ -webkit-clip-path: inset(50% 0 0 0);
327
+ clip-path: inset(50% 0 0 0);
328
+ -webkit-transform: rotate(0deg);
329
+ -ms-transform: rotate(0deg);
330
+ transform: rotate(0deg);
331
+ -webkit-transition: -webkit-transform 1500ms linear;
332
+ transition: -webkit-transform 1500ms linear;
333
+ transition: transform 1500ms linear;
334
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear;
335
+ }
336
+
337
+ .premium-progressbar-circle-inner {
338
+ height: 100%;
339
+ width: 100%;
340
+ border: 12px solid #eee;
341
+ -webkit-border-radius: 50%;
342
+ border-radius: 50%;
343
+ }
344
+
345
+ .premium-progressbar-hf-labels {
346
+ margin: 0 auto;
347
+ position: relative;
348
+ font-size: 12px;
349
+ font-weight: 400;
350
+ -js-display: flex;
351
+ display: -webkit-box;
352
+ display: -webkit-flex;
353
+ display: -moz-box;
354
+ display: -ms-flexbox;
355
+ display: flex;
356
+ -webkit-box-pack: justify;
357
+ -webkit-justify-content: space-between;
358
+ -moz-box-pack: justify;
359
+ -ms-flex-pack: justify;
360
+ justify-content: space-between;
361
+ }
362
+
363
+
364
+ @-webkit-keyframes progress-bar-stripes {
365
+ from {
366
+ background-position: 100% 0;
367
+ }
368
+
369
+ to {
370
+ background-position: 40px 0;
371
+ }
372
+ }
373
+
374
+ @keyframes progress-bar-stripes {
375
+ from {
376
+ background-position: 100% 0;
377
+ }
378
+
379
+ to {
380
+ background-position: 40px 0;
381
+ }
382
+ }
383
+
384
+ @-webkit-keyframes progress-bar-gradient {
385
+ 0% {
386
+ background-position: 100% 50%;
387
+ }
388
+
389
+ 50% {
390
+ background-position: 0% 50%;
391
+ }
392
+
393
+ 100% {
394
+ background-position: 100% 50%;
395
+ }
396
+ }
397
+
398
+ @keyframes progress-bar-gradient {
399
+ 0% {
400
+ background-position: 100% 50%;
401
+ }
402
+
403
+ 50% {
404
+ background-position: 0% 50%;
405
+ }
406
+
407
+ 100% {
408
+ background-position: 100% 50%;
409
+ }
410
+ }
411
+
412
+ @media (max-width: 768px) {
413
+ .premium-progressbar-center-label {
414
+ -webkit-transform: rotate(-90deg) !important;
415
+ -ms-transform: rotate(-90deg) !important;
416
+ transform: rotate(-90deg) !important;
417
+ -webkit-transform-origin: 0;
418
+ -ms-transform-origin: 0;
419
+ transform-origin: 0;
420
+ }
421
  }
assets/frontend/css/premium-progressbar.css CHANGED
@@ -1,321 +1,321 @@
1
- /**************** Premium Progress Bar ****************/
2
- /******************************************************/
3
- .premium-progressbar-container {
4
- position: relative; }
5
-
6
- .premium-progressbar-bar-wrap {
7
- position: relative;
8
- text-align: left;
9
- overflow: hidden;
10
- height: 25px;
11
- margin-bottom: 50px;
12
- background-color: #f5f5f5;
13
- -webkit-border-radius: 4px;
14
- border-radius: 4px;
15
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
16
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
17
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
18
- background-color: transparent;
19
- width: 100%;
20
- -js-display: flex;
21
- display: -webkit-box;
22
- display: -webkit-flex;
23
- display: -moz-box;
24
- display: -ms-flexbox;
25
- display: flex;
26
- height: auto;
27
- -webkit-box-shadow: none;
28
- box-shadow: none; }
29
- .premium-progressbar-bar-wrap .progress-segment {
30
- position: relative;
31
- width: 25px;
32
- height: 25px;
33
- -webkit-border-radius: 50%;
34
- border-radius: 50%;
35
- overflow: hidden;
36
- background-color: #f5f5f5; }
37
- .premium-progressbar-bar-wrap .progress-segment.filled {
38
- background: #6ec1e4; }
39
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
40
- margin: 0 4px; }
41
- .premium-progressbar-bar-wrap .progress-segment:first-child {
42
- margin-right: 4px; }
43
- .premium-progressbar-bar-wrap .progress-segment:last-child {
44
- margin-left: 4px; }
45
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
46
- position: absolute;
47
- top: 0;
48
- left: 0;
49
- height: 100%;
50
- background-color: #6ec1e4; }
51
-
52
- .premium-progressbar-bar {
53
- float: left;
54
- width: 0%;
55
- height: 100%;
56
- font-size: 12px;
57
- line-height: 20px;
58
- background: #6ec1e4;
59
- text-align: center;
60
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
61
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
62
-
63
- .premium-progressbar-striped .premium-progressbar-bar {
64
- 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);
65
- 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);
66
- -webkit-background-size: 40px 40px;
67
- background-size: 40px 40px; }
68
-
69
- .premium-progressbar-active .premium-progressbar-bar {
70
- -webkit-animation: progress-bar-stripes 2s linear infinite;
71
- animation: progress-bar-stripes 2s linear infinite; }
72
-
73
- .premium-progressbar-gradient .premium-progressbar-bar {
74
- -webkit-background-size: 400% 400% !important;
75
- background-size: 400% 400% !important;
76
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
77
- animation: progress-bar-gradient 10s ease-in-out infinite; }
78
-
79
- .premium-progressbar-bar {
80
- position: absolute;
81
- overflow: hidden;
82
- line-height: 20px; }
83
-
84
- .premium-progressbar-container .clearfix {
85
- clear: both; }
86
-
87
- .premium-progressbar-bar {
88
- -webkit-transition: width 0s ease-in-out !important;
89
- transition: width 0s ease-in-out !important; }
90
-
91
- .premium-progressbar-container p:first-of-type {
92
- margin: 0;
93
- float: left; }
94
-
95
- .premium-progressbar-container p:nth-of-type(2) {
96
- margin: 0;
97
- float: right; }
98
-
99
- .premium-progressbar-name {
100
- left: 50%;
101
- top: 0;
102
- right: 0;
103
- -webkit-transform: translateX(-12.5px);
104
- -ms-transform: translateX(-12.5px);
105
- transform: translateX(-12.5px);
106
- z-index: 1; }
107
-
108
- .premium-progressbar-multiple-label {
109
- position: relative;
110
- float: left;
111
- width: 0;
112
- left: 50%; }
113
-
114
- .premium-progressbar-center-label {
115
- position: relative;
116
- white-space: nowrap; }
117
-
118
- .premium-progressbar-arrow {
119
- height: 15px;
120
- left: 50%;
121
- display: inline-block;
122
- border-left: 7px solid transparent;
123
- border-right: 7px solid transparent;
124
- border-top: 11px solid;
125
- -webkit-transform: translateX(-50%);
126
- -ms-transform: translateX(-50%);
127
- transform: translateX(-50%); }
128
-
129
- .premium-progressbar-pin {
130
- border-left: 1px solid;
131
- height: 12px;
132
- left: 50%;
133
- display: inline-block; }
134
-
135
- /**
136
- * Circle Progress Bar
137
- */
138
- .premium-progressbar-circle-wrap,
139
- .premium-progressbar-hf-circle-wrap {
140
- width: 200px;
141
- height: 200px;
142
- position: relative;
143
- margin: 0 auto; }
144
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
145
- .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
146
- position: absolute;
147
- top: 0;
148
- left: 0;
149
- width: 100%;
150
- height: 100%;
151
- -js-display: flex;
152
- display: -webkit-box;
153
- display: -webkit-flex;
154
- display: -moz-box;
155
- display: -ms-flexbox;
156
- display: flex;
157
- -webkit-box-orient: vertical;
158
- -webkit-box-direction: normal;
159
- -webkit-flex-direction: column;
160
- -moz-box-orient: vertical;
161
- -moz-box-direction: normal;
162
- -ms-flex-direction: column;
163
- flex-direction: column;
164
- -webkit-box-pack: center;
165
- -webkit-justify-content: center;
166
- -moz-box-pack: center;
167
- -ms-flex-pack: center;
168
- justify-content: center;
169
- -webkit-box-align: center;
170
- -webkit-align-items: center;
171
- -moz-box-align: center;
172
- -ms-flex-align: center;
173
- align-items: center;
174
- text-align: center; }
175
- .premium-progressbar-circle-wrap .premium-lottie-animation,
176
- .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
177
- line-height: 1; }
178
-
179
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
180
- position: absolute;
181
- top: 0;
182
- left: 0;
183
- width: 100%;
184
- height: 100%;
185
- -webkit-clip-path: inset(0 0 0 50%);
186
- clip-path: inset(0 0 0 50%); }
187
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
188
- position: absolute;
189
- left: 0;
190
- top: 0;
191
- height: 100%;
192
- width: 100%;
193
- border-width: 6px;
194
- border-style: solid;
195
- border-color: #54595f;
196
- -webkit-border-radius: 50%;
197
- border-radius: 50%;
198
- -webkit-clip-path: inset(0 50% 0 0);
199
- clip-path: inset(0 50% 0 0); }
200
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
201
- -webkit-transform: rotate(0);
202
- -ms-transform: rotate(0);
203
- transform: rotate(0); }
204
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
205
- -webkit-transform: rotate(180deg);
206
- -ms-transform: rotate(180deg);
207
- transform: rotate(180deg);
208
- visibility: hidden; }
209
-
210
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
211
- width: 100%;
212
- height: 100%;
213
- border: 6px solid #eee;
214
- -webkit-border-radius: 50%;
215
- border-radius: 50%; }
216
-
217
- /**
218
- * Half Circle Progress Bar
219
- */
220
- .premium-progressbar-hf-container {
221
- position: relative;
222
- width: 200px;
223
- height: 200px; }
224
-
225
- .premium-progressbar-hf-circle-wrap {
226
- overflow: hidden; }
227
- .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
228
- -webkit-box-ordinal-group: 2;
229
- -webkit-order: 1;
230
- -moz-box-ordinal-group: 2;
231
- -ms-flex-order: 1;
232
- order: 1; }
233
-
234
- .premium-progressbar-hf-circle {
235
- position: absolute;
236
- top: 0;
237
- left: 0;
238
- width: 100%;
239
- height: 100%;
240
- -webkit-clip-path: inset(0 0 50% 0);
241
- clip-path: inset(0 0 50% 0); }
242
-
243
- .premium-progressbar-hf-circle-progress {
244
- position: absolute;
245
- left: 0;
246
- top: 0;
247
- height: 100%;
248
- width: 100%;
249
- border: 12px solid #000;
250
- -webkit-border-radius: 50%;
251
- border-radius: 50%;
252
- -webkit-clip-path: inset(50% 0 0 0);
253
- clip-path: inset(50% 0 0 0);
254
- -webkit-transform: rotate(0deg);
255
- -ms-transform: rotate(0deg);
256
- transform: rotate(0deg);
257
- -webkit-transition: -webkit-transform 1500ms linear;
258
- transition: -webkit-transform 1500ms linear;
259
- transition: transform 1500ms linear;
260
- transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
261
-
262
- .premium-progressbar-circle-inner {
263
- height: 100%;
264
- width: 100%;
265
- border: 12px solid #eee;
266
- -webkit-border-radius: 50%;
267
- border-radius: 50%; }
268
-
269
- .premium-progressbar-hf-labels {
270
- margin: 0 auto;
271
- position: relative;
272
- font-size: 12px;
273
- font-weight: 400;
274
- -js-display: flex;
275
- display: -webkit-box;
276
- display: -webkit-flex;
277
- display: -moz-box;
278
- display: -ms-flexbox;
279
- display: flex;
280
- -webkit-box-pack: justify;
281
- -webkit-justify-content: space-between;
282
- -moz-box-pack: justify;
283
- -ms-flex-pack: justify;
284
- justify-content: space-between; }
285
-
286
- @-webkit-keyframes progress-bar-stripes {
287
- from {
288
- background-position: 0 0; }
289
- to {
290
- background-position: 40px 0; } }
291
-
292
- @keyframes progress-bar-stripes {
293
- from {
294
- background-position: 0 0; }
295
- to {
296
- background-position: 40px 0; } }
297
-
298
- @-webkit-keyframes progress-bar-gradient {
299
- 0% {
300
- background-position: 0% 50%; }
301
- 50% {
302
- background-position: 100% 50%; }
303
- 100% {
304
- background-position: 0% 50%; } }
305
-
306
- @keyframes progress-bar-gradient {
307
- 0% {
308
- background-position: 0% 50%; }
309
- 50% {
310
- background-position: 100% 50%; }
311
- 100% {
312
- background-position: 0% 50%; } }
313
-
314
- @media (max-width: 768px) {
315
- .premium-progressbar-center-label {
316
- -webkit-transform: rotate(-90deg) !important;
317
- -ms-transform: rotate(-90deg) !important;
318
- transform: rotate(-90deg) !important;
319
- -webkit-transform-origin: 0;
320
- -ms-transform-origin: 0;
321
- transform-origin: 0; } }
1
+ /**************** Premium Progress Bar ****************/
2
+ /******************************************************/
3
+ .premium-progressbar-container {
4
+ position: relative; }
5
+
6
+ .premium-progressbar-bar-wrap {
7
+ position: relative;
8
+ text-align: left;
9
+ overflow: hidden;
10
+ height: 25px;
11
+ margin-bottom: 50px;
12
+ background-color: #f5f5f5;
13
+ -webkit-border-radius: 4px;
14
+ border-radius: 4px;
15
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
16
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
17
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
18
+ background-color: transparent;
19
+ width: 100%;
20
+ -js-display: flex;
21
+ display: -webkit-box;
22
+ display: -webkit-flex;
23
+ display: -moz-box;
24
+ display: -ms-flexbox;
25
+ display: flex;
26
+ height: auto;
27
+ -webkit-box-shadow: none;
28
+ box-shadow: none; }
29
+ .premium-progressbar-bar-wrap .progress-segment {
30
+ position: relative;
31
+ width: 25px;
32
+ height: 25px;
33
+ -webkit-border-radius: 50%;
34
+ border-radius: 50%;
35
+ overflow: hidden;
36
+ background-color: #f5f5f5; }
37
+ .premium-progressbar-bar-wrap .progress-segment.filled {
38
+ background: #6ec1e4; }
39
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
40
+ margin: 0 4px; }
41
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
42
+ margin-right: 4px; }
43
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
44
+ margin-left: 4px; }
45
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
46
+ position: absolute;
47
+ top: 0;
48
+ left: 0;
49
+ height: 100%;
50
+ background-color: #6ec1e4; }
51
+
52
+ .premium-progressbar-bar {
53
+ float: left;
54
+ width: 0%;
55
+ height: 100%;
56
+ font-size: 12px;
57
+ line-height: 20px;
58
+ background: #6ec1e4;
59
+ text-align: center;
60
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
61
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
62
+
63
+ .premium-progressbar-striped .premium-progressbar-bar {
64
+ 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);
65
+ 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);
66
+ -webkit-background-size: 40px 40px;
67
+ background-size: 40px 40px; }
68
+
69
+ .premium-progressbar-active .premium-progressbar-bar {
70
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
71
+ animation: progress-bar-stripes 2s linear infinite; }
72
+
73
+ .premium-progressbar-gradient .premium-progressbar-bar {
74
+ -webkit-background-size: 400% 400% !important;
75
+ background-size: 400% 400% !important;
76
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
77
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
78
+
79
+ .premium-progressbar-bar {
80
+ position: absolute;
81
+ overflow: hidden;
82
+ line-height: 20px; }
83
+
84
+ .premium-progressbar-container .clearfix {
85
+ clear: both; }
86
+
87
+ .premium-progressbar-bar {
88
+ -webkit-transition: width 0s ease-in-out !important;
89
+ transition: width 0s ease-in-out !important; }
90
+
91
+ .premium-progressbar-container p:first-of-type {
92
+ margin: 0;
93
+ float: left; }
94
+
95
+ .premium-progressbar-container p:nth-of-type(2) {
96
+ margin: 0;
97
+ float: right; }
98
+
99
+ .premium-progressbar-name {
100
+ left: 50%;
101
+ top: 0;
102
+ right: 0;
103
+ -webkit-transform: translateX(-12.5px);
104
+ -ms-transform: translateX(-12.5px);
105
+ transform: translateX(-12.5px);
106
+ z-index: 1; }
107
+
108
+ .premium-progressbar-multiple-label {
109
+ position: relative;
110
+ float: left;
111
+ width: 0;
112
+ left: 50%; }
113
+
114
+ .premium-progressbar-center-label {
115
+ position: relative;
116
+ white-space: nowrap; }
117
+
118
+ .premium-progressbar-arrow {
119
+ height: 15px;
120
+ left: 50%;
121
+ display: inline-block;
122
+ border-left: 7px solid transparent;
123
+ border-right: 7px solid transparent;
124
+ border-top: 11px solid;
125
+ -webkit-transform: translateX(-50%);
126
+ -ms-transform: translateX(-50%);
127
+ transform: translateX(-50%); }
128
+
129
+ .premium-progressbar-pin {
130
+ border-left: 1px solid;
131
+ height: 12px;
132
+ left: 50%;
133
+ display: inline-block; }
134
+
135
+ /**
136
+ * Circle Progress Bar
137
+ */
138
+ .premium-progressbar-circle-wrap,
139
+ .premium-progressbar-hf-circle-wrap {
140
+ width: 200px;
141
+ height: 200px;
142
+ position: relative;
143
+ margin: 0 auto; }
144
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content,
145
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content {
146
+ position: absolute;
147
+ top: 0;
148
+ left: 0;
149
+ width: 100%;
150
+ height: 100%;
151
+ -js-display: flex;
152
+ display: -webkit-box;
153
+ display: -webkit-flex;
154
+ display: -moz-box;
155
+ display: -ms-flexbox;
156
+ display: flex;
157
+ -webkit-box-orient: vertical;
158
+ -webkit-box-direction: normal;
159
+ -webkit-flex-direction: column;
160
+ -moz-box-orient: vertical;
161
+ -moz-box-direction: normal;
162
+ -ms-flex-direction: column;
163
+ flex-direction: column;
164
+ -webkit-box-pack: center;
165
+ -webkit-justify-content: center;
166
+ -moz-box-pack: center;
167
+ -ms-flex-pack: center;
168
+ justify-content: center;
169
+ -webkit-box-align: center;
170
+ -webkit-align-items: center;
171
+ -moz-box-align: center;
172
+ -ms-flex-align: center;
173
+ align-items: center;
174
+ text-align: center; }
175
+ .premium-progressbar-circle-wrap .premium-lottie-animation,
176
+ .premium-progressbar-hf-circle-wrap .premium-lottie-animation {
177
+ line-height: 1; }
178
+
179
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
180
+ position: absolute;
181
+ top: 0;
182
+ left: 0;
183
+ width: 100%;
184
+ height: 100%;
185
+ -webkit-clip-path: inset(0 0 0 50%);
186
+ clip-path: inset(0 0 0 50%); }
187
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
188
+ position: absolute;
189
+ left: 0;
190
+ top: 0;
191
+ height: 100%;
192
+ width: 100%;
193
+ border-width: 6px;
194
+ border-style: solid;
195
+ border-color: #54595f;
196
+ -webkit-border-radius: 50%;
197
+ border-radius: 50%;
198
+ -webkit-clip-path: inset(0 50% 0 0);
199
+ clip-path: inset(0 50% 0 0); }
200
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
201
+ -webkit-transform: rotate(0);
202
+ -ms-transform: rotate(0);
203
+ transform: rotate(0); }
204
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
205
+ -webkit-transform: rotate(180deg);
206
+ -ms-transform: rotate(180deg);
207
+ transform: rotate(180deg);
208
+ visibility: hidden; }
209
+
210
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
211
+ width: 100%;
212
+ height: 100%;
213
+ border: 6px solid #eee;
214
+ -webkit-border-radius: 50%;
215
+ border-radius: 50%; }
216
+
217
+ /**
218
+ * Half Circle Progress Bar
219
+ */
220
+ .premium-progressbar-hf-container {
221
+ position: relative;
222
+ width: 200px;
223
+ height: 200px; }
224
+
225
+ .premium-progressbar-hf-circle-wrap {
226
+ overflow: hidden; }
227
+ .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label {
228
+ -webkit-box-ordinal-group: 2;
229
+ -webkit-order: 1;
230
+ -moz-box-ordinal-group: 2;
231
+ -ms-flex-order: 1;
232
+ order: 1; }
233
+
234
+ .premium-progressbar-hf-circle {
235
+ position: absolute;
236
+ top: 0;
237
+ left: 0;
238
+ width: 100%;
239
+ height: 100%;
240
+ -webkit-clip-path: inset(0 0 50% 0);
241
+ clip-path: inset(0 0 50% 0); }
242
+
243
+ .premium-progressbar-hf-circle-progress {
244
+ position: absolute;
245
+ left: 0;
246
+ top: 0;
247
+ height: 100%;
248
+ width: 100%;
249
+ border: 12px solid #000;
250
+ -webkit-border-radius: 50%;
251
+ border-radius: 50%;
252
+ -webkit-clip-path: inset(50% 0 0 0);
253
+ clip-path: inset(50% 0 0 0);
254
+ -webkit-transform: rotate(0deg);
255
+ -ms-transform: rotate(0deg);
256
+ transform: rotate(0deg);
257
+ -webkit-transition: -webkit-transform 1500ms linear;
258
+ transition: -webkit-transform 1500ms linear;
259
+ transition: transform 1500ms linear;
260
+ transition: transform 1500ms linear, -webkit-transform 1500ms linear; }
261
+
262
+ .premium-progressbar-circle-inner {
263
+ height: 100%;
264
+ width: 100%;
265
+ border: 12px solid #eee;
266
+ -webkit-border-radius: 50%;
267
+ border-radius: 50%; }
268
+
269
+ .premium-progressbar-hf-labels {
270
+ margin: 0 auto;
271
+ position: relative;
272
+ font-size: 12px;
273
+ font-weight: 400;
274
+ -js-display: flex;
275
+ display: -webkit-box;
276
+ display: -webkit-flex;
277
+ display: -moz-box;
278
+ display: -ms-flexbox;
279
+ display: flex;
280
+ -webkit-box-pack: justify;
281
+ -webkit-justify-content: space-between;
282
+ -moz-box-pack: justify;
283
+ -ms-flex-pack: justify;
284
+ justify-content: space-between; }
285
+
286
+ @-webkit-keyframes progress-bar-stripes {
287
+ from {
288
+ background-position: 0 0; }
289
+ to {
290
+ background-position: 40px 0; } }
291
+
292
+ @keyframes progress-bar-stripes {
293
+ from {
294
+ background-position: 0 0; }
295
+ to {
296
+ background-position: 40px 0; } }
297
+
298
+ @-webkit-keyframes progress-bar-gradient {
299
+ 0% {
300
+ background-position: 0% 50%; }
301
+ 50% {
302
+ background-position: 100% 50%; }
303
+ 100% {
304
+ background-position: 0% 50%; } }
305
+
306
+ @keyframes progress-bar-gradient {
307
+ 0% {
308
+ background-position: 0% 50%; }
309
+ 50% {
310
+ background-position: 100% 50%; }
311
+ 100% {
312
+ background-position: 0% 50%; } }
313
+
314
+ @media (max-width: 768px) {
315
+ .premium-progressbar-center-label {
316
+ -webkit-transform: rotate(-90deg) !important;
317
+ -ms-transform: rotate(-90deg) !important;
318
+ transform: rotate(-90deg) !important;
319
+ -webkit-transform-origin: 0;
320
+ -ms-transform-origin: 0;
321
+ transform-origin: 0; } }
assets/frontend/css/premium-title-rtl.css CHANGED
@@ -1,254 +1,254 @@
1
- /**************** Premium Title ****************/
2
- /***********************************************/
3
- .premium-title-container .premium-title-header {
4
- position: relative;
5
- margin: 0;
6
- padding: 10px;
7
- }
8
-
9
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
10
- -webkit-box-align: center;
11
- -webkit-align-items: center;
12
- -moz-box-align: center;
13
- -ms-flex-align: center;
14
- align-items: center;
15
- }
16
-
17
- .premium-title-container .premium-title-header svg {
18
- width: 40px;
19
- height: 40px;
20
- }
21
-
22
- .premium-title-container .premium-title-header img {
23
- width: 40px;
24
- height: 40px;
25
- -o-object-fit: cover;
26
- object-fit: cover;
27
- }
28
-
29
- .premium-title-container .premium-title-header a {
30
- position: absolute;
31
- top: 0;
32
- right: 0;
33
- width: 100%;
34
- height: 100%;
35
- }
36
-
37
- .premium-title-container .premium-lottie-animation {
38
- -js-display: flex;
39
- display: -webkit-box;
40
- display: -webkit-flex;
41
- display: -moz-box;
42
- display: -ms-flexbox;
43
- display: flex;
44
- }
45
-
46
- .premium-title-icon-row .premium-title-icon {
47
- margin-left: 10px;
48
- }
49
-
50
- .premium-title-icon-row-reverse .premium-title-icon {
51
- margin-right: 10px;
52
- }
53
-
54
- .premium-title-style3,
55
- .premium-title-style4 {
56
- -js-display: flex;
57
- display: -webkit-box;
58
- display: -webkit-flex;
59
- display: -moz-box;
60
- display: -ms-flexbox;
61
- display: flex;
62
- }
63
-
64
- .premium-title-style1,
65
- .premium-title-style2,
66
- .premium-title-style5,
67
- .premium-title-style6,
68
- .premium-title-style8,
69
- .premium-title-style9 {
70
- -js-display: inline-flex;
71
- display: -webkit-inline-box;
72
- display: -webkit-inline-flex;
73
- display: -moz-inline-box;
74
- display: -ms-inline-flexbox;
75
- display: inline-flex;
76
- }
77
-
78
- .premium-title-style7 {
79
- -js-display: inline-flex;
80
- display: -webkit-inline-box;
81
- display: -webkit-inline-flex;
82
- display: -moz-inline-box;
83
- display: -ms-inline-flexbox;
84
- display: inline-flex;
85
- -webkit-box-orient: vertical;
86
- -webkit-box-direction: normal;
87
- -webkit-flex-direction: column;
88
- -moz-box-orient: vertical;
89
- -moz-box-direction: normal;
90
- -ms-flex-direction: column;
91
- flex-direction: column;
92
- }
93
-
94
- .premium-title-style7 .premium-title-style7-inner {
95
- -js-display: flex;
96
- display: -webkit-box;
97
- display: -webkit-flex;
98
- display: -moz-box;
99
- display: -ms-flexbox;
100
- display: flex;
101
- -webkit-box-align: center;
102
- -webkit-align-items: center;
103
- -moz-box-align: center;
104
- -ms-flex-align: center;
105
- align-items: center;
106
- }
107
-
108
- .premium-title-style1 {
109
- border-width: 0;
110
- border-right: 3px solid #6ec1e4;
111
- }
112
-
113
- .premium-title-container.style2,
114
- .premium-title-container.style4,
115
- .premium-title-container.style5,
116
- .premium-title-container.style6 {
117
- border-bottom: 3px solid #6ec1e4;
118
- }
119
-
120
- /*Style 6 Header*/
121
- .premium-title-style6:before {
122
- position: absolute;
123
- right: 50%;
124
- bottom: 0;
125
- margin-right: -2px;
126
- content: "";
127
- border: 3px solid transparent;
128
- }
129
-
130
- /*Style 6 Trinagle*/
131
- .premium-title-style7-stripe-wrap {
132
- -js-display: flex;
133
- display: -webkit-box;
134
- display: -webkit-flex;
135
- display: -moz-box;
136
- display: -ms-flexbox;
137
- display: flex;
138
- }
139
-
140
- .premium-title-style7:before {
141
- display: none;
142
- }
143
-
144
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
145
- -webkit-background-size: 125px 125px !important;
146
- background-size: 125px !important;
147
- color: rgba(255, 255, 255, 0);
148
- -webkit-background-clip: text !important;
149
- background-clip: text !important;
150
- -webkit-animation-name: pa-shinny-text !important;
151
- animation-name: pa-shinny-text !important;
152
- -webkit-animation-duration: var(--animation-speed) !important;
153
- animation-duration: var(--animation-speed) !important;
154
- -webkit-animation-iteration-count: infinite !important;
155
- animation-iteration-count: infinite !important;
156
- background: var(--base-color) -webkit-gradient(linear,
157
- left top,
158
- right top,
159
- from(var(--base-color)),
160
- to(var(--base-color)),
161
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
162
- }
163
-
164
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
165
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
166
- animation: pa-blur-shadow 2s 1 alternate;
167
- }
168
-
169
- .premium-title-gradient-yes .premium-title-text,
170
- .premium-title-gradient-yes .premium-title-icon {
171
- -webkit-background-clip: text;
172
- -webkit-text-fill-color: transparent;
173
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
174
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
175
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
176
- -webkit-animation: pa-text-gradient 8s infinite;
177
- animation: pa-text-gradient 8s infinite;
178
- }
179
-
180
- .premium-title-clipped .premium-title-header {
181
- -webkit-text-fill-color: transparent;
182
- -webkit-background-clip: text;
183
- background-clip: text;
184
- }
185
-
186
- @-webkit-keyframes pa-shinny-text {
187
- 0% {
188
- background-position: 100%;
189
- }
190
-
191
- 100% {
192
- background-position: -100%;
193
- }
194
- }
195
-
196
- @keyframes pa-shinny-text {
197
- 0% {
198
- background-position: 100%;
199
- }
200
-
201
- 100% {
202
- background-position: -100%;
203
- }
204
- }
205
-
206
- @-webkit-keyframes pa-blur-shadow {
207
- from {
208
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
209
- color: transparent;
210
- }
211
-
212
- to {
213
- text-shadow: 0;
214
- }
215
- }
216
-
217
- @keyframes pa-blur-shadow {
218
- from {
219
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
220
- color: transparent;
221
- }
222
-
223
- to {
224
- text-shadow: 0;
225
- }
226
- }
227
-
228
- @-webkit-keyframes pa-text-gradient {
229
-
230
- 0%,
231
- 100% {
232
- -webkit-filter: hue-rotate(0deg);
233
- filter: hue-rotate(0deg);
234
- }
235
-
236
- 50% {
237
- -webkit-filter: hue-rotate(360deg);
238
- filter: hue-rotate(360deg);
239
- }
240
- }
241
-
242
- @keyframes pa-text-gradient {
243
-
244
- 0%,
245
- 100% {
246
- -webkit-filter: hue-rotate(0deg);
247
- filter: hue-rotate(0deg);
248
- }
249
-
250
- 50% {
251
- -webkit-filter: hue-rotate(360deg);
252
- filter: hue-rotate(360deg);
253
- }
254
  }
1
+ /**************** Premium Title ****************/
2
+ /***********************************************/
3
+ .premium-title-container .premium-title-header {
4
+ position: relative;
5
+ margin: 0;
6
+ padding: 10px;
7
+ }
8
+
9
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
10
+ -webkit-box-align: center;
11
+ -webkit-align-items: center;
12
+ -moz-box-align: center;
13
+ -ms-flex-align: center;
14
+ align-items: center;
15
+ }
16
+
17
+ .premium-title-container .premium-title-header svg {
18
+ width: 40px;
19
+ height: 40px;
20
+ }
21
+
22
+ .premium-title-container .premium-title-header img {
23
+ width: 40px;
24
+ height: 40px;
25
+ -o-object-fit: cover;
26
+ object-fit: cover;
27
+ }
28
+
29
+ .premium-title-container .premium-title-header a {
30
+ position: absolute;
31
+ top: 0;
32
+ right: 0;
33
+ width: 100%;
34
+ height: 100%;
35
+ }
36
+
37
+ .premium-title-container .premium-lottie-animation {
38
+ -js-display: flex;
39
+ display: -webkit-box;
40
+ display: -webkit-flex;
41
+ display: -moz-box;
42
+ display: -ms-flexbox;
43
+ display: flex;
44
+ }
45
+
46
+ .premium-title-icon-row .premium-title-icon {
47
+ margin-left: 10px;
48
+ }
49
+
50
+ .premium-title-icon-row-reverse .premium-title-icon {
51
+ margin-right: 10px;
52
+ }
53
+
54
+ .premium-title-style3,
55
+ .premium-title-style4 {
56
+ -js-display: flex;
57
+ display: -webkit-box;
58
+ display: -webkit-flex;
59
+ display: -moz-box;
60
+ display: -ms-flexbox;
61
+ display: flex;
62
+ }
63
+
64
+ .premium-title-style1,
65
+ .premium-title-style2,
66
+ .premium-title-style5,
67
+ .premium-title-style6,
68
+ .premium-title-style8,
69
+ .premium-title-style9 {
70
+ -js-display: inline-flex;
71
+ display: -webkit-inline-box;
72
+ display: -webkit-inline-flex;
73
+ display: -moz-inline-box;
74
+ display: -ms-inline-flexbox;
75
+ display: inline-flex;
76
+ }
77
+
78
+ .premium-title-style7 {
79
+ -js-display: inline-flex;
80
+ display: -webkit-inline-box;
81
+ display: -webkit-inline-flex;
82
+ display: -moz-inline-box;
83
+ display: -ms-inline-flexbox;
84
+ display: inline-flex;
85
+ -webkit-box-orient: vertical;
86
+ -webkit-box-direction: normal;
87
+ -webkit-flex-direction: column;
88
+ -moz-box-orient: vertical;
89
+ -moz-box-direction: normal;
90
+ -ms-flex-direction: column;
91
+ flex-direction: column;
92
+ }
93
+
94
+ .premium-title-style7 .premium-title-style7-inner {
95
+ -js-display: flex;
96
+ display: -webkit-box;
97
+ display: -webkit-flex;
98
+ display: -moz-box;
99
+ display: -ms-flexbox;
100
+ display: flex;
101
+ -webkit-box-align: center;
102
+ -webkit-align-items: center;
103
+ -moz-box-align: center;
104
+ -ms-flex-align: center;
105
+ align-items: center;
106
+ }
107
+
108
+ .premium-title-style1 {
109
+ border-width: 0;
110
+ border-right: 3px solid #6ec1e4;
111
+ }
112
+
113
+ .premium-title-container.style2,
114
+ .premium-title-container.style4,
115
+ .premium-title-container.style5,
116
+ .premium-title-container.style6 {
117
+ border-bottom: 3px solid #6ec1e4;
118
+ }
119
+
120
+ /*Style 6 Header*/
121
+ .premium-title-style6:before {
122
+ position: absolute;
123
+ right: 50%;
124
+ bottom: 0;
125
+ margin-right: -2px;
126
+ content: "";
127
+ border: 3px solid transparent;
128
+ }
129
+
130
+ /*Style 6 Trinagle*/
131
+ .premium-title-style7-stripe-wrap {
132
+ -js-display: flex;
133
+ display: -webkit-box;
134
+ display: -webkit-flex;
135
+ display: -moz-box;
136
+ display: -ms-flexbox;
137
+ display: flex;
138
+ }
139
+
140
+ .premium-title-style7:before {
141
+ display: none;
142
+ }
143
+
144
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
145
+ -webkit-background-size: 125px 125px !important;
146
+ background-size: 125px !important;
147
+ color: rgba(255, 255, 255, 0);
148
+ -webkit-background-clip: text !important;
149
+ background-clip: text !important;
150
+ -webkit-animation-name: pa-shinny-text !important;
151
+ animation-name: pa-shinny-text !important;
152
+ -webkit-animation-duration: var(--animation-speed) !important;
153
+ animation-duration: var(--animation-speed) !important;
154
+ -webkit-animation-iteration-count: infinite !important;
155
+ animation-iteration-count: infinite !important;
156
+ background: var(--base-color) -webkit-gradient(linear,
157
+ left top,
158
+ right top,
159
+ from(var(--base-color)),
160
+ to(var(--base-color)),
161
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
162
+ }
163
+
164
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
165
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
166
+ animation: pa-blur-shadow 2s 1 alternate;
167
+ }
168
+
169
+ .premium-title-gradient-yes .premium-title-text,
170
+ .premium-title-gradient-yes .premium-title-icon {
171
+ -webkit-background-clip: text;
172
+ -webkit-text-fill-color: transparent;
173
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
174
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
175
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
176
+ -webkit-animation: pa-text-gradient 8s infinite;
177
+ animation: pa-text-gradient 8s infinite;
178
+ }
179
+
180
+ .premium-title-clipped .premium-title-header {
181
+ -webkit-text-fill-color: transparent;
182
+ -webkit-background-clip: text;
183
+ background-clip: text;
184
+ }
185
+
186
+ @-webkit-keyframes pa-shinny-text {
187
+ 0% {
188
+ background-position: 100%;
189
+ }
190
+
191
+ 100% {
192
+ background-position: -100%;
193
+ }
194
+ }
195
+
196
+ @keyframes pa-shinny-text {
197
+ 0% {
198
+ background-position: 100%;
199
+ }
200
+
201
+ 100% {
202
+ background-position: -100%;
203
+ }
204
+ }
205
+
206
+ @-webkit-keyframes pa-blur-shadow {
207
+ from {
208
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
209
+ color: transparent;
210
+ }
211
+
212
+ to {
213
+ text-shadow: 0;
214
+ }
215
+ }
216
+
217
+ @keyframes pa-blur-shadow {
218
+ from {
219
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
220
+ color: transparent;
221
+ }
222
+
223
+ to {
224
+ text-shadow: 0;
225
+ }
226
+ }
227
+
228
+ @-webkit-keyframes pa-text-gradient {
229
+
230
+ 0%,
231
+ 100% {
232
+ -webkit-filter: hue-rotate(0deg);
233
+ filter: hue-rotate(0deg);
234
+ }
235
+
236
+ 50% {
237
+ -webkit-filter: hue-rotate(360deg);
238
+ filter: hue-rotate(360deg);
239
+ }
240
+ }
241
+
242
+ @keyframes pa-text-gradient {
243
+
244
+ 0%,
245
+ 100% {
246
+ -webkit-filter: hue-rotate(0deg);
247
+ filter: hue-rotate(0deg);
248
+ }
249
+
250
+ 50% {
251
+ -webkit-filter: hue-rotate(360deg);
252
+ filter: hue-rotate(360deg);
253
+ }
254
  }
assets/frontend/css/premium-video-box-rtl.css CHANGED
@@ -1,463 +1,467 @@
1
- /**************** Premium Video Box ************/
2
- /***********************************************/
3
- .premium-video-box-transform {
4
- -webkit-transform: none !important;
5
- -ms-transform: none !important;
6
- transform: none !important;
7
- }
8
-
9
- .premium-video-box-container {
10
- -js-display: flex;
11
- display: -webkit-box;
12
- display: -webkit-flex;
13
- display: -moz-box;
14
- display: -ms-flexbox;
15
- display: flex;
16
- -webkit-box-orient: vertical;
17
- -webkit-box-direction: normal;
18
- -webkit-flex-direction: column;
19
- -moz-box-orient: vertical;
20
- -moz-box-direction: normal;
21
- -ms-flex-direction: column;
22
- flex-direction: column;
23
- }
24
-
25
- .premium-video-box-container>div {
26
- position: relative;
27
- overflow: hidden;
28
- }
29
-
30
- .pa-aspect-ratio-11 .premium-video-box-container>div {
31
- padding-bottom: 100%;
32
- }
33
-
34
- .pa-aspect-ratio-169 .premium-video-box-container>div {
35
- padding-bottom: 56.25%;
36
- }
37
-
38
- .pa-aspect-ratio-43 .premium-video-box-container>div {
39
- padding-bottom: 75%;
40
- }
41
-
42
- .pa-aspect-ratio-32 .premium-video-box-container>div {
43
- padding-bottom: 66.6666%;
44
- }
45
-
46
- .pa-aspect-ratio-219 .premium-video-box-container>div {
47
- padding-bottom: 42.8571%;
48
- }
49
-
50
- .pa-aspect-ratio-916 .premium-video-box-container>div {
51
- padding-bottom: 177.8%;
52
- }
53
-
54
- .premium-video-box-image-container {
55
- position: absolute;
56
- top: 0;
57
- right: 0;
58
- bottom: 0;
59
- left: 0;
60
- width: 100%;
61
- height: 100%;
62
- -webkit-background-size: cover;
63
- background-size: cover;
64
- background-position: 50%;
65
- cursor: pointer;
66
- margin: auto;
67
- -webkit-transition: 0.2s all;
68
- transition: 0.2s all;
69
- }
70
-
71
- .premium-video-box-play-icon-container {
72
- position: absolute;
73
- z-index: 2;
74
- cursor: pointer;
75
- -webkit-transform: translate(50%, -50%);
76
- -ms-transform: translate(50%, -50%);
77
- transform: translate(50%, -50%);
78
- background: rgba(252, 252, 252, 0.35);
79
- }
80
-
81
- .premium-video-box-description-container {
82
- position: absolute;
83
- z-index: 2;
84
- padding: 5px;
85
- text-align: center;
86
- cursor: pointer;
87
- -webkit-transform: translate(50%, -50%);
88
- -ms-transform: translate(50%, -50%);
89
- transform: translate(50%, -50%);
90
- }
91
-
92
- .premium-video-box-text {
93
- margin-bottom: 0 !important;
94
- -webkit-transition: all 0.3s ease-in-out;
95
- transition: all 0.3s ease-in-out;
96
- }
97
-
98
- .premium-video-box-play-icon {
99
- padding: 15px;
100
- -webkit-transform: translateX(-4%);
101
- -ms-transform: translateX(-4%);
102
- transform: translateX(-4%);
103
- -webkit-transition: all 0.3s ease-in-out;
104
- transition: all 0.3s ease-in-out;
105
- }
106
-
107
- .premium-video-box-video-container,
108
- .premium-vid-lightbox-container {
109
- position: absolute;
110
- top: 0;
111
- right: 0;
112
- z-index: 2;
113
- width: 100%;
114
- height: 100%;
115
- -webkit-transition: opacity 0.8s ease-in-out;
116
- transition: opacity 0.8s ease-in-out;
117
- overflow: hidden;
118
- cursor: pointer;
119
- }
120
-
121
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
122
- opacity: 0;
123
- visibility: hidden;
124
- }
125
-
126
- .premium-video-box-video-container iframe {
127
- max-width: 100%;
128
- width: 100%;
129
- height: 100%;
130
- margin: 0;
131
- line-height: 1;
132
- border: none;
133
- }
134
-
135
- .premium-video-box-video-container video {
136
- max-width: 100%;
137
- width: 100%;
138
- height: 100%;
139
- margin: 0;
140
- line-height: 1;
141
- border: none;
142
- background-color: #000;
143
- -o-object-fit: contain;
144
- object-fit: contain;
145
- }
146
-
147
- .premium-video-box-container .premium-video-box-vimeo-wrap {
148
- -js-display: flex;
149
- display: -webkit-box;
150
- display: -webkit-flex;
151
- display: -moz-box;
152
- display: -ms-flexbox;
153
- display: flex;
154
- position: absolute;
155
- top: 0;
156
- right: 0;
157
- z-index: 3;
158
- margin: 10px;
159
- margin-left: 10px;
160
- -webkit-transition: opacity 0.2s ease-out;
161
- transition: opacity 0.2s ease-out;
162
- margin-left: 4.6em;
163
- }
164
-
165
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
166
- width: 60px;
167
- height: 60px;
168
- background: rgba(23, 35, 34, 0.75);
169
- margin-left: 1px;
170
- -webkit-box-flex: 1;
171
- -webkit-flex: 1 0 auto;
172
- -moz-box-flex: 1;
173
- -ms-flex: 1 0 auto;
174
- flex: 1 0 auto;
175
- padding: 0;
176
- }
177
-
178
- .premium-video-box-vimeo-portrait img {
179
- width: 50px;
180
- height: 50px;
181
- margin: 5px;
182
- padding: 0;
183
- border: 0;
184
- -webkit-border-radius: 50%;
185
- border-radius: 50%;
186
- }
187
-
188
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
189
- font-size: 10px;
190
- }
191
-
192
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
193
- max-width: 100%;
194
- font-size: 2em !important;
195
- font-weight: 700;
196
- margin: 0;
197
- padding: 0.1em 0.2em;
198
- background: rgba(23, 35, 34, 0.75);
199
- display: inline-block;
200
- text-transform: none;
201
- line-height: normal;
202
- letter-spacing: normal;
203
- }
204
-
205
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
206
- font-size: 1.2em !important;
207
- font-weight: 400;
208
- color: #fff;
209
- margin-top: 0.1em;
210
- padding: 0.2em 0.5em;
211
- background: rgba(23, 35, 34, 0.75);
212
- text-transform: none;
213
- line-height: normal;
214
- letter-spacing: normal;
215
- }
216
-
217
- .premium-video-box-playlist-container {
218
- -js-display: flex;
219
- display: -webkit-box;
220
- display: -webkit-flex;
221
- display: -moz-box;
222
- display: -ms-flexbox;
223
- display: flex;
224
- -webkit-flex-wrap: wrap;
225
- -ms-flex-wrap: wrap;
226
- flex-wrap: wrap;
227
- }
228
-
229
- .premium-video-box-playlist-container .premium-video-box-container {
230
- height: 100%;
231
- overflow: hidden;
232
- }
233
-
234
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
235
- -webkit-transform: scale(1.1);
236
- -ms-transform: scale(1.1);
237
- transform: scale(1.1);
238
- }
239
-
240
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
241
- -webkit-transform: scale(1);
242
- -ms-transform: scale(1);
243
- transform: scale(1);
244
- }
245
-
246
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
247
- -webkit-transform: scale(1.3) rotate(-5deg);
248
- -ms-transform: scale(1.3) rotate(-5deg);
249
- transform: scale(1.3) rotate(-5deg);
250
- }
251
-
252
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
253
- -webkit-filter: grayscale(0%);
254
- filter: grayscale(0%);
255
- }
256
-
257
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
258
- -webkit-filter: blur(3px);
259
- filter: blur(3px);
260
- }
261
-
262
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
263
- -webkit-filter: sepia(0%);
264
- filter: sepia(0%);
265
- }
266
-
267
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
268
- -webkit-transform: translateX(0px) scale(1.1);
269
- -ms-transform: translateX(0px) scale(1.1);
270
- transform: translateX(0px) scale(1.1);
271
- }
272
-
273
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
274
- -webkit-filter: brightness(1.2);
275
- filter: brightness(1.2);
276
- }
277
-
278
- .premium-video-box-image-container.gray {
279
- -webkit-filter: grayscale(100%);
280
- filter: grayscale(100%);
281
- }
282
-
283
- .premium-video-box-image-container.zoomout,
284
- .premium-video-box-image-container.scale {
285
- -webkit-transform: scale(1.2);
286
- -ms-transform: scale(1.2);
287
- transform: scale(1.2);
288
- }
289
-
290
- .premium-video-box-image-container.sepia {
291
- -webkit-filter: sepia(30%);
292
- filter: sepia(30%);
293
- }
294
-
295
- .premium-video-box-image-container.bright {
296
- -webkit-filter: brightness(1);
297
- filter: brightness(1);
298
- }
299
-
300
- .premium-video-box-image-container.trans {
301
- -webkit-transform: translateX(15px) scale(1.1);
302
- -ms-transform: translateX(15px) scale(1.1);
303
- transform: translateX(15px) scale(1.1);
304
- }
305
-
306
- .premium-video-box-mask-media {
307
- -webkit-mask-repeat: no-repeat;
308
- mask-repeat: no-repeat;
309
- }
310
-
311
- /* Sticky Video Option */
312
- .premium-video-box-container.premium-video-box-sticky-apply {
313
- z-index: 99;
314
- overflow: unset;
315
- }
316
-
317
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
318
- position: fixed !important;
319
- z-index: 99999;
320
- height: 225px;
321
- width: 400px;
322
- background: #fff;
323
- }
324
-
325
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
326
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
327
- visibility: hidden;
328
- }
329
-
330
- .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 {
331
- -webkit-box-shadow: unset;
332
- box-shadow: unset;
333
- }
334
-
335
- .premium-video-box-sticky-close,
336
- .premium-video-box-sticky-infobar {
337
- display: none;
338
- }
339
-
340
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
341
- position: absolute;
342
- padding: 5px;
343
- cursor: pointer;
344
- z-index: 99999;
345
- height: 14px;
346
- width: 14px;
347
- -webkit-box-sizing: content-box;
348
- -moz-box-sizing: content-box;
349
- box-sizing: content-box;
350
- -webkit-border-radius: 100%;
351
- border-radius: 100%;
352
- -js-display: flex;
353
- display: -webkit-box;
354
- display: -webkit-flex;
355
- display: -moz-box;
356
- display: -ms-flexbox;
357
- display: flex;
358
- -webkit-box-pack: center;
359
- -webkit-justify-content: center;
360
- -moz-box-pack: center;
361
- -ms-flex-pack: center;
362
- justify-content: center;
363
- -webkit-box-align: center;
364
- -webkit-align-items: center;
365
- -moz-box-align: center;
366
- -ms-flex-align: center;
367
- align-items: center;
368
- }
369
-
370
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
371
- -js-display: flex;
372
- display: -webkit-box;
373
- display: -webkit-flex;
374
- display: -moz-box;
375
- display: -ms-flexbox;
376
- display: flex;
377
- }
378
-
379
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
380
- -webkit-transition: none;
381
- transition: none;
382
- }
383
-
384
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
385
- display: block;
386
- position: relative;
387
- top: 100%;
388
- width: 100%;
389
- padding: 5px;
390
- text-align: center;
391
- z-index: 9999;
392
- margin-top: -1px;
393
- }
394
-
395
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
396
- cursor: move;
397
- }
398
-
399
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
400
- left: auto;
401
- right: 20px;
402
- top: 20px;
403
- }
404
-
405
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
406
- left: auto;
407
- right: 20px;
408
- bottom: 20px;
409
- }
410
-
411
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
412
- right: auto;
413
- left: 20px;
414
- top: 20px;
415
- }
416
-
417
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
418
- right: auto;
419
- left: 20px;
420
- bottom: 20px;
421
- }
422
-
423
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
424
- left: auto;
425
- right: 20px;
426
- top: 50%;
427
- -webkit-transform: translateY(-50%);
428
- -ms-transform: translateY(-50%);
429
- transform: translateY(-50%);
430
- }
431
-
432
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
433
- right: auto;
434
- left: 20px;
435
- top: 50%;
436
- -webkit-transform: translateY(-50%);
437
- -ms-transform: translateY(-50%);
438
- transform: translateY(-50%);
439
- }
440
-
441
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
442
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
443
- bottom: 55px;
444
- }
445
-
446
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
447
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
448
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
449
- top: -10px;
450
- left: -10px;
451
- }
452
-
453
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
454
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
455
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
456
- top: -10px;
457
- right: -10px;
458
- }
459
-
460
- .premium-video-box-filter-sticky {
461
- -webkit-filter: none !important;
462
- filter: none !important;
 
 
 
 
463
  }
1
+ /**************** Premium Video Box ************/
2
+ /***********************************************/
3
+ .premium-video-box-transform {
4
+ -webkit-transform: none !important;
5
+ -ms-transform: none !important;
6
+ transform: none !important;
7
+ }
8
+
9
+ .premium-video-box-container {
10
+ -js-display: flex;
11
+ display: -webkit-box;
12
+ display: -webkit-flex;
13
+ display: -moz-box;
14
+ display: -ms-flexbox;
15
+ display: flex;
16
+ -webkit-box-orient: vertical;
17
+ -webkit-box-direction: normal;
18
+ -webkit-flex-direction: column;
19
+ -moz-box-orient: vertical;
20
+ -moz-box-direction: normal;
21
+ -ms-flex-direction: column;
22
+ flex-direction: column;
23
+ }
24
+
25
+ .premium-video-box-container>div {
26
+ position: relative;
27
+ overflow: hidden;
28
+ }
29
+
30
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
31
+ padding-bottom: 100%;
32
+ }
33
+
34
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
35
+ padding-bottom: 56.25%;
36
+ }
37
+
38
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
39
+ padding-bottom: 75%;
40
+ }
41
+
42
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
43
+ padding-bottom: 66.6666%;
44
+ }
45
+
46
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
47
+ padding-bottom: 42.8571%;
48
+ }
49
+
50
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
51
+ padding-bottom: 177.8%;
52
+ }
53
+
54
+ .premium-video-box-image-container {
55
+ position: absolute;
56
+ top: 0;
57
+ right: 0;
58
+ bottom: 0;
59
+ left: 0;
60
+ width: 100%;
61
+ height: 100%;
62
+ -webkit-background-size: cover;
63
+ background-size: cover;
64
+ background-position: 50%;
65
+ cursor: pointer;
66
+ margin: auto;
67
+ -webkit-transition: 0.2s all;
68
+ transition: 0.2s all;
69
+ }
70
+
71
+ .premium-video-box-play-icon-container {
72
+ position: absolute;
73
+ z-index: 2;
74
+ cursor: pointer;
75
+ -webkit-transform: translate(50%, -50%);
76
+ -ms-transform: translate(50%, -50%);
77
+ transform: translate(50%, -50%);
78
+ background: rgba(252, 252, 252, 0.35);
79
+ }
80
+
81
+ .premium-video-box-description-container {
82
+ position: absolute;
83
+ z-index: 2;
84
+ padding: 5px;
85
+ text-align: center;
86
+ cursor: pointer;
87
+ -webkit-transform: translate(50%, -50%);
88
+ -ms-transform: translate(50%, -50%);
89
+ transform: translate(50%, -50%);
90
+ }
91
+
92
+ .premium-video-box-text {
93
+ margin-bottom: 0 !important;
94
+ -webkit-transition: all 0.3s ease-in-out;
95
+ transition: all 0.3s ease-in-out;
96
+ }
97
+
98
+ .premium-video-box-play-icon {
99
+ padding: 15px;
100
+ -webkit-transform: translateX(-4%);
101
+ -ms-transform: translateX(-4%);
102
+ transform: translateX(-4%);
103
+ -webkit-transition: all 0.3s ease-in-out;
104
+ transition: all 0.3s ease-in-out;
105
+ }
106
+
107
+ .premium-video-box-video-container,
108
+ .premium-vid-lightbox-container {
109
+ position: absolute;
110
+ top: 0;
111
+ right: 0;
112
+ z-index: 2;
113
+ width: 100%;
114
+ height: 100%;
115
+ -webkit-transition: opacity 0.8s ease-in-out;
116
+ transition: opacity 0.8s ease-in-out;
117
+ overflow: hidden;
118
+ cursor: pointer;
119
+ }
120
+
121
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
122
+ opacity: 0;
123
+ visibility: hidden;
124
+ }
125
+
126
+ .premium-video-box-video-container iframe {
127
+ max-width: 100%;
128
+ width: 100%;
129
+ height: 100%;
130
+ margin: 0;
131
+ line-height: 1;
132
+ border: none;
133
+ }
134
+
135
+ .premium-video-box-video-container video {
136
+ max-width: 100%;
137
+ width: 100%;
138
+ height: 100%;
139
+ margin: 0;
140
+ line-height: 1;
141
+ border: none;
142
+ background-color: #000;
143
+ -o-object-fit: contain;
144
+ object-fit: contain;
145
+ }
146
+
147
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
148
+ -js-display: flex;
149
+ display: -webkit-box;
150
+ display: -webkit-flex;
151
+ display: -moz-box;
152
+ display: -ms-flexbox;
153
+ display: flex;
154
+ position: absolute;
155
+ top: 0;
156
+ right: 0;
157
+ z-index: 3;
158
+ margin: 10px;
159
+ margin-left: 10px;
160
+ -webkit-transition: opacity 0.2s ease-out;
161
+ transition: opacity 0.2s ease-out;
162
+ margin-left: 4.6em;
163
+ }
164
+
165
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
166
+ width: 60px;
167
+ height: 60px;
168
+ background: rgba(23, 35, 34, 0.75);
169
+ margin-left: 1px;
170
+ -webkit-box-flex: 1;
171
+ -webkit-flex: 1 0 auto;
172
+ -moz-box-flex: 1;
173
+ -ms-flex: 1 0 auto;
174
+ flex: 1 0 auto;
175
+ padding: 0;
176
+ }
177
+
178
+ .premium-video-box-vimeo-portrait img {
179
+ width: 50px;
180
+ height: 50px;
181
+ margin: 5px;
182
+ padding: 0;
183
+ border: 0;
184
+ -webkit-border-radius: 50%;
185
+ border-radius: 50%;
186
+ }
187
+
188
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
189
+ font-size: 10px;
190
+ }
191
+
192
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
193
+ max-width: 100%;
194
+ font-size: 2em !important;
195
+ font-weight: 700;
196
+ margin: 0;
197
+ padding: 0.1em 0.2em;
198
+ background: rgba(23, 35, 34, 0.75);
199
+ display: inline-block;
200
+ text-transform: none;
201
+ line-height: normal;
202
+ letter-spacing: normal;
203
+ }
204
+
205
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
206
+ font-size: 1.2em !important;
207
+ font-weight: 400;
208
+ color: #fff;
209
+ margin-top: 0.1em;
210
+ padding: 0.2em 0.5em;
211
+ background: rgba(23, 35, 34, 0.75);
212
+ text-transform: none;
213
+ line-height: normal;
214
+ letter-spacing: normal;
215
+ }
216
+
217
+ .premium-video-box-playlist-container {
218
+ -js-display: flex;
219
+ display: -webkit-box;
220
+ display: -webkit-flex;
221
+ display: -moz-box;
222
+ display: -ms-flexbox;
223
+ display: flex;
224
+ -webkit-flex-wrap: wrap;
225
+ -ms-flex-wrap: wrap;
226
+ flex-wrap: wrap;
227
+ }
228
+
229
+ .premium-video-box-playlist-container .premium-video-box-container {
230
+ height: 100%;
231
+ overflow: hidden;
232
+ }
233
+
234
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
235
+ -webkit-transform: scale(1.1);
236
+ -ms-transform: scale(1.1);
237
+ transform: scale(1.1);
238
+ }
239
+
240
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
241
+ -webkit-transform: scale(1);
242
+ -ms-transform: scale(1);
243
+ transform: scale(1);
244
+ }
245
+
246
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
247
+ -webkit-transform: scale(1.3) rotate(-5deg);
248
+ -ms-transform: scale(1.3) rotate(-5deg);
249
+ transform: scale(1.3) rotate(-5deg);
250
+ }
251
+
252
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
253
+ -webkit-filter: grayscale(0%);
254
+ filter: grayscale(0%);
255
+ }
256
+
257
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
258
+ -webkit-filter: blur(3px);
259
+ filter: blur(3px);
260
+ }
261
+
262
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
263
+ -webkit-filter: sepia(0%);
264
+ filter: sepia(0%);
265
+ }
266
+
267
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
268
+ -webkit-transform: translateX(0px) scale(1.1);
269
+ -ms-transform: translateX(0px) scale(1.1);
270
+ transform: translateX(0px) scale(1.1);
271
+ }
272
+
273
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
274
+ -webkit-filter: brightness(1.2);
275
+ filter: brightness(1.2);
276
+ }
277
+
278
+ .premium-video-box-image-container.gray {
279
+ -webkit-filter: grayscale(100%);
280
+ filter: grayscale(100%);
281
+ }
282
+
283
+ .premium-video-box-image-container.zoomout,
284
+ .premium-video-box-image-container.scale {
285
+ -webkit-transform: scale(1.2);
286
+ -ms-transform: scale(1.2);
287
+ transform: scale(1.2);
288
+ }
289
+
290
+ .premium-video-box-image-container.sepia {
291
+ -webkit-filter: sepia(30%);
292
+ filter: sepia(30%);
293
+ }
294
+
295
+ .premium-video-box-image-container.bright {
296
+ -webkit-filter: brightness(1);
297
+ filter: brightness(1);
298
+ }
299
+
300
+ .premium-video-box-image-container.trans {
301
+ -webkit-transform: translateX(15px) scale(1.1);
302
+ -ms-transform: translateX(15px) scale(1.1);
303
+ transform: translateX(15px) scale(1.1);
304
+ }
305
+
306
+ .premium-video-box-mask-media {
307
+ -webkit-mask-repeat: no-repeat;
308
+ mask-repeat: no-repeat;
309
+ }
310
+
311
+ /* Sticky Video Option */
312
+ .premium-video-box-container.premium-video-box-sticky-apply {
313
+ z-index: 99;
314
+ overflow: unset;
315
+ }
316
+
317
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
318
+ position: fixed !important;
319
+ z-index: 99999;
320
+ height: 225px;
321
+ width: 400px;
322
+ background: #fff;
323
+ }
324
+
325
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
326
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
327
+ visibility: hidden;
328
+ }
329
+
330
+ .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 {
331
+ -webkit-box-shadow: unset;
332
+ box-shadow: unset;
333
+ }
334
+
335
+ .premium-video-box-sticky-close,
336
+ .premium-video-box-sticky-infobar {
337
+ display: none;
338
+ }
339
+
340
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
341
+ position: absolute;
342
+ padding: 5px;
343
+ cursor: pointer;
344
+ z-index: 99999;
345
+ height: 14px;
346
+ width: 14px;
347
+ -webkit-box-sizing: content-box;
348
+ -moz-box-sizing: content-box;
349
+ box-sizing: content-box;
350
+ -webkit-border-radius: 100%;
351
+ border-radius: 100%;
352
+ -js-display: flex;
353
+ display: -webkit-box;
354
+ display: -webkit-flex;
355
+ display: -moz-box;
356
+ display: -ms-flexbox;
357
+ display: flex;
358
+ -webkit-box-pack: center;
359
+ -webkit-justify-content: center;
360
+ -moz-box-pack: center;
361
+ -ms-flex-pack: center;
362
+ justify-content: center;
363
+ -webkit-box-align: center;
364
+ -webkit-align-items: center;
365
+ -moz-box-align: center;
366
+ -ms-flex-align: center;
367
+ align-items: center;
368
+ }
369
+
370
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
371
+ -js-display: flex;
372
+ display: -webkit-box;
373
+ display: -webkit-flex;
374
+ display: -moz-box;
375
+ display: -ms-flexbox;
376
+ display: flex;
377
+ }
378
+
379
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
380
+ -webkit-transition: none;
381
+ transition: none;
382
+ }
383
+
384
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
385
+ display: block;
386
+ position: relative;
387
+ top: 100%;
388
+ width: 100%;
389
+ padding: 5px;
390
+ text-align: center;
391
+ z-index: 9999;
392
+ margin-top: -1px;
393
+ }
394
+
395
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
396
+ cursor: move;
397
+ }
398
+
399
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
400
+ left: auto;
401
+ right: 20px;
402
+ top: 20px;
403
+ }
404
+
405
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
406
+ left: auto;
407
+ right: 20px;
408
+ bottom: 20px;
409
+ }
410
+
411
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
412
+ right: auto;
413
+ left: 20px;
414
+ top: 20px;
415
+ }
416
+
417
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
418
+ right: auto;
419
+ left: 20px;
420
+ bottom: 20px;
421
+ }
422
+
423
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
424
+ left: auto;
425
+ right: 20px;
426
+ top: 50%;
427
+ -webkit-transform: translateY(-50%);
428
+ -ms-transform: translateY(-50%);
429
+ transform: translateY(-50%);
430
+ }
431
+
432
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
433
+ right: auto;
434
+ left: 20px;
435
+ top: 50%;
436
+ -webkit-transform: translateY(-50%);
437
+ -ms-transform: translateY(-50%);
438
+ transform: translateY(-50%);
439
+ }
440
+
441
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
442
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
443
+ bottom: 55px;
444
+ }
445
+
446
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
447
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
448
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
449
+ top: -10px;
450
+ left: -10px;
451
+ }
452
+
453
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
454
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
455
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
456
+ top: -10px;
457
+ right: -10px;
458
+ }
459
+
460
+ .premium-video-box-filter-sticky {
461
+ -webkit-filter: none !important;
462
+ filter: none !important;
463
+ }
464
+
465
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
466
+ cursor: default;
467
  }
assets/frontend/css/premium-video-box.css CHANGED
@@ -412,3 +412,6 @@
412
  .premium-video-box-filter-sticky {
413
  -webkit-filter: none !important;
414
  filter: none !important; }
 
 
 
412
  .premium-video-box-filter-sticky {
413
  -webkit-filter: none !important;
414
  filter: none !important; }
415
+
416
+ .premium-mscroll-yes.elementor-widget-premium-addon-video-box div {
417
+ cursor: default; }
assets/frontend/css/premium-vscroll.css CHANGED
@@ -1,246 +1,246 @@
1
- /************ Premium Vertical Scroll ************/
2
- /*************************************************/
3
- .premium-vscroll-inner {
4
- position: relative;
5
- min-height: 100%; }
6
- .premium-vscroll-inner .premium-vscroll-dots {
7
- position: fixed;
8
- z-index: 100;
9
- opacity: 1;
10
- margin-top: -32px;
11
- -webkit-transition: all 0.3s ease-in-out;
12
- transition: all 0.3s ease-in-out; }
13
-
14
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
15
- opacity: 1;
16
- -webkit-transition: all 0.3s ease-in-out;
17
- transition: all 0.3s ease-in-out; }
18
-
19
- .premium-vscroll-inner .premium-vscroll-dots,
20
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
21
- opacity: 0;
22
- visibility: hidden; }
23
-
24
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
25
- opacity: 1;
26
- visibility: visible; }
27
-
28
- .premium-vscroll-dots.middle {
29
- top: 50%;
30
- margin-top: 0;
31
- -webkit-transform: translateY(-50%);
32
- -ms-transform: translateY(-50%);
33
- transform: translateY(-50%); }
34
-
35
- .premium-vscroll-dots.top {
36
- top: 40px; }
37
-
38
- .premium-vscroll-dots.bottom {
39
- bottom: 30px; }
40
-
41
- .premium-vscroll-dots.right {
42
- right: 17px; }
43
-
44
- .premium-vscroll-dots.left {
45
- left: 17px; }
46
-
47
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
48
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
49
- margin: 0 !important;
50
- padding: 0; }
51
-
52
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
53
- width: 14px;
54
- height: 13px;
55
- margin: 7px;
56
- position: relative;
57
- -js-display: flex;
58
- display: -webkit-box;
59
- display: -webkit-flex;
60
- display: -moz-box;
61
- display: -ms-flexbox;
62
- display: flex;
63
- -webkit-box-pack: center;
64
- -webkit-justify-content: center;
65
- -moz-box-pack: center;
66
- -ms-flex-pack: center;
67
- justify-content: center;
68
- -webkit-box-align: center;
69
- -webkit-align-items: center;
70
- -moz-box-align: center;
71
- -ms-flex-align: center;
72
- align-items: center;
73
- overflow: visible; }
74
-
75
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
76
- display: block;
77
- position: relative;
78
- z-index: 1;
79
- width: 100%;
80
- height: 100%;
81
- cursor: pointer;
82
- text-decoration: none; }
83
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
84
- top: 2px;
85
- left: 2.5px;
86
- width: 8px;
87
- height: 8px;
88
- border: 1px solid #000;
89
- -webkit-border-radius: 50%;
90
- border-radius: 50%;
91
- position: absolute;
92
- z-index: 1;
93
- -webkit-transition: all 0.3s ease-in-out;
94
- transition: all 0.3s ease-in-out; }
95
-
96
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
97
- -webkit-transform: scale(1.6);
98
- -ms-transform: scale(1.6);
99
- transform: scale(1.6); }
100
-
101
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
102
- position: absolute;
103
- color: #fff;
104
- font-size: 14px;
105
- font-family: arial, helvetica, sans-serif;
106
- white-space: nowrap;
107
- max-width: 220px;
108
- padding-left: 0.4em;
109
- padding-right: 0.4em; }
110
-
111
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
112
- right: 27px; }
113
-
114
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
115
- width: 4px;
116
- height: 30px; }
117
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
118
- width: 100%;
119
- height: 100%;
120
- -webkit-border-radius: 0;
121
- border-radius: 0; }
122
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
123
- -webkit-transform: scale(1);
124
- -ms-transform: scale(1);
125
- transform: scale(1); }
126
-
127
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
128
- position: absolute;
129
- top: 50%;
130
- content: "";
131
- left: -webkit-calc(100% - 1px);
132
- left: calc(100% - 1px);
133
- width: 10px;
134
- height: 0;
135
- border-top: 6px solid transparent;
136
- border-bottom: 6px solid transparent;
137
- border-left: 6px solid;
138
- -webkit-transform: translateY(-50%);
139
- -ms-transform: translateY(-50%);
140
- transform: translateY(-50%); }
141
-
142
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
143
- left: 27px; }
144
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
145
- position: absolute;
146
- top: 50%;
147
- content: "";
148
- right: -webkit-calc(100% - 1px);
149
- right: calc(100% - 1px);
150
- width: 10px;
151
- height: 0;
152
- border-top: 6px solid transparent;
153
- border-bottom: 6px solid transparent;
154
- border-right: 6px solid;
155
- -webkit-transform: translateY(-50%);
156
- -ms-transform: translateY(-50%);
157
- transform: translateY(-50%); }
158
-
159
- /* * Lines */
160
- @media (max-width: 768px) {
161
- .premium-vscroll-dots.right {
162
- right: 7px; }
163
- .premium-vscroll-dots.left {
164
- left: 7px; } }
165
-
166
- .premium-vscroll-nav-menu {
167
- position: fixed;
168
- top: 20px;
169
- height: 40px;
170
- z-index: 100;
171
- padding: 0;
172
- margin: 0; }
173
- .premium-vscroll-nav-menu.left {
174
- left: 0; }
175
- .premium-vscroll-nav-menu.right {
176
- right: 0; }
177
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
178
- display: inline-block;
179
- margin: 10px;
180
- color: #000;
181
- background: #fff;
182
- background: rgba(255, 255, 255, 0.3); }
183
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
184
- padding: 9px 18px;
185
- display: block;
186
- cursor: pointer;
187
- color: #000; }
188
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
189
- color: #000; }
190
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
191
- outline: none; }
192
-
193
- .multiscroll-nav li a:focus {
194
- outline: none; }
195
-
196
- .premium-vscroll-temp .slimScrollBar {
197
- visibility: hidden; }
198
-
199
- [data-hijacking="off"] .premium-vscroll-temp {
200
- height: 100vh; }
201
- [data-hijacking="off"] .premium-vscroll-temp > div {
202
- opacity: 0;
203
- top: 0;
204
- left: 0;
205
- width: 100%;
206
- /* Force Hardware Acceleration */
207
- -webkit-transform: translateZ(0);
208
- transform: translateZ(0);
209
- -webkit-backface-visibility: hidden;
210
- backface-visibility: hidden; }
211
-
212
- [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
213
- display: none;
214
- position: absolute;
215
- width: 100%;
216
- top: 20px;
217
- z-index: 2; }
218
-
219
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
220
- position: relative;
221
- /* enable a 3D-space for children elements */
222
- -webkit-perspective: 1800px;
223
- perspective: 1800px; }
224
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
225
- position: absolute;
226
- -webkit-transform-origin: center bottom;
227
- -ms-transform-origin: center bottom;
228
- transform-origin: center bottom; }
229
- [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
230
- opacity: 1 !important;
231
- -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
232
- transform: translateY(0px) scale(1) rotateX(0deg) !important; }
233
-
234
- [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
235
- position: fixed; }
236
-
237
- [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
238
- position: fixed; }
239
-
240
- [data-hijacking="off"] .premium-vscroll-parallax-last {
241
- -webkit-transform: translateY(0px) scale(1) !important;
242
- -ms-transform: translateY(0px) scale(1) !important;
243
- transform: translateY(0px) scale(1) !important; }
244
-
245
- [data-hijacking="off"] .premium-vscroll-parallax-position {
246
- position: unset !important; }
1
+ /************ Premium Vertical Scroll ************/
2
+ /*************************************************/
3
+ .premium-vscroll-inner {
4
+ position: relative;
5
+ min-height: 100%; }
6
+ .premium-vscroll-inner .premium-vscroll-dots {
7
+ position: fixed;
8
+ z-index: 100;
9
+ opacity: 1;
10
+ margin-top: -32px;
11
+ -webkit-transition: all 0.3s ease-in-out;
12
+ transition: all 0.3s ease-in-out; }
13
+
14
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
15
+ opacity: 1;
16
+ -webkit-transition: all 0.3s ease-in-out;
17
+ transition: all 0.3s ease-in-out; }
18
+
19
+ .premium-vscroll-inner .premium-vscroll-dots,
20
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
21
+ opacity: 0;
22
+ visibility: hidden; }
23
+
24
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
25
+ opacity: 1;
26
+ visibility: visible; }
27
+
28
+ .premium-vscroll-dots.middle {
29
+ top: 50%;
30
+ margin-top: 0;
31
+ -webkit-transform: translateY(-50%);
32
+ -ms-transform: translateY(-50%);
33
+ transform: translateY(-50%); }
34
+
35
+ .premium-vscroll-dots.top {
36
+ top: 40px; }
37
+
38
+ .premium-vscroll-dots.bottom {
39
+ bottom: 30px; }
40
+
41
+ .premium-vscroll-dots.right {
42
+ right: 17px; }
43
+
44
+ .premium-vscroll-dots.left {
45
+ left: 17px; }
46
+
47
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
48
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
49
+ margin: 0 !important;
50
+ padding: 0; }
51
+
52
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
53
+ width: 14px;
54
+ height: 13px;
55
+ margin: 7px;
56
+ position: relative;
57
+ -js-display: flex;
58
+ display: -webkit-box;
59
+ display: -webkit-flex;
60
+ display: -moz-box;
61
+ display: -ms-flexbox;
62
+ display: flex;
63
+ -webkit-box-pack: center;
64
+ -webkit-justify-content: center;
65
+ -moz-box-pack: center;
66
+ -ms-flex-pack: center;
67
+ justify-content: center;
68
+ -webkit-box-align: center;
69
+ -webkit-align-items: center;
70
+ -moz-box-align: center;
71
+ -ms-flex-align: center;
72
+ align-items: center;
73
+ overflow: visible; }
74
+
75
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
76
+ display: block;
77
+ position: relative;
78
+ z-index: 1;
79
+ width: 100%;
80
+ height: 100%;
81
+ cursor: pointer;
82
+ text-decoration: none; }
83
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
84
+ top: 2px;
85
+ left: 2.5px;
86
+ width: 8px;
87
+ height: 8px;
88
+ border: 1px solid #000;
89
+ -webkit-border-radius: 50%;
90
+ border-radius: 50%;
91
+ position: absolute;
92
+ z-index: 1;
93
+ -webkit-transition: all 0.3s ease-in-out;
94
+ transition: all 0.3s ease-in-out; }
95
+
96
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
97
+ -webkit-transform: scale(1.6);
98
+ -ms-transform: scale(1.6);
99
+ transform: scale(1.6); }
100
+
101
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
102
+ position: absolute;
103
+ color: #fff;
104
+ font-size: 14px;
105
+ font-family: arial, helvetica, sans-serif;
106
+ white-space: nowrap;
107
+ max-width: 220px;
108
+ padding-left: 0.4em;
109
+ padding-right: 0.4em; }
110
+
111
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
112
+ right: 27px; }
113
+
114
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
115
+ width: 4px;
116
+ height: 30px; }
117
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
118
+ width: 100%;
119
+ height: 100%;
120
+ -webkit-border-radius: 0;
121
+ border-radius: 0; }
122
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
123
+ -webkit-transform: scale(1);
124
+ -ms-transform: scale(1);
125
+ transform: scale(1); }
126
+
127
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
128
+ position: absolute;
129
+ top: 50%;
130
+ content: "";
131
+ left: -webkit-calc(100% - 1px);
132
+ left: calc(100% - 1px);
133
+ width: 10px;
134
+ height: 0;
135
+ border-top: 6px solid transparent;
136
+ border-bottom: 6px solid transparent;
137
+ border-left: 6px solid;
138
+ -webkit-transform: translateY(-50%);
139
+ -ms-transform: translateY(-50%);
140
+ transform: translateY(-50%); }
141
+
142
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
143
+ left: 27px; }
144
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
145
+ position: absolute;
146
+ top: 50%;
147
+ content: "";
148
+ right: -webkit-calc(100% - 1px);
149
+ right: calc(100% - 1px);
150
+ width: 10px;
151
+ height: 0;
152
+ border-top: 6px solid transparent;
153
+ border-bottom: 6px solid transparent;
154
+ border-right: 6px solid;
155
+ -webkit-transform: translateY(-50%);
156
+ -ms-transform: translateY(-50%);
157
+ transform: translateY(-50%); }
158
+
159
+ /* * Lines */
160
+ @media (max-width: 768px) {
161
+ .premium-vscroll-dots.right {
162
+ right: 7px; }
163
+ .premium-vscroll-dots.left {
164
+ left: 7px; } }
165
+
166
+ .premium-vscroll-nav-menu {
167
+ position: fixed;
168
+ top: 20px;
169
+ height: 40px;
170
+ z-index: 100;
171
+ padding: 0;
172
+ margin: 0; }
173
+ .premium-vscroll-nav-menu.left {
174
+ left: 0; }
175
+ .premium-vscroll-nav-menu.right {
176
+ right: 0; }
177
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
178
+ display: inline-block;
179
+ margin: 10px;
180
+ color: #000;
181
+ background: #fff;
182
+ background: rgba(255, 255, 255, 0.3); }
183
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
184
+ padding: 9px 18px;
185
+ display: block;
186
+ cursor: pointer;
187
+ color: #000; }
188
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
189
+ color: #000; }
190
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
191
+ outline: none; }
192
+
193
+ .multiscroll-nav li a:focus {
194
+ outline: none; }
195
+
196
+ .premium-vscroll-temp .slimScrollBar {
197
+ visibility: hidden; }
198
+
199
+ [data-hijacking="off"] .premium-vscroll-temp {
200
+ height: 100vh; }
201
+ [data-hijacking="off"] .premium-vscroll-temp > div {
202
+ opacity: 0;
203
+ top: 0;
204
+ left: 0;
205
+ width: 100%;
206
+ /* Force Hardware Acceleration */
207
+ -webkit-transform: translateZ(0);
208
+ transform: translateZ(0);
209
+ -webkit-backface-visibility: hidden;
210
+ backface-visibility: hidden; }
211
+
212
+ [data-hijacking="off"] .premium-vscroll-temp:first-of-type > div::before {
213
+ display: none;
214
+ position: absolute;
215
+ width: 100%;
216
+ top: 20px;
217
+ z-index: 2; }
218
+
219
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp {
220
+ position: relative;
221
+ /* enable a 3D-space for children elements */
222
+ -webkit-perspective: 1800px;
223
+ perspective: 1800px; }
224
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp > div {
225
+ position: absolute;
226
+ -webkit-transform-origin: center bottom;
227
+ -ms-transform-origin: center bottom;
228
+ transform-origin: center bottom; }
229
+ [data-hijacking="off"][data-animation="rotate"] .premium-vscroll-temp:last-of-type > div {
230
+ opacity: 1 !important;
231
+ -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important;
232
+ transform: translateY(0px) scale(1) rotateX(0deg) !important; }
233
+
234
+ [data-hijacking="off"][data-animation="parallax"] .premium-vscroll-temp > div {
235
+ position: fixed; }
236
+
237
+ [data-hijacking="off"][data-animation="scaleDown"] .premium-vscroll-temp > div {
238
+ position: fixed; }
239
+
240
+ [data-hijacking="off"] .premium-vscroll-parallax-last {
241
+ -webkit-transform: translateY(0px) scale(1) !important;
242
+ -ms-transform: translateY(0px) scale(1) !important;
243
+ transform: translateY(0px) scale(1) !important; }
244
+
245
+ [data-hijacking="off"] .premium-vscroll-parallax-position {
246
+ position: unset !important; }
assets/frontend/css/premium-woo-products-rtl.css CHANGED
@@ -1,1179 +1,1179 @@
1
- /********** Premium Woo Products **********/
2
- /******************************************/
3
- .ast-single-post .entry-content .premium-woocommerce a {
4
- text-decoration: none;
5
- }
6
-
7
- .premium-woocommerce .premium-woo-qv-btn {
8
- cursor: pointer;
9
- }
10
-
11
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
12
- margin: 0 auto 0.5em;
13
- }
14
-
15
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
16
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
17
- display: block;
18
- text-align: center;
19
- color: #fff;
20
- min-width: 2em;
21
- min-height: 2em;
22
- line-height: 2em;
23
- padding: 0.3em 0.6em;
24
- margin: 0.5em 0.6em;
25
- }
26
-
27
- .premium-woocommerce .pa-out-of-stock {
28
- display: block;
29
- text-align: center;
30
- color: #fff;
31
- min-width: 2em;
32
- min-height: 2em;
33
- line-height: 2em;
34
- padding: 0.3em 0.6em;
35
- margin: 0.5em 0.6em;
36
- }
37
-
38
- .premium-woocommerce .premium-woo-products-inner ul.products {
39
- -js-display: flex;
40
- display: -webkit-box;
41
- display: -webkit-flex;
42
- display: -moz-box;
43
- display: -ms-flexbox;
44
- display: flex;
45
- margin: 0;
46
- padding: 0;
47
- -webkit-flex-wrap: wrap;
48
- -ms-flex-wrap: wrap;
49
- flex-wrap: wrap;
50
- list-style: none outside;
51
- -webkit-column-gap: 0;
52
- -moz-column-gap: 0;
53
- column-gap: 0;
54
- }
55
-
56
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
57
- margin: 0 0 10px;
58
- padding: 0 10px;
59
- }
60
-
61
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
62
- overflow: hidden;
63
- -webkit-transition: all 0.3s ease-in-out;
64
- transition: all 0.3s ease-in-out;
65
- }
66
-
67
- .premium-woocommerce .premium-woo-product-category {
68
- display: block;
69
- font-size: 0.85em;
70
- margin-bottom: 0.5em;
71
- line-height: 1.3;
72
- }
73
-
74
- .premium-woocommerce .woocommerce-loop-product__title {
75
- margin-bottom: 0.5em;
76
- font-size: 1em;
77
- -webkit-transition: all 0.3s ease-in-out;
78
- transition: all 0.3s ease-in-out;
79
- }
80
-
81
- .premium-woocommerce .woocommerce-loop-product__link {
82
- position: relative;
83
- display: block !important;
84
- overflow: hidden;
85
- -webkit-transition: all 0.3s ease-in-out;
86
- transition: all 0.3s ease-in-out;
87
- }
88
-
89
- .premium-woocommerce .premium-woo-ribbon-container,
90
- .premium-woocommerce .pa-out-of-stock {
91
- position: absolute;
92
- z-index: 9;
93
- }
94
-
95
- .premium-woocommerce .premium-woo-ribbon-container {
96
- top: 0;
97
- right: 0;
98
- }
99
-
100
- .premium-woocommerce .pa-out-of-stock {
101
- top: 7px;
102
- right: 9px;
103
- margin: 0;
104
- }
105
-
106
- .premium-woocommerce .star-rating {
107
- display: block;
108
- float: none;
109
- margin: 0 auto 0.5em;
110
- -webkit-backface-visibility: hidden;
111
- backface-visibility: hidden;
112
- overflow: hidden;
113
- position: relative;
114
- height: 1em;
115
- line-height: 1;
116
- font-size: 0.857em;
117
- width: 5.4em;
118
- font-family: star;
119
- }
120
-
121
- .premium-woocommerce .star-rating::before {
122
- content: "\73\73\73\73\73";
123
- color: #54595f;
124
- float: right;
125
- top: 0;
126
- right: 0;
127
- position: absolute;
128
- }
129
-
130
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
131
- overflow: hidden;
132
- float: right;
133
- top: 0;
134
- right: 0;
135
- position: absolute;
136
- padding-top: 1.5em;
137
- }
138
-
139
- .premium-woocommerce .star-rating span::before {
140
- content: "\53\53\53\53\53";
141
- color: inherit;
142
- top: 0;
143
- position: absolute;
144
- right: 0;
145
- }
146
-
147
- .premium-woo-product-thumbnail {
148
- position: relative;
149
- overflow: hidden;
150
- }
151
-
152
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
153
- margin: 0;
154
- width: 100%;
155
- }
156
-
157
- .premium-woo-product-sale-wrap,
158
- .premium-woo-product-featured-wrap {
159
- margin: 0;
160
- }
161
-
162
- .premium-woocommerce .premium-woo-products-details-wrap {
163
- padding: 1em 1.2em;
164
- }
165
-
166
- .premium-woocommerce .premium-woo-products-details-wrap .button {
167
- display: inline-block;
168
- background-color: #6ec1e4;
169
- color: #fff;
170
- margin: 0.5em 0;
171
- line-height: 1.3;
172
- padding: 10px 40px;
173
- font-size: 100%;
174
- cursor: pointer;
175
- text-decoration: none;
176
- overflow: visible;
177
- font-weight: 700;
178
- background-image: none;
179
- border: none;
180
- -webkit-border-radius: 0px;
181
- border-radius: 0px;
182
- -webkit-box-shadow: none;
183
- box-shadow: none;
184
- text-shadow: none;
185
- -webkit-transition: all 0.3s ease-in-out;
186
- transition: all 0.3s ease-in-out;
187
- }
188
-
189
- .premium-woocommerce li.product .price {
190
- display: block;
191
- line-height: 1.3;
192
- font-weight: 700;
193
- margin-bottom: 0.5em;
194
- font-size: 0.9em;
195
- }
196
-
197
- .premium-woocommerce li.product .price del {
198
- display: inline-block;
199
- font-weight: 400;
200
- background: transparent;
201
- opacity: 1;
202
- }
203
-
204
- .premium-woocommerce li.product .price ins {
205
- display: inline-block;
206
- background: transparent;
207
- text-decoration: none;
208
- font-weight: inherit;
209
- }
210
-
211
- .premium-woocommerce li.product .price .amount {
212
- color: inherit !important;
213
- }
214
-
215
- .premium-woocommerce li.product .premium-woo-product-desc p {
216
- margin: 0;
217
- }
218
-
219
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
220
- margin-right: auto;
221
- margin-left: 0;
222
- }
223
-
224
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
225
- margin-right: auto;
226
- margin-left: auto;
227
- }
228
-
229
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
230
- margin-right: 0;
231
- margin-left: auto;
232
- }
233
-
234
- .premium-woo-products-pagination ul.page-numbers {
235
- -js-display: flex;
236
- display: -webkit-box;
237
- display: -webkit-flex;
238
- display: -moz-box;
239
- display: -ms-flexbox;
240
- display: flex;
241
- list-style-type: none;
242
- margin: 0;
243
- margin-top: 10px;
244
- padding: 0;
245
- border: none;
246
- -webkit-box-pack: center;
247
- -webkit-justify-content: center;
248
- -moz-box-pack: center;
249
- -ms-flex-pack: center;
250
- justify-content: center;
251
- }
252
-
253
- .premium-woo-products-pagination ul.page-numbers li {
254
- margin: 0 0 0.4em 0.4em;
255
- padding: 0;
256
- text-align: center;
257
- }
258
-
259
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
260
- margin: 0;
261
- text-decoration: none;
262
- color: #000;
263
- border: 1px solid #54595f;
264
- padding: 0;
265
- line-height: 1;
266
- font-size: 1em;
267
- font-weight: 400;
268
- padding: 0.75em;
269
- display: block;
270
- min-width: 2.5em;
271
- -webkit-transition: all 0.3s ease-in-out;
272
- transition: all 0.3s ease-in-out;
273
- }
274
-
275
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
276
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
277
- background-color: #54595f;
278
- color: #fff;
279
- outline: none;
280
- }
281
-
282
- .premium-woocommerce .premium-loading-feed,
283
- .premium-woo-quick-view-loader .premium-loading-feed {
284
- display: block;
285
- position: absolute;
286
- width: 100%;
287
- height: 100%;
288
- top: 0px;
289
- right: 0px;
290
- bottom: 0px;
291
- left: 0px;
292
- background: rgba(255, 255, 255, 0.2);
293
- -js-display: flex;
294
- display: -webkit-box;
295
- display: -webkit-flex;
296
- display: -moz-box;
297
- display: -ms-flexbox;
298
- display: flex;
299
- -webkit-box-align: center;
300
- -webkit-align-items: center;
301
- -moz-box-align: center;
302
- -ms-flex-align: center;
303
- align-items: center;
304
- }
305
-
306
- /**
307
- * Image Hover Effects
308
- */
309
- .premium-woocommerce .woocommerce-loop-product__link img {
310
- -webkit-transition: all 0.3s ease-in-out;
311
- transition: all 0.3s ease-in-out;
312
- }
313
-
314
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
315
- -webkit-transform: scale(1.2);
316
- -ms-transform: scale(1.2);
317
- transform: scale(1.2);
318
- }
319
-
320
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
321
- -webkit-transform: none;
322
- -ms-transform: none;
323
- transform: none;
324
- }
325
-
326
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
327
- -webkit-transform: none;
328
- -ms-transform: none;
329
- transform: none;
330
- }
331
-
332
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
333
- -webkit-transform: scale(1.2);
334
- -ms-transform: scale(1.2);
335
- transform: scale(1.2);
336
- }
337
-
338
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
339
- -webkit-filter: grayscale(100%);
340
- filter: grayscale(100%);
341
- }
342
-
343
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
344
- -webkit-filter: grayscale(0%);
345
- filter: grayscale(0%);
346
- }
347
-
348
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
349
- -webkit-filter: sepia(30%);
350
- filter: sepia(30%);
351
- }
352
-
353
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
354
- -webkit-filter: sepia(0%);
355
- filter: sepia(0%);
356
- }
357
-
358
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
359
- -webkit-filter: brightness(1);
360
- filter: brightness(1);
361
- }
362
-
363
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
364
- -webkit-filter: brightness(1.2);
365
- filter: brightness(1.2);
366
- }
367
-
368
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
369
- -webkit-transform: translateX(15px) scale(1.1);
370
- -ms-transform: translateX(15px) scale(1.1);
371
- transform: translateX(15px) scale(1.1);
372
- }
373
-
374
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
375
- -webkit-transform: translateX(0px) scale(1.1);
376
- -ms-transform: translateX(0px) scale(1.1);
377
- transform: translateX(0px) scale(1.1);
378
- }
379
-
380
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
381
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
382
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
383
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
384
- }
385
-
386
- .premium-woocommerce .premium-woo-product__on_hover {
387
- position: absolute;
388
- top: 0;
389
- left: 0;
390
- bottom: 0;
391
- right: 0;
392
- height: 100%;
393
- opacity: 0;
394
- }
395
-
396
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
397
- opacity: 1;
398
- }
399
-
400
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
401
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
402
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
403
- position: absolute;
404
- bottom: 0;
405
- right: 0;
406
- width: 100%;
407
- text-align: center;
408
- padding: 5px;
409
- background: rgba(2, 2, 2, 0.5);
410
- color: #fff;
411
- -webkit-transition: all 0.3s ease-in-out;
412
- transition: all 0.3s ease-in-out;
413
- z-index: 2;
414
- -webkit-transform: translateY(100%);
415
- -ms-transform: translateY(100%);
416
- transform: translateY(100%);
417
- }
418
-
419
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
420
- -webkit-transition-delay: 0.1s;
421
- transition-delay: 0.1s;
422
- }
423
-
424
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
425
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
426
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
427
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
428
- margin-right: 0.5em;
429
- }
430
-
431
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
432
- -webkit-transform: translateY(0);
433
- -ms-transform: translateY(0);
434
- transform: translateY(0);
435
- }
436
-
437
- .premium-woo-product-wrapper .premium-woo-qv-data {
438
- position: absolute;
439
- top: 0;
440
- right: 0;
441
- width: 100%;
442
- height: 100%;
443
- z-index: 1;
444
- overflow: hidden;
445
- cursor: pointer;
446
- }
447
-
448
- /**
449
- * Skin 1,4
450
- */
451
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
452
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
453
- position: absolute;
454
- top: 0.7em;
455
- left: 1em;
456
- -webkit-transform: translate3d(-15px, 0, 0);
457
- transform: translate3d(-15px, 0, 0);
458
- -webkit-transition: all 0.3s ease-in-out;
459
- transition: all 0.3s ease-in-out;
460
- opacity: 0;
461
- z-index: 9;
462
- }
463
-
464
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
465
- position: relative;
466
- display: block;
467
- margin: 0 0 3px;
468
- background: #fff;
469
- text-align: center;
470
- outline: 0;
471
- -webkit-transition: all 0.3s ease-in-out;
472
- transition: all 0.3s ease-in-out;
473
- }
474
-
475
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
476
- display: block;
477
- color: #54595f;
478
- width: 30px;
479
- line-height: 30px;
480
- height: 30px;
481
- cursor: pointer;
482
- -webkit-transition: all 0.3s ease-in-out;
483
- transition: all 0.3s ease-in-out;
484
- }
485
-
486
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
487
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
488
- -webkit-transform: translate3d(-5px, 0, 0);
489
- transform: translate3d(-5px, 0, 0);
490
- opacity: 1;
491
- }
492
-
493
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
494
- -webkit-animation: spin 2s linear infinite;
495
- animation: spin 2s linear infinite;
496
- }
497
-
498
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
499
- content: "\f013";
500
- }
501
-
502
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
503
- content: "\f00c";
504
- }
505
-
506
- /**
507
- * Skin 2
508
- */
509
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
510
- position: absolute;
511
- background: #fff;
512
- bottom: 0;
513
- right: 0;
514
- width: 100%;
515
- z-index: 2;
516
- padding: 0;
517
- opacity: 0;
518
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
519
- transition: opacity 0.2s, -webkit-transform 0.4s;
520
- transition: transform 0.4s, opacity 0.2s;
521
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
522
- -webkit-transform: translateZ(0) translateY(5px);
523
- transform: translateZ(0) translateY(5px);
524
- }
525
-
526
- .premium-woo-skin-grid-2 .premium-woo-product-details {
527
- padding: 15px 0;
528
- }
529
-
530
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
531
- opacity: 1;
532
- -webkit-transform: translateZ(0) translateY(0);
533
- transform: translateZ(0) translateY(0);
534
- }
535
-
536
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
537
- position: static;
538
- -js-display: flex;
539
- display: -webkit-box;
540
- display: -webkit-flex;
541
- display: -moz-box;
542
- display: -ms-flexbox;
543
- display: flex;
544
- -webkit-box-orient: horizontal;
545
- -webkit-box-direction: reverse;
546
- -webkit-flex-direction: row-reverse;
547
- -moz-box-orient: horizontal;
548
- -moz-box-direction: reverse;
549
- -ms-flex-direction: row-reverse;
550
- flex-direction: row-reverse;
551
- }
552
-
553
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
554
- -webkit-box-flex: 1;
555
- -webkit-flex: 1;
556
- -moz-box-flex: 1;
557
- -ms-flex: 1;
558
- flex: 1;
559
- min-width: 50%;
560
- }
561
-
562
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
563
- -js-display: flex;
564
- display: -webkit-box;
565
- display: -webkit-flex;
566
- display: -moz-box;
567
- display: -ms-flexbox;
568
- display: flex;
569
- margin: 0;
570
- text-align: center;
571
- -webkit-box-pack: center;
572
- -webkit-justify-content: center;
573
- -moz-box-pack: center;
574
- -ms-flex-pack: center;
575
- justify-content: center;
576
- -webkit-box-align: center;
577
- -webkit-align-items: center;
578
- -moz-box-align: center;
579
- -ms-flex-align: center;
580
- align-items: center;
581
- }
582
-
583
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
584
- background-color: #54595f;
585
- }
586
-
587
- /**
588
- * Skin 4
589
- */
590
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
591
- position: absolute;
592
- right: 0;
593
- left: 0;
594
- top: 50%;
595
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
596
- transform: scale(0.9) translateZ(0) translateY(-50%);
597
- text-align: center;
598
- z-index: 2;
599
- opacity: 0;
600
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
601
- transition: opacity 0.5s, -webkit-transform 0.3s;
602
- transition: opacity 0.5s, transform 0.3s;
603
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
604
- }
605
-
606
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
607
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
608
- position: absolute;
609
- top: 0;
610
- right: 0;
611
- width: 100%;
612
- height: 100%;
613
- opacity: 0;
614
- visibility: hidden;
615
- background-color: rgba(27, 27, 23, 0.3);
616
- -webkit-transition: all 0.25s ease-in-out;
617
- transition: all 0.25s ease-in-out;
618
- }
619
-
620
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
621
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
622
- opacity: 1;
623
- visibility: visible;
624
- z-index: 1;
625
- }
626
-
627
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
628
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
629
- transform: scale(1) translateZ(0) translateY(-50%);
630
- opacity: 1;
631
- }
632
-
633
- /**
634
- * Skin 5
635
- */
636
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
637
- -js-display: flex;
638
- display: -webkit-box;
639
- display: -webkit-flex;
640
- display: -moz-box;
641
- display: -ms-flexbox;
642
- display: flex;
643
- }
644
-
645
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
646
- -js-display: flex;
647
- display: -webkit-box;
648
- display: -webkit-flex;
649
- display: -moz-box;
650
- display: -ms-flexbox;
651
- display: flex;
652
- -webkit-box-align: center;
653
- -webkit-align-items: center;
654
- -moz-box-align: center;
655
- -ms-flex-align: center;
656
- align-items: center;
657
- background-color: #54595f;
658
- padding: 10px;
659
- -webkit-transition: all 0.25s ease 0s;
660
- transition: all 0.25s ease 0s;
661
- }
662
-
663
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
664
- width: 75%;
665
- }
666
-
667
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
668
- -js-display: flex;
669
- display: -webkit-box;
670
- display: -webkit-flex;
671
- display: -moz-box;
672
- display: -ms-flexbox;
673
- display: flex;
674
- -webkit-box-align: center;
675
- -webkit-align-items: center;
676
- -moz-box-align: center;
677
- -ms-flex-align: center;
678
- align-items: center;
679
- }
680
-
681
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
682
- -webkit-box-pack: end;
683
- -webkit-justify-content: flex-end;
684
- -moz-box-pack: end;
685
- -ms-flex-pack: end;
686
- justify-content: flex-end;
687
- }
688
-
689
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
690
- -webkit-box-pack: center;
691
- -webkit-justify-content: center;
692
- -moz-box-pack: center;
693
- -ms-flex-pack: center;
694
- justify-content: center;
695
- }
696
-
697
- /**
698
- * Skin 6
699
- */
700
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
701
- position: absolute;
702
- top: 50%;
703
- right: 50%;
704
- min-width: 40%;
705
- text-align: center;
706
- padding: 5px;
707
- background: rgba(2, 2, 2, 0.5);
708
- color: #fff;
709
- -webkit-transform: translate(50%, -50%);
710
- -ms-transform: translate(50%, -50%);
711
- transform: translate(50%, -50%);
712
- opacity: 0;
713
- visibility: hidden;
714
- -webkit-transition: all 0.3s ease-in-out;
715
- transition: all 0.3s ease-in-out;
716
- cursor: pointer;
717
- z-index: 2;
718
- }
719
-
720
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
721
- opacity: 1;
722
- visibility: visible;
723
- }
724
-
725
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
726
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
727
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
728
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
729
- margin: 0;
730
- }
731
-
732
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
733
- -js-display: flex;
734
- display: -webkit-box;
735
- display: -webkit-flex;
736
- display: -moz-box;
737
- display: -ms-flexbox;
738
- display: flex;
739
- -webkit-box-pack: justify;
740
- -webkit-justify-content: space-between;
741
- -moz-box-pack: justify;
742
- -ms-flex-pack: justify;
743
- justify-content: space-between;
744
- }
745
-
746
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
747
- -webkit-box-orient: vertical;
748
- -webkit-box-direction: normal;
749
- -webkit-flex-direction: column;
750
- -moz-box-orient: vertical;
751
- -moz-box-direction: normal;
752
- -ms-flex-direction: column;
753
- flex-direction: column;
754
- }
755
-
756
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
757
- -webkit-box-orient: horizontal;
758
- -webkit-box-direction: reverse;
759
- -webkit-flex-direction: row-reverse;
760
- -moz-box-orient: horizontal;
761
- -moz-box-direction: reverse;
762
- -ms-flex-direction: row-reverse;
763
- flex-direction: row-reverse;
764
- }
765
-
766
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
767
- -js-display: flex;
768
- display: -webkit-box;
769
- display: -webkit-flex;
770
- display: -moz-box;
771
- display: -ms-flexbox;
772
- display: flex;
773
- position: absolute;
774
- bottom: 10px;
775
- width: 100%;
776
- -webkit-box-pack: center;
777
- -webkit-justify-content: center;
778
- -moz-box-pack: center;
779
- -ms-flex-pack: center;
780
- justify-content: center;
781
- }
782
-
783
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
784
- width: 20%;
785
- margin: 0 0.2em;
786
- border: 2px solid #aaa;
787
- cursor: pointer;
788
- }
789
-
790
- /**
791
- * Metro
792
- */
793
- /*.premium-woo-grid-style1 ul.products li.product {
794
- width: 25%;
795
- }*/
796
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
797
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
798
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
799
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
800
- height: 100%;
801
- }
802
-
803
- .premium-woo-products-metro ul.products li.product {
804
- margin-bottom: 0;
805
- }
806
-
807
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
808
- -o-object-fit: cover;
809
- object-fit: cover;
810
- }
811
-
812
- /*
813
- * Carousel
814
- */
815
- .premium-carousel-hidden {
816
- opacity: 0;
817
- visibility: hidden;
818
- }
819
-
820
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
821
- -webkit-border-radius: 50%;
822
- border-radius: 50%;
823
- }
824
-
825
- .premium-woocommerce ul.slick-dots {
826
- width: 100%;
827
- }
828
-
829
- /*
830
- * Quick View Html/body
831
- */
832
- html.premium-woo-qv-opened,
833
- html.premium-woo-qv-opened body {
834
- overflow: hidden;
835
- }
836
-
837
- /**
838
- * Quick View Modal
839
- */
840
- .premium-woo-quick-view-back {
841
- position: fixed;
842
- visibility: hidden;
843
- overflow: hidden;
844
- background: rgba(2, 2, 2, 0.5);
845
- opacity: 0;
846
- -webkit-transition: opacity 0.25s;
847
- transition: opacity 0.25s;
848
- z-index: 999;
849
- }
850
-
851
- .premium-woo-quick-view-active {
852
- top: 0;
853
- right: 0;
854
- width: 100%;
855
- height: 100%;
856
- opacity: 1;
857
- visibility: visible;
858
- }
859
-
860
- #premium-woo-quick-view-modal {
861
- position: fixed;
862
- visibility: hidden;
863
- opacity: 0;
864
- top: 0;
865
- right: 0;
866
- width: 100%;
867
- height: 100%;
868
- z-index: 1400;
869
- text-align: center;
870
- -webkit-transition: all 0.3s;
871
- transition: all 0.3s;
872
- overflow-x: hidden;
873
- overflow-y: auto;
874
- }
875
-
876
- #premium-woo-quick-view-modal.active {
877
- visibility: visible;
878
- opacity: 1;
879
- }
880
-
881
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
882
- -webkit-transform: translateY(0);
883
- -ms-transform: translateY(0);
884
- transform: translateY(0);
885
- opacity: 1;
886
- width: 100%;
887
- }
888
-
889
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
890
- position: absolute;
891
- width: 100%;
892
- height: 100%;
893
- top: 0;
894
- right: 0;
895
- text-align: center;
896
- padding: 30px;
897
- -js-display: flex;
898
- display: -webkit-box;
899
- display: -webkit-flex;
900
- display: -moz-box;
901
- display: -ms-flexbox;
902
- display: flex;
903
- -webkit-box-align: center;
904
- -webkit-align-items: center;
905
- -moz-box-align: center;
906
- -ms-flex-align: center;
907
- align-items: center;
908
- }
909
-
910
- #premium-woo-quick-view-modal .premium-woo-content-main {
911
- position: relative;
912
- pointer-events: none;
913
- max-width: 100%;
914
- text-align: right;
915
- z-index: 1045;
916
- -webkit-transform: translateY(-30px);
917
- -ms-transform: translateY(-30px);
918
- transform: translateY(-30px);
919
- opacity: 0;
920
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
921
- transition: opacity 0.3s, -webkit-transform 0.5s;
922
- transition: transform 0.5s, opacity 0.3s;
923
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
924
- margin: 0 auto;
925
- }
926
-
927
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
928
- position: relative;
929
- display: table;
930
- pointer-events: auto;
931
- background-color: #fff;
932
- max-width: 975px;
933
- margin: 20px auto;
934
- -webkit-transform: translateZ(0);
935
- transform: translateZ(0);
936
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
937
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
938
- overflow: hidden;
939
- }
940
-
941
- #premium-woo-quick-view-modal .summary {
942
- width: 50%;
943
- margin: 0;
944
- padding: 30px;
945
- float: right;
946
- -webkit-box-sizing: border-box;
947
- -moz-box-sizing: border-box;
948
- box-sizing: border-box;
949
- }
950
-
951
- #premium-woo-quick-view-modal .summary .quantity {
952
- min-width: auto;
953
- }
954
-
955
- #premium-woo-quick-view-modal .summary .quantity input.qty {
956
- width: 54px;
957
- -webkit-appearance: button;
958
- -moz-appearance: button;
959
- appearance: button;
960
- }
961
-
962
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
963
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
964
- display: unset;
965
- }
966
-
967
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
968
- margin: 0;
969
- }
970
-
971
- #premium-woo-quick-view-close {
972
- position: absolute;
973
- font-size: 22px;
974
- top: 10px;
975
- left: 10px;
976
- width: 22px;
977
- height: 22px;
978
- line-height: 22px;
979
- opacity: 0.7;
980
- text-align: center;
981
- z-index: 2;
982
- color: #000;
983
- }
984
-
985
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
986
- position: relative;
987
- }
988
-
989
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
990
- list-style: none;
991
- }
992
-
993
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
994
- margin: 0;
995
- padding: 0;
996
- width: 100%;
997
- position: absolute;
998
- bottom: 10px;
999
- text-align: center;
1000
- direction: ltr;
1001
- }
1002
-
1003
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
1004
- margin: 0 6px;
1005
- display: inline-block;
1006
- vertical-align: middle;
1007
- }
1008
-
1009
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
1010
- width: 11px;
1011
- height: 11px;
1012
- display: block;
1013
- background: #666;
1014
- background: rgba(0, 0, 0, 0.5);
1015
- cursor: pointer;
1016
- text-indent: -9999px;
1017
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1018
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1019
- -webkit-border-radius: 20px;
1020
- border-radius: 20px;
1021
- }
1022
-
1023
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
1024
- background: rgba(0, 0, 0, 0.9);
1025
- cursor: default;
1026
- }
1027
-
1028
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
1029
- outline: none;
1030
- }
1031
-
1032
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
1033
- -o-object-fit: cover;
1034
- object-fit: cover;
1035
- width: 100%;
1036
- }
1037
-
1038
- #premium-woo-quick-view-content div.images {
1039
- width: 50%;
1040
- float: right;
1041
- opacity: 1 !important;
1042
- margin: 0;
1043
- }
1044
-
1045
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
1046
- margin: 0;
1047
- padding: 0;
1048
- list-style: none;
1049
- direction: ltr;
1050
- }
1051
-
1052
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
1053
- text-decoration: none;
1054
- display: block;
1055
- width: 14px;
1056
- height: 32px;
1057
- font-size: 32px;
1058
- line-height: 32px;
1059
- margin: -20px 0 0;
1060
- position: absolute;
1061
- top: 50%;
1062
- z-index: 10;
1063
- overflow: hidden;
1064
- cursor: pointer;
1065
- color: rgba(0, 0, 0, 0.8);
1066
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
1067
- -webkit-transition: all 0.3s ease-in-out;
1068
- transition: all 0.3s ease-in-out;
1069
- }
1070
-
1071
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
1072
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1073
- display: inline-block;
1074
- font-family: "Font Awesome 5 Free";
1075
- font-weight: 900;
1076
- text-rendering: auto;
1077
- -webkit-font-smoothing: antialiased;
1078
- -moz-osx-font-smoothing: grayscale;
1079
- }
1080
-
1081
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1082
- left: 10px;
1083
- }
1084
-
1085
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
1086
- right: 10px;
1087
- }
1088
-
1089
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
1090
- content: "\f104";
1091
- }
1092
-
1093
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
1094
- content: "\f105";
1095
- }
1096
-
1097
- .premium-woocommerce li.product .added_to_cart.wc-forward {
1098
- display: none;
1099
- }
1100
-
1101
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
1102
- -webkit-animation: spin 2s linear infinite;
1103
- animation: spin 2s linear infinite;
1104
- margin-right: 5px;
1105
- vertical-align: baseline;
1106
- }
1107
-
1108
- /*
1109
- * Load More Button
1110
- */
1111
- .premium-woo-load-more {
1112
- position: relative;
1113
- }
1114
-
1115
- .premium-woo-load-more .premium-woo-load-more-btn {
1116
- -webkit-box-shadow: none;
1117
- box-shadow: none;
1118
- text-shadow: none;
1119
- border: none;
1120
- outline: none;
1121
- -webkit-box-align: center;
1122
- -webkit-align-items: center;
1123
- -moz-box-align: center;
1124
- -ms-flex-align: center;
1125
- align-items: center;
1126
- vertical-align: bottom;
1127
- cursor: pointer;
1128
- line-height: 1;
1129
- font-style: normal;
1130
- font-weight: normal;
1131
- background-image: none;
1132
- color: #fff;
1133
- -webkit-transition: all 0.3s ease-in-out;
1134
- transition: all 0.3s ease-in-out;
1135
- padding: 10px 20px;
1136
- }
1137
-
1138
- .premium-woo-load-more-btn {
1139
- -js-display: inline-flex;
1140
- display: -webkit-inline-box;
1141
- display: -webkit-inline-flex;
1142
- display: -moz-inline-box;
1143
- display: -ms-inline-flexbox;
1144
- display: inline-flex;
1145
- -webkit-box-align: center;
1146
- -webkit-align-items: center;
1147
- -moz-box-align: center;
1148
- -ms-flex-align: center;
1149
- align-items: center;
1150
- }
1151
-
1152
- .premium-woo-load-more-btn span {
1153
- margin-right: 3px;
1154
- }
1155
-
1156
- .premium-woo-load-more-btn .premium-loader {
1157
- display: inline-block;
1158
- width: 20px;
1159
- height: 20px;
1160
- }
1161
-
1162
- @media (min-width: 545px) {
1163
- #premium-woo-quick-view-content div.summary {
1164
- content: "544";
1165
- overflow-y: auto;
1166
- }
1167
- }
1168
-
1169
- @media (max-width: 544px) {
1170
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
1171
- display: block;
1172
- }
1173
-
1174
- #premium-woo-quick-view-content div.images,
1175
- #premium-woo-quick-view-content div.summary {
1176
- width: 100%;
1177
- float: none;
1178
- }
1179
  }
1
+ /********** Premium Woo Products **********/
2
+ /******************************************/
3
+ .ast-single-post .entry-content .premium-woocommerce a {
4
+ text-decoration: none;
5
+ }
6
+
7
+ .premium-woocommerce .premium-woo-qv-btn {
8
+ cursor: pointer;
9
+ }
10
+
11
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
12
+ margin: 0 auto 0.5em;
13
+ }
14
+
15
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
16
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
17
+ display: block;
18
+ text-align: center;
19
+ color: #fff;
20
+ min-width: 2em;
21
+ min-height: 2em;
22
+ line-height: 2em;
23
+ padding: 0.3em 0.6em;
24
+ margin: 0.5em 0.6em;
25
+ }
26
+
27
+ .premium-woocommerce .pa-out-of-stock {
28
+ display: block;
29
+ text-align: center;
30
+ color: #fff;
31
+ min-width: 2em;
32
+ min-height: 2em;
33
+ line-height: 2em;
34
+ padding: 0.3em 0.6em;
35
+ margin: 0.5em 0.6em;
36
+ }
37
+
38
+ .premium-woocommerce .premium-woo-products-inner ul.products {
39
+ -js-display: flex;
40
+ display: -webkit-box;
41
+ display: -webkit-flex;
42
+ display: -moz-box;
43
+ display: -ms-flexbox;
44
+ display: flex;
45
+ margin: 0;
46
+ padding: 0;
47
+ -webkit-flex-wrap: wrap;
48
+ -ms-flex-wrap: wrap;
49
+ flex-wrap: wrap;
50
+ list-style: none outside;
51
+ -webkit-column-gap: 0;
52
+ -moz-column-gap: 0;
53
+ column-gap: 0;
54
+ }
55
+
56
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
57
+ margin: 0 0 10px;
58
+ padding: 0 10px;
59
+ }
60
+
61
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
62
+ overflow: hidden;
63
+ -webkit-transition: all 0.3s ease-in-out;
64
+ transition: all 0.3s ease-in-out;
65
+ }
66
+
67
+ .premium-woocommerce .premium-woo-product-category {
68
+ display: block;
69
+ font-size: 0.85em;
70
+ margin-bottom: 0.5em;
71
+ line-height: 1.3;
72
+ }
73
+
74
+ .premium-woocommerce .woocommerce-loop-product__title {
75
+ margin-bottom: 0.5em;
76
+ font-size: 1em;
77
+ -webkit-transition: all 0.3s ease-in-out;
78
+ transition: all 0.3s ease-in-out;
79
+ }
80
+
81
+ .premium-woocommerce .woocommerce-loop-product__link {
82
+ position: relative;
83
+ display: block !important;
84
+ overflow: hidden;
85
+ -webkit-transition: all 0.3s ease-in-out;
86
+ transition: all 0.3s ease-in-out;
87
+ }
88
+
89
+ .premium-woocommerce .premium-woo-ribbon-container,
90
+ .premium-woocommerce .pa-out-of-stock {
91
+ position: absolute;
92
+ z-index: 9;
93
+ }
94
+
95
+ .premium-woocommerce .premium-woo-ribbon-container {
96
+ top: 0;
97
+ right: 0;
98
+ }
99
+
100
+ .premium-woocommerce .pa-out-of-stock {
101
+ top: 7px;
102
+ right: 9px;
103
+ margin: 0;
104
+ }
105
+
106
+ .premium-woocommerce .star-rating {
107
+ display: block;
108
+ float: none;
109
+ margin: 0 auto 0.5em;
110
+ -webkit-backface-visibility: hidden;
111
+ backface-visibility: hidden;
112
+ overflow: hidden;
113
+ position: relative;
114
+ height: 1em;
115
+ line-height: 1;
116
+ font-size: 0.857em;
117
+ width: 5.4em;
118
+ font-family: star;
119
+ }
120
+
121
+ .premium-woocommerce .star-rating::before {
122
+ content: "\73\73\73\73\73";
123
+ color: #54595f;
124
+ float: right;
125
+ top: 0;
126
+ right: 0;
127
+ position: absolute;
128
+ }
129
+
130
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
131
+ overflow: hidden;
132
+ float: right;
133
+ top: 0;
134
+ right: 0;
135
+ position: absolute;
136
+ padding-top: 1.5em;
137
+ }
138
+
139
+ .premium-woocommerce .star-rating span::before {
140
+ content: "\53\53\53\53\53";
141
+ color: inherit;
142
+ top: 0;
143
+ position: absolute;
144
+ right: 0;
145
+ }
146
+
147
+ .premium-woo-product-thumbnail {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+
152
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
153
+ margin: 0;
154
+ width: 100%;
155
+ }
156
+
157
+ .premium-woo-product-sale-wrap,
158
+ .premium-woo-product-featured-wrap {
159
+ margin: 0;
160
+ }
161
+
162
+ .premium-woocommerce .premium-woo-products-details-wrap {
163
+ padding: 1em 1.2em;
164
+ }
165
+
166
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
167
+ display: inline-block;
168
+ background-color: #6ec1e4;
169
+ color: #fff;
170
+ margin: 0.5em 0;
171
+ line-height: 1.3;
172
+ padding: 10px 40px;
173
+ font-size: 100%;
174
+ cursor: pointer;
175
+ text-decoration: none;
176
+ overflow: visible;
177
+ font-weight: 700;
178
+ background-image: none;
179
+ border: none;
180
+ -webkit-border-radius: 0px;
181
+ border-radius: 0px;
182
+ -webkit-box-shadow: none;
183
+ box-shadow: none;
184
+ text-shadow: none;
185
+ -webkit-transition: all 0.3s ease-in-out;
186
+ transition: all 0.3s ease-in-out;
187
+ }
188
+
189
+ .premium-woocommerce li.product .price {
190
+ display: block;
191
+ line-height: 1.3;
192
+ font-weight: 700;
193
+ margin-bottom: 0.5em;
194
+ font-size: 0.9em;
195
+ }
196
+
197
+ .premium-woocommerce li.product .price del {
198
+ display: inline-block;
199
+ font-weight: 400;
200
+ background: transparent;
201
+ opacity: 1;
202
+ }
203
+
204
+ .premium-woocommerce li.product .price ins {
205
+ display: inline-block;
206
+ background: transparent;
207
+ text-decoration: none;
208
+ font-weight: inherit;
209
+ }
210
+
211
+ .premium-woocommerce li.product .price .amount {
212
+ color: inherit !important;
213
+ }
214
+
215
+ .premium-woocommerce li.product .premium-woo-product-desc p {
216
+ margin: 0;
217
+ }
218
+
219
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
220
+ margin-right: auto;
221
+ margin-left: 0;
222
+ }
223
+
224
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
225
+ margin-right: auto;
226
+ margin-left: auto;
227
+ }
228
+
229
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
230
+ margin-right: 0;
231
+ margin-left: auto;
232
+ }
233
+
234
+ .premium-woo-products-pagination ul.page-numbers {
235
+ -js-display: flex;
236
+ display: -webkit-box;
237
+ display: -webkit-flex;
238
+ display: -moz-box;
239
+ display: -ms-flexbox;
240
+ display: flex;
241
+ list-style-type: none;
242
+ margin: 0;
243
+ margin-top: 10px;
244
+ padding: 0;
245
+ border: none;
246
+ -webkit-box-pack: center;
247
+ -webkit-justify-content: center;
248
+ -moz-box-pack: center;
249
+ -ms-flex-pack: center;
250
+ justify-content: center;
251
+ }
252
+
253
+ .premium-woo-products-pagination ul.page-numbers li {
254
+ margin: 0 0 0.4em 0.4em;
255
+ padding: 0;
256
+ text-align: center;
257
+ }
258
+
259
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
260
+ margin: 0;
261
+ text-decoration: none;
262
+ color: #000;
263
+ border: 1px solid #54595f;
264
+ padding: 0;
265
+ line-height: 1;
266
+ font-size: 1em;
267
+ font-weight: 400;
268
+ padding: 0.75em;
269
+ display: block;
270
+ min-width: 2.5em;
271
+ -webkit-transition: all 0.3s ease-in-out;
272
+ transition: all 0.3s ease-in-out;
273
+ }
274
+
275
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
276
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
277
+ background-color: #54595f;
278
+ color: #fff;
279
+ outline: none;
280
+ }
281
+
282
+ .premium-woocommerce .premium-loading-feed,
283
+ .premium-woo-quick-view-loader .premium-loading-feed {
284
+ display: block;
285
+ position: absolute;
286
+ width: 100%;
287
+ height: 100%;
288
+ top: 0px;
289
+ right: 0px;
290
+ bottom: 0px;
291
+ left: 0px;
292
+ background: rgba(255, 255, 255, 0.2);
293
+ -js-display: flex;
294
+ display: -webkit-box;
295
+ display: -webkit-flex;
296
+ display: -moz-box;
297
+ display: -ms-flexbox;
298
+ display: flex;
299
+ -webkit-box-align: center;
300
+ -webkit-align-items: center;
301
+ -moz-box-align: center;
302
+ -ms-flex-align: center;
303
+ align-items: center;
304
+ }
305
+
306
+ /**
307
+ * Image Hover Effects
308
+ */
309
+ .premium-woocommerce .woocommerce-loop-product__link img {
310
+ -webkit-transition: all 0.3s ease-in-out;
311
+ transition: all 0.3s ease-in-out;
312
+ }
313
+
314
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
315
+ -webkit-transform: scale(1.2);
316
+ -ms-transform: scale(1.2);
317
+ transform: scale(1.2);
318
+ }
319
+
320
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
321
+ -webkit-transform: none;
322
+ -ms-transform: none;
323
+ transform: none;
324
+ }
325
+
326
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
327
+ -webkit-transform: none;
328
+ -ms-transform: none;
329
+ transform: none;
330
+ }
331
+
332
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
333
+ -webkit-transform: scale(1.2);
334
+ -ms-transform: scale(1.2);
335
+ transform: scale(1.2);
336
+ }
337
+
338
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
339
+ -webkit-filter: grayscale(100%);
340
+ filter: grayscale(100%);
341
+ }
342
+
343
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
344
+ -webkit-filter: grayscale(0%);
345
+ filter: grayscale(0%);
346
+ }
347
+
348
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
349
+ -webkit-filter: sepia(30%);
350
+ filter: sepia(30%);
351
+ }
352
+
353
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
354
+ -webkit-filter: sepia(0%);
355
+ filter: sepia(0%);
356
+ }
357
+
358
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
359
+ -webkit-filter: brightness(1);
360
+ filter: brightness(1);
361
+ }
362
+
363
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
364
+ -webkit-filter: brightness(1.2);
365
+ filter: brightness(1.2);
366
+ }
367
+
368
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
369
+ -webkit-transform: translateX(15px) scale(1.1);
370
+ -ms-transform: translateX(15px) scale(1.1);
371
+ transform: translateX(15px) scale(1.1);
372
+ }
373
+
374
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
375
+ -webkit-transform: translateX(0px) scale(1.1);
376
+ -ms-transform: translateX(0px) scale(1.1);
377
+ transform: translateX(0px) scale(1.1);
378
+ }
379
+
380
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
381
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
382
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
383
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
384
+ }
385
+
386
+ .premium-woocommerce .premium-woo-product__on_hover {
387
+ position: absolute;
388
+ top: 0;
389
+ left: 0;
390
+ bottom: 0;
391
+ right: 0;
392
+ height: 100%;
393
+ opacity: 0;
394
+ }
395
+
396
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
397
+ opacity: 1;
398
+ }
399
+
400
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
401
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
402
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
403
+ position: absolute;
404
+ bottom: 0;
405
+ right: 0;
406
+ width: 100%;
407
+ text-align: center;
408
+ padding: 5px;
409
+ background: rgba(2, 2, 2, 0.5);
410
+ color: #fff;
411
+ -webkit-transition: all 0.3s ease-in-out;
412
+ transition: all 0.3s ease-in-out;
413
+ z-index: 2;
414
+ -webkit-transform: translateY(100%);
415
+ -ms-transform: translateY(100%);
416
+ transform: translateY(100%);
417
+ }
418
+
419
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
420
+ -webkit-transition-delay: 0.1s;
421
+ transition-delay: 0.1s;
422
+ }
423
+
424
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
425
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
426
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
427
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
428
+ margin-right: 0.5em;
429
+ }
430
+
431
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
432
+ -webkit-transform: translateY(0);
433
+ -ms-transform: translateY(0);
434
+ transform: translateY(0);
435
+ }
436
+
437
+ .premium-woo-product-wrapper .premium-woo-qv-data {
438
+ position: absolute;
439
+ top: 0;
440
+ right: 0;
441
+ width: 100%;
442
+ height: 100%;
443
+ z-index: 1;
444
+ overflow: hidden;
445
+ cursor: pointer;
446
+ }
447
+
448
+ /**
449
+ * Skin 1,4
450
+ */
451
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
452
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
453
+ position: absolute;
454
+ top: 0.7em;
455
+ left: 1em;
456
+ -webkit-transform: translate3d(-15px, 0, 0);
457
+ transform: translate3d(-15px, 0, 0);
458
+ -webkit-transition: all 0.3s ease-in-out;
459
+ transition: all 0.3s ease-in-out;
460
+ opacity: 0;
461
+ z-index: 9;
462
+ }
463
+
464
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
465
+ position: relative;
466
+ display: block;
467
+ margin: 0 0 3px;
468
+ background: #fff;
469
+ text-align: center;
470
+ outline: 0;
471
+ -webkit-transition: all 0.3s ease-in-out;
472
+ transition: all 0.3s ease-in-out;
473
+ }
474
+
475
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
476
+ display: block;
477
+ color: #54595f;
478
+ width: 30px;
479
+ line-height: 30px;
480
+ height: 30px;
481
+ cursor: pointer;
482
+ -webkit-transition: all 0.3s ease-in-out;
483
+ transition: all 0.3s ease-in-out;
484
+ }
485
+
486
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
487
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
488
+ -webkit-transform: translate3d(-5px, 0, 0);
489
+ transform: translate3d(-5px, 0, 0);
490
+ opacity: 1;
491
+ }
492
+
493
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
494
+ -webkit-animation: spin 2s linear infinite;
495
+ animation: spin 2s linear infinite;
496
+ }
497
+
498
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
499
+ content: "\f013";
500
+ }
501
+
502
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
503
+ content: "\f00c";
504
+ }
505
+
506
+ /**
507
+ * Skin 2
508
+ */
509
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
510
+ position: absolute;
511
+ background: #fff;
512
+ bottom: 0;
513
+ right: 0;
514
+ width: 100%;
515
+ z-index: 2;
516
+ padding: 0;
517
+ opacity: 0;
518
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
519
+ transition: opacity 0.2s, -webkit-transform 0.4s;
520
+ transition: transform 0.4s, opacity 0.2s;
521
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
522
+ -webkit-transform: translateZ(0) translateY(5px);
523
+ transform: translateZ(0) translateY(5px);
524
+ }
525
+
526
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
527
+ padding: 15px 0;
528
+ }
529
+
530
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
531
+ opacity: 1;
532
+ -webkit-transform: translateZ(0) translateY(0);
533
+ transform: translateZ(0) translateY(0);
534
+ }
535
+
536
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
537
+ position: static;
538
+ -js-display: flex;
539
+ display: -webkit-box;
540
+ display: -webkit-flex;
541
+ display: -moz-box;
542
+ display: -ms-flexbox;
543
+ display: flex;
544
+ -webkit-box-orient: horizontal;
545
+ -webkit-box-direction: reverse;
546
+ -webkit-flex-direction: row-reverse;
547
+ -moz-box-orient: horizontal;
548
+ -moz-box-direction: reverse;
549
+ -ms-flex-direction: row-reverse;
550
+ flex-direction: row-reverse;
551
+ }
552
+
553
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
554
+ -webkit-box-flex: 1;
555
+ -webkit-flex: 1;
556
+ -moz-box-flex: 1;
557
+ -ms-flex: 1;
558
+ flex: 1;
559
+ min-width: 50%;
560
+ }
561
+
562
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
563
+ -js-display: flex;
564
+ display: -webkit-box;
565
+ display: -webkit-flex;
566
+ display: -moz-box;
567
+ display: -ms-flexbox;
568
+ display: flex;
569
+ margin: 0;
570
+ text-align: center;
571
+ -webkit-box-pack: center;
572
+ -webkit-justify-content: center;
573
+ -moz-box-pack: center;
574
+ -ms-flex-pack: center;
575
+ justify-content: center;
576
+ -webkit-box-align: center;
577
+ -webkit-align-items: center;
578
+ -moz-box-align: center;
579
+ -ms-flex-align: center;
580
+ align-items: center;
581
+ }
582
+
583
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
584
+ background-color: #54595f;
585
+ }
586
+
587
+ /**
588
+ * Skin 4
589
+ */
590
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
591
+ position: absolute;
592
+ right: 0;
593
+ left: 0;
594
+ top: 50%;
595
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
596
+ transform: scale(0.9) translateZ(0) translateY(-50%);
597
+ text-align: center;
598
+ z-index: 2;
599
+ opacity: 0;
600
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
601
+ transition: opacity 0.5s, -webkit-transform 0.3s;
602
+ transition: opacity 0.5s, transform 0.3s;
603
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
604
+ }
605
+
606
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
607
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
608
+ position: absolute;
609
+ top: 0;
610
+ right: 0;
611
+ width: 100%;
612
+ height: 100%;
613
+ opacity: 0;
614
+ visibility: hidden;
615
+ background-color: rgba(27, 27, 23, 0.3);
616
+ -webkit-transition: all 0.25s ease-in-out;
617
+ transition: all 0.25s ease-in-out;
618
+ }
619
+
620
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
621
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
622
+ opacity: 1;
623
+ visibility: visible;
624
+ z-index: 1;
625
+ }
626
+
627
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
628
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
629
+ transform: scale(1) translateZ(0) translateY(-50%);
630
+ opacity: 1;
631
+ }
632
+
633
+ /**
634
+ * Skin 5
635
+ */
636
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
637
+ -js-display: flex;
638
+ display: -webkit-box;
639
+ display: -webkit-flex;
640
+ display: -moz-box;
641
+ display: -ms-flexbox;
642
+ display: flex;
643
+ }
644
+
645
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
646
+ -js-display: flex;
647
+ display: -webkit-box;
648
+ display: -webkit-flex;
649
+ display: -moz-box;
650
+ display: -ms-flexbox;
651
+ display: flex;
652
+ -webkit-box-align: center;
653
+ -webkit-align-items: center;
654
+ -moz-box-align: center;
655
+ -ms-flex-align: center;
656
+ align-items: center;
657
+ background-color: #54595f;
658
+ padding: 10px;
659
+ -webkit-transition: all 0.25s ease 0s;
660
+ transition: all 0.25s ease 0s;
661
+ }
662
+
663
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
664
+ width: 75%;
665
+ }
666
+
667
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
668
+ -js-display: flex;
669
+ display: -webkit-box;
670
+ display: -webkit-flex;
671
+ display: -moz-box;
672
+ display: -ms-flexbox;
673
+ display: flex;
674
+ -webkit-box-align: center;
675
+ -webkit-align-items: center;
676
+ -moz-box-align: center;
677
+ -ms-flex-align: center;
678
+ align-items: center;
679
+ }
680
+
681
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
682
+ -webkit-box-pack: end;
683
+ -webkit-justify-content: flex-end;
684
+ -moz-box-pack: end;
685
+ -ms-flex-pack: end;
686
+ justify-content: flex-end;
687
+ }
688
+
689
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
690
+ -webkit-box-pack: center;
691
+ -webkit-justify-content: center;
692
+ -moz-box-pack: center;
693
+ -ms-flex-pack: center;
694
+ justify-content: center;
695
+ }
696
+
697
+ /**
698
+ * Skin 6
699
+ */
700
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
701
+ position: absolute;
702
+ top: 50%;
703
+ right: 50%;
704
+ min-width: 40%;
705
+ text-align: center;
706
+ padding: 5px;
707
+ background: rgba(2, 2, 2, 0.5);
708
+ color: #fff;
709
+ -webkit-transform: translate(50%, -50%);
710
+ -ms-transform: translate(50%, -50%);
711
+ transform: translate(50%, -50%);
712
+ opacity: 0;
713
+ visibility: hidden;
714
+ -webkit-transition: all 0.3s ease-in-out;
715
+ transition: all 0.3s ease-in-out;
716
+ cursor: pointer;
717
+ z-index: 2;
718
+ }
719
+
720
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
721
+ opacity: 1;
722
+ visibility: visible;
723
+ }
724
+
725
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
726
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
727
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
728
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
729
+ margin: 0;
730
+ }
731
+
732
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
733
+ -js-display: flex;
734
+ display: -webkit-box;
735
+ display: -webkit-flex;
736
+ display: -moz-box;
737
+ display: -ms-flexbox;
738
+ display: flex;
739
+ -webkit-box-pack: justify;
740
+ -webkit-justify-content: space-between;
741
+ -moz-box-pack: justify;
742
+ -ms-flex-pack: justify;
743
+ justify-content: space-between;
744
+ }
745
+
746
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
747
+ -webkit-box-orient: vertical;
748
+ -webkit-box-direction: normal;
749
+ -webkit-flex-direction: column;
750
+ -moz-box-orient: vertical;
751
+ -moz-box-direction: normal;
752
+ -ms-flex-direction: column;
753
+ flex-direction: column;
754
+ }
755
+
756
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
757
+ -webkit-box-orient: horizontal;
758
+ -webkit-box-direction: reverse;
759
+ -webkit-flex-direction: row-reverse;
760
+ -moz-box-orient: horizontal;
761
+ -moz-box-direction: reverse;
762
+ -ms-flex-direction: row-reverse;
763
+ flex-direction: row-reverse;
764
+ }
765
+
766
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
767
+ -js-display: flex;
768
+ display: -webkit-box;
769
+ display: -webkit-flex;
770
+ display: -moz-box;
771
+ display: -ms-flexbox;
772
+ display: flex;
773
+ position: absolute;
774
+ bottom: 10px;
775
+ width: 100%;
776
+ -webkit-box-pack: center;
777
+ -webkit-justify-content: center;
778
+ -moz-box-pack: center;
779
+ -ms-flex-pack: center;
780
+ justify-content: center;
781
+ }
782
+
783
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
784
+ width: 20%;
785
+ margin: 0 0.2em;
786
+ border: 2px solid #aaa;
787
+ cursor: pointer;
788
+ }
789
+
790
+ /**
791
+ * Metro
792
+ */
793
+ /*.premium-woo-grid-style1 ul.products li.product {
794
+ width: 25%;
795
+ }*/
796
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
797
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
798
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
799
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
800
+ height: 100%;
801
+ }
802
+
803
+ .premium-woo-products-metro ul.products li.product {
804
+ margin-bottom: 0;
805
+ }
806
+
807
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
808
+ -o-object-fit: cover;
809
+ object-fit: cover;
810
+ }
811
+
812
+ /*
813
+ * Carousel
814
+ */
815
+ .premium-carousel-hidden {
816
+ opacity: 0;
817
+ visibility: hidden;
818
+ }
819
+
820
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
821
+ -webkit-border-radius: 50%;
822
+ border-radius: 50%;
823
+ }
824
+
825
+ .premium-woocommerce ul.slick-dots {
826
+ width: 100%;
827
+ }
828
+
829
+ /*
830
+ * Quick View Html/body
831
+ */
832
+ html.premium-woo-qv-opened,
833
+ html.premium-woo-qv-opened body {
834
+ overflow: hidden;
835
+ }
836
+
837
+ /**
838
+ * Quick View Modal
839
+ */
840
+ .premium-woo-quick-view-back {
841
+ position: fixed;
842
+ visibility: hidden;
843
+ overflow: hidden;
844
+ background: rgba(2, 2, 2, 0.5);
845
+ opacity: 0;
846
+ -webkit-transition: opacity 0.25s;
847
+ transition: opacity 0.25s;
848
+ z-index: 999;
849
+ }
850
+
851
+ .premium-woo-quick-view-active {
852
+ top: 0;
853
+ right: 0;
854
+ width: 100%;
855
+ height: 100%;
856
+ opacity: 1;
857
+ visibility: visible;
858
+ }
859
+
860
+ #premium-woo-quick-view-modal {
861
+ position: fixed;
862
+ visibility: hidden;
863
+ opacity: 0;
864
+ top: 0;
865
+ right: 0;
866
+ width: 100%;
867
+ height: 100%;
868
+ z-index: 1400;
869
+ text-align: center;
870
+ -webkit-transition: all 0.3s;
871
+ transition: all 0.3s;
872
+ overflow-x: hidden;
873
+ overflow-y: auto;
874
+ }
875
+
876
+ #premium-woo-quick-view-modal.active {
877
+ visibility: visible;
878
+ opacity: 1;
879
+ }
880
+
881
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
882
+ -webkit-transform: translateY(0);
883
+ -ms-transform: translateY(0);
884
+ transform: translateY(0);
885
+ opacity: 1;
886
+ width: 100%;
887
+ }
888
+
889
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
890
+ position: absolute;
891
+ width: 100%;
892
+ height: 100%;
893
+ top: 0;
894
+ right: 0;
895
+ text-align: center;
896
+ padding: 30px;
897
+ -js-display: flex;
898
+ display: -webkit-box;
899
+ display: -webkit-flex;
900
+ display: -moz-box;
901
+ display: -ms-flexbox;
902
+ display: flex;
903
+ -webkit-box-align: center;
904
+ -webkit-align-items: center;
905
+ -moz-box-align: center;
906
+ -ms-flex-align: center;
907
+ align-items: center;
908
+ }
909
+
910
+ #premium-woo-quick-view-modal .premium-woo-content-main {
911
+ position: relative;
912
+ pointer-events: none;
913
+ max-width: 100%;
914
+ text-align: right;
915
+ z-index: 1045;
916
+ -webkit-transform: translateY(-30px);
917
+ -ms-transform: translateY(-30px);
918
+ transform: translateY(-30px);
919
+ opacity: 0;
920
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
921
+ transition: opacity 0.3s, -webkit-transform 0.5s;
922
+ transition: transform 0.5s, opacity 0.3s;
923
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
924
+ margin: 0 auto;
925
+ }
926
+
927
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
928
+ position: relative;
929
+ display: table;
930
+ pointer-events: auto;
931
+ background-color: #fff;
932
+ max-width: 975px;
933
+ margin: 20px auto;
934
+ -webkit-transform: translateZ(0);
935
+ transform: translateZ(0);
936
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
937
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
938
+ overflow: hidden;
939
+ }
940
+
941
+ #premium-woo-quick-view-modal .summary {
942
+ width: 50%;
943
+ margin: 0;
944
+ padding: 30px;
945
+ float: right;
946
+ -webkit-box-sizing: border-box;
947
+ -moz-box-sizing: border-box;
948
+ box-sizing: border-box;
949
+ }
950
+
951
+ #premium-woo-quick-view-modal .summary .quantity {
952
+ min-width: auto;
953
+ }
954
+
955
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
956
+ width: 54px;
957
+ -webkit-appearance: button;
958
+ -moz-appearance: button;
959
+ appearance: button;
960
+ }
961
+
962
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
963
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
964
+ display: unset;
965
+ }
966
+
967
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
968
+ margin: 0;
969
+ }
970
+
971
+ #premium-woo-quick-view-close {
972
+ position: absolute;
973
+ font-size: 22px;
974
+ top: 10px;
975
+ left: 10px;
976
+ width: 22px;
977
+ height: 22px;
978
+ line-height: 22px;
979
+ opacity: 0.7;
980
+ text-align: center;
981
+ z-index: 2;
982
+ color: #000;
983
+ }
984
+
985
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
986
+ position: relative;
987
+ }
988
+
989
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
990
+ list-style: none;
991
+ }
992
+
993
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
994
+ margin: 0;
995
+ padding: 0;
996
+ width: 100%;
997
+ position: absolute;
998
+ bottom: 10px;
999
+ text-align: center;
1000
+ direction: ltr;
1001
+ }
1002
+
1003
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
1004
+ margin: 0 6px;
1005
+ display: inline-block;
1006
+ vertical-align: middle;
1007
+ }
1008
+
1009
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
1010
+ width: 11px;
1011
+ height: 11px;
1012
+ display: block;
1013
+ background: #666;
1014
+ background: rgba(0, 0, 0, 0.5);
1015
+ cursor: pointer;
1016
+ text-indent: -9999px;
1017
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1018
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
1019
+ -webkit-border-radius: 20px;
1020
+ border-radius: 20px;
1021
+ }
1022
+
1023
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
1024
+ background: rgba(0, 0, 0, 0.9);
1025
+ cursor: default;
1026
+ }
1027
+
1028
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
1029
+ outline: none;
1030
+ }
1031
+
1032
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
1033
+ -o-object-fit: cover;
1034
+ object-fit: cover;
1035
+ width: 100%;
1036
+ }
1037
+
1038
+ #premium-woo-quick-view-content div.images {
1039
+ width: 50%;
1040
+ float: right;
1041
+ opacity: 1 !important;
1042
+ margin: 0;
1043
+ }
1044
+
1045
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
1046
+ margin: 0;
1047
+ padding: 0;
1048
+ list-style: none;
1049
+ direction: ltr;
1050
+ }
1051
+
1052
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
1053
+ text-decoration: none;
1054
+ display: block;
1055
+ width: 14px;
1056
+ height: 32px;
1057
+ font-size: 32px;
1058
+ line-height: 32px;
1059
+ margin: -20px 0 0;
1060
+ position: absolute;
1061
+ top: 50%;
1062
+ z-index: 10;
1063
+ overflow: hidden;
1064
+ cursor: pointer;
1065
+ color: rgba(0, 0, 0, 0.8);
1066
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
1067
+ -webkit-transition: all 0.3s ease-in-out;
1068
+ transition: all 0.3s ease-in-out;
1069
+ }
1070
+
1071
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
1072
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1073
+ display: inline-block;
1074
+ font-family: "Font Awesome 5 Free";
1075
+ font-weight: 900;
1076
+ text-rendering: auto;
1077
+ -webkit-font-smoothing: antialiased;
1078
+ -moz-osx-font-smoothing: grayscale;
1079
+ }
1080
+
1081
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
1082
+ left: 10px;
1083
+ }
1084
+
1085
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
1086
+ right: 10px;
1087
+ }
1088
+
1089
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
1090
+ content: "\f104";
1091
+ }
1092
+
1093
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
1094
+ content: "\f105";
1095
+ }
1096
+
1097
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
1098
+ display: none;
1099
+ }
1100
+
1101
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
1102
+ -webkit-animation: spin 2s linear infinite;
1103
+ animation: spin 2s linear infinite;
1104
+ margin-right: 5px;
1105
+ vertical-align: baseline;
1106
+ }
1107
+
1108
+ /*
1109
+ * Load More Button
1110
+ */
1111
+ .premium-woo-load-more {
1112
+ position: relative;
1113
+ }
1114
+
1115
+ .premium-woo-load-more .premium-woo-load-more-btn {
1116
+ -webkit-box-shadow: none;
1117
+ box-shadow: none;
1118
+ text-shadow: none;
1119
+ border: none;
1120
+ outline: none;
1121
+ -webkit-box-align: center;
1122
+ -webkit-align-items: center;
1123
+ -moz-box-align: center;
1124
+ -ms-flex-align: center;
1125
+ align-items: center;
1126
+ vertical-align: bottom;
1127
+ cursor: pointer;
1128
+ line-height: 1;
1129
+ font-style: normal;
1130
+ font-weight: normal;
1131
+ background-image: none;
1132
+ color: #fff;
1133
+ -webkit-transition: all 0.3s ease-in-out;
1134
+ transition: all 0.3s ease-in-out;
1135
+ padding: 10px 20px;
1136
+ }
1137
+
1138
+ .premium-woo-load-more-btn {
1139
+ -js-display: inline-flex;
1140
+ display: -webkit-inline-box;
1141
+ display: -webkit-inline-flex;
1142
+ display: -moz-inline-box;
1143
+ display: -ms-inline-flexbox;
1144
+ display: inline-flex;
1145
+ -webkit-box-align: center;
1146
+ -webkit-align-items: center;
1147
+ -moz-box-align: center;
1148
+ -ms-flex-align: center;
1149
+ align-items: center;
1150
+ }
1151
+
1152
+ .premium-woo-load-more-btn span {
1153
+ margin-right: 3px;
1154
+ }
1155
+
1156
+ .premium-woo-load-more-btn .premium-loader {
1157
+ display: inline-block;
1158
+ width: 20px;
1159
+ height: 20px;
1160
+ }
1161
+
1162
+ @media (min-width: 545px) {
1163
+ #premium-woo-quick-view-content div.summary {
1164
+ content: "544";
1165
+ overflow-y: auto;
1166
+ }
1167
+ }
1168
+
1169
+ @media (max-width: 544px) {
1170
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
1171
+ display: block;
1172
+ }
1173
+
1174
+ #premium-woo-quick-view-content div.images,
1175
+ #premium-woo-quick-view-content div.summary {
1176
+ width: 100%;
1177
+ float: none;
1178
+ }
1179
  }
assets/frontend/css/premium-woo-products.css CHANGED
@@ -1,1001 +1,1001 @@
1
- /********** Premium Woo Products **********/
2
- /******************************************/
3
- .ast-single-post .entry-content .premium-woocommerce a {
4
- text-decoration: none; }
5
-
6
- .premium-woocommerce .premium-woo-qv-btn {
7
- cursor: pointer; }
8
-
9
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
- margin: 0 auto 0.5em; }
11
-
12
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
- display: block;
15
- text-align: center;
16
- color: #fff;
17
- min-width: 2em;
18
- min-height: 2em;
19
- line-height: 2em;
20
- padding: 0.3em 0.6em;
21
- margin: 0.5em 0.6em; }
22
-
23
- .premium-woocommerce .pa-out-of-stock {
24
- display: block;
25
- text-align: center;
26
- color: #fff;
27
- min-width: 2em;
28
- min-height: 2em;
29
- line-height: 2em;
30
- padding: 0.3em 0.6em;
31
- margin: 0.5em 0.6em; }
32
-
33
- .premium-woocommerce .woocommerce-loop-product__title {
34
- margin-bottom: 0.5em;
35
- font-size: 1em;
36
- -webkit-transition: all 0.3s ease-in-out;
37
- transition: all 0.3s ease-in-out; }
38
-
39
- .premium-woocommerce .premium-woo-product-category {
40
- display: block;
41
- font-size: 0.85em;
42
- margin-bottom: 0.5em;
43
- line-height: 1.3; }
44
-
45
- .premium-woocommerce .star-rating {
46
- display: block;
47
- float: none;
48
- -webkit-backface-visibility: hidden;
49
- backface-visibility: hidden;
50
- overflow: hidden;
51
- position: relative;
52
- height: 1em;
53
- line-height: 1;
54
- font-size: 0.857em;
55
- width: 5.4em;
56
- font-family: "star"; }
57
- .premium-woocommerce .star-rating::before {
58
- content: "\73\73\73\73\73";
59
- color: #54595f;
60
- float: left;
61
- top: 0;
62
- left: 0;
63
- position: absolute; }
64
- .premium-woocommerce .star-rating span {
65
- overflow: hidden;
66
- float: left;
67
- top: 0;
68
- left: 0;
69
- position: absolute;
70
- padding-top: 1.5em; }
71
- .premium-woocommerce .star-rating span::before {
72
- content: "\53\53\53\53\53";
73
- color: inherit;
74
- top: 0;
75
- position: absolute;
76
- left: 0; }
77
-
78
- .premium-woocommerce .premium-woo-products-inner ul.products {
79
- -js-display: flex;
80
- display: -webkit-box;
81
- display: -webkit-flex;
82
- display: -moz-box;
83
- display: -ms-flexbox;
84
- display: flex;
85
- margin: 0;
86
- padding: 0;
87
- -webkit-flex-wrap: wrap;
88
- -ms-flex-wrap: wrap;
89
- flex-wrap: wrap;
90
- list-style: none outside;
91
- -webkit-column-gap: 0;
92
- -moz-column-gap: 0;
93
- column-gap: 0; }
94
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
- margin: 0 0 10px;
96
- padding: 0 10px; }
97
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
- overflow: hidden;
99
- -webkit-transition: all 0.3s ease-in-out;
100
- transition: all 0.3s ease-in-out; }
101
-
102
- .premium-woocommerce .woocommerce-loop-product__link {
103
- position: relative;
104
- display: block !important;
105
- overflow: hidden;
106
- -webkit-transition: all 0.3s ease-in-out;
107
- transition: all 0.3s ease-in-out; }
108
-
109
- .premium-woocommerce .premium-woo-ribbon-container,
110
- .premium-woocommerce .pa-out-of-stock {
111
- position: absolute;
112
- z-index: 9; }
113
-
114
- .premium-woocommerce .premium-woo-ribbon-container {
115
- top: 0;
116
- left: 0; }
117
-
118
- .premium-woocommerce .pa-out-of-stock {
119
- top: 7px;
120
- left: 9px;
121
- margin: 0; }
122
-
123
- .premium-woo-product-thumbnail {
124
- position: relative;
125
- overflow: hidden; }
126
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
- margin: 0;
128
- width: 100%; }
129
-
130
- .premium-woo-product-sale-wrap,
131
- .premium-woo-product-featured-wrap {
132
- margin: 0; }
133
-
134
- .premium-woocommerce .premium-woo-products-details-wrap {
135
- padding: 1em 1.2em; }
136
- .premium-woocommerce .premium-woo-products-details-wrap .button {
137
- display: inline-block;
138
- background-color: #6ec1e4;
139
- color: #fff;
140
- margin: 0.5em 0;
141
- line-height: 1.3;
142
- padding: 10px 40px;
143
- font-size: 100%;
144
- cursor: pointer;
145
- text-decoration: none;
146
- overflow: visible;
147
- font-weight: 700;
148
- background-image: none;
149
- border: none;
150
- -webkit-border-radius: 0px;
151
- border-radius: 0px;
152
- -webkit-box-shadow: none;
153
- box-shadow: none;
154
- text-shadow: none;
155
- -webkit-transition: all 0.3s ease-in-out;
156
- transition: all 0.3s ease-in-out; }
157
-
158
- .premium-woocommerce li.product .price {
159
- display: block;
160
- line-height: 1.3;
161
- font-weight: 700;
162
- margin-bottom: 0.5em;
163
- font-size: 0.9em; }
164
- .premium-woocommerce li.product .price del {
165
- display: inline-block;
166
- font-weight: 400;
167
- background: transparent;
168
- opacity: 1; }
169
- .premium-woocommerce li.product .price ins {
170
- display: inline-block;
171
- background: transparent;
172
- text-decoration: none;
173
- font-weight: inherit; }
174
- .premium-woocommerce li.product .price .amount {
175
- color: inherit !important; }
176
-
177
- .premium-woocommerce li.product .premium-woo-product-desc p {
178
- margin: 0; }
179
-
180
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
- margin-left: 0;
182
- margin-right: auto; }
183
-
184
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
- margin-left: auto;
186
- margin-right: auto; }
187
-
188
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
- margin-left: auto;
190
- margin-right: 0; }
191
-
192
- .premium-woo-products-pagination ul.page-numbers {
193
- -js-display: flex;
194
- display: -webkit-box;
195
- display: -webkit-flex;
196
- display: -moz-box;
197
- display: -ms-flexbox;
198
- display: flex;
199
- list-style-type: none;
200
- margin: 0;
201
- margin-top: 10px;
202
- padding: 0;
203
- border: none;
204
- -webkit-box-pack: center;
205
- -webkit-justify-content: center;
206
- -moz-box-pack: center;
207
- -ms-flex-pack: center;
208
- justify-content: center; }
209
- .premium-woo-products-pagination ul.page-numbers li {
210
- margin: 0 0.4em 0.4em 0;
211
- padding: 0;
212
- text-align: center; }
213
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
- margin: 0;
215
- text-decoration: none;
216
- color: #000;
217
- border: 1px solid #54595f;
218
- padding: 0;
219
- line-height: 1;
220
- font-size: 1em;
221
- font-weight: 400;
222
- padding: 0.75em;
223
- display: block;
224
- min-width: 2.5em;
225
- -webkit-transition: all 0.3s ease-in-out;
226
- transition: all 0.3s ease-in-out; }
227
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
- background-color: #54595f;
229
- color: #fff;
230
- outline: none; }
231
-
232
- .premium-woocommerce .premium-loading-feed,
233
- .premium-woo-quick-view-loader .premium-loading-feed {
234
- display: block;
235
- position: absolute;
236
- width: 100%;
237
- height: 100%;
238
- top: 0px;
239
- left: 0px;
240
- bottom: 0px;
241
- right: 0px;
242
- background: rgba(255, 255, 255, 0.2);
243
- -js-display: flex;
244
- display: -webkit-box;
245
- display: -webkit-flex;
246
- display: -moz-box;
247
- display: -ms-flexbox;
248
- display: flex;
249
- -webkit-box-align: center;
250
- -webkit-align-items: center;
251
- -moz-box-align: center;
252
- -ms-flex-align: center;
253
- align-items: center; }
254
-
255
- /**
256
- * Image Hover Effects
257
- */
258
- .premium-woocommerce .woocommerce-loop-product__link img {
259
- -webkit-transition: all 0.3s ease-in-out;
260
- transition: all 0.3s ease-in-out; }
261
-
262
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
- -webkit-transform: scale(1.2);
264
- -ms-transform: scale(1.2);
265
- transform: scale(1.2); }
266
-
267
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
- -webkit-transform: none;
269
- -ms-transform: none;
270
- transform: none; }
271
-
272
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
- -webkit-transform: none;
274
- -ms-transform: none;
275
- transform: none; }
276
-
277
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
- -webkit-transform: scale(1.2);
279
- -ms-transform: scale(1.2);
280
- transform: scale(1.2); }
281
-
282
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
- -webkit-filter: grayscale(100%);
284
- filter: grayscale(100%); }
285
-
286
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
- -webkit-filter: grayscale(0%);
288
- filter: grayscale(0%); }
289
-
290
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
- -webkit-filter: sepia(30%);
292
- filter: sepia(30%); }
293
-
294
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
- -webkit-filter: sepia(0%);
296
- filter: sepia(0%); }
297
-
298
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
- -webkit-filter: brightness(1);
300
- filter: brightness(1); }
301
-
302
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
- -webkit-filter: brightness(1.2);
304
- filter: brightness(1.2); }
305
-
306
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
- -webkit-transform: translateX(-15px) scale(1.1);
308
- -ms-transform: translateX(-15px) scale(1.1);
309
- transform: translateX(-15px) scale(1.1); }
310
-
311
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
- -webkit-transform: translateX(0px) scale(1.1);
313
- -ms-transform: translateX(0px) scale(1.1);
314
- transform: translateX(0px) scale(1.1); }
315
-
316
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
-
321
- .premium-woocommerce .premium-woo-product__on_hover {
322
- position: absolute;
323
- top: 0;
324
- right: 0;
325
- bottom: 0;
326
- left: 0;
327
- height: 100%;
328
- opacity: 0; }
329
-
330
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
- opacity: 1; }
332
-
333
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
- position: absolute;
337
- bottom: 0;
338
- left: 0;
339
- width: 100%;
340
- text-align: center;
341
- padding: 5px;
342
- background: rgba(2, 2, 2, 0.5);
343
- color: #fff;
344
- -webkit-transition: all 0.3s ease-in-out;
345
- transition: all 0.3s ease-in-out;
346
- z-index: 2;
347
- -webkit-transform: translateY(100%);
348
- -ms-transform: translateY(100%);
349
- transform: translateY(100%); }
350
-
351
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
- -webkit-transition-delay: 0.1s;
353
- transition-delay: 0.1s; }
354
-
355
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
- margin-left: 0.5em; }
360
-
361
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
- -webkit-transform: translateY(0);
363
- -ms-transform: translateY(0);
364
- transform: translateY(0); }
365
-
366
- .premium-woo-product-wrapper .premium-woo-qv-data {
367
- position: absolute;
368
- top: 0;
369
- left: 0;
370
- width: 100%;
371
- height: 100%;
372
- z-index: 1;
373
- overflow: hidden;
374
- cursor: pointer; }
375
-
376
- /**
377
- * Skin 1,4
378
- */
379
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
- position: absolute;
382
- top: 0.7em;
383
- right: 1em;
384
- -webkit-transform: translate3d(15px, 0, 0);
385
- transform: translate3d(15px, 0, 0);
386
- -webkit-transition: all 0.3s ease-in-out;
387
- transition: all 0.3s ease-in-out;
388
- opacity: 0;
389
- z-index: 9; }
390
-
391
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
- position: relative;
393
- display: block;
394
- margin: 0 0 3px;
395
- background: #fff;
396
- text-align: center;
397
- outline: 0;
398
- -webkit-transition: all 0.3s ease-in-out;
399
- transition: all 0.3s ease-in-out; }
400
-
401
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
- display: block;
403
- color: #54595f;
404
- width: 30px;
405
- line-height: 30px;
406
- height: 30px;
407
- cursor: pointer;
408
- -webkit-transition: all 0.3s ease-in-out;
409
- transition: all 0.3s ease-in-out; }
410
-
411
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
- -webkit-transform: translate3d(5px, 0, 0);
414
- transform: translate3d(5px, 0, 0);
415
- opacity: 1; }
416
-
417
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
- -webkit-animation: spin 2s linear infinite;
419
- animation: spin 2s linear infinite; }
420
-
421
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
- content: "\f013"; }
423
-
424
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
- content: "\f00c"; }
426
-
427
- /**
428
- * Skin 2
429
- */
430
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
- position: absolute;
432
- background: #fff;
433
- bottom: 0;
434
- left: 0;
435
- width: 100%;
436
- z-index: 2;
437
- padding: 0;
438
- opacity: 0;
439
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
- transition: opacity 0.2s, -webkit-transform 0.4s;
441
- transition: transform 0.4s, opacity 0.2s;
442
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
- -webkit-transform: translateZ(0) translateY(5px);
444
- transform: translateZ(0) translateY(5px); }
445
-
446
- .premium-woo-skin-grid-2 .premium-woo-product-details {
447
- padding: 15px 0; }
448
-
449
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
- opacity: 1;
451
- -webkit-transform: translateZ(0) translateY(0);
452
- transform: translateZ(0) translateY(0); }
453
-
454
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
- position: static;
456
- -js-display: flex;
457
- display: -webkit-box;
458
- display: -webkit-flex;
459
- display: -moz-box;
460
- display: -ms-flexbox;
461
- display: flex;
462
- -webkit-box-orient: horizontal;
463
- -webkit-box-direction: reverse;
464
- -webkit-flex-direction: row-reverse;
465
- -moz-box-orient: horizontal;
466
- -moz-box-direction: reverse;
467
- -ms-flex-direction: row-reverse;
468
- flex-direction: row-reverse; }
469
-
470
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
- -webkit-box-flex: 1;
472
- -webkit-flex: 1;
473
- -moz-box-flex: 1;
474
- -ms-flex: 1;
475
- flex: 1;
476
- min-width: 50%; }
477
-
478
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
- -js-display: flex;
480
- display: -webkit-box;
481
- display: -webkit-flex;
482
- display: -moz-box;
483
- display: -ms-flexbox;
484
- display: flex;
485
- margin: 0;
486
- text-align: center;
487
- -webkit-box-pack: center;
488
- -webkit-justify-content: center;
489
- -moz-box-pack: center;
490
- -ms-flex-pack: center;
491
- justify-content: center;
492
- -webkit-box-align: center;
493
- -webkit-align-items: center;
494
- -moz-box-align: center;
495
- -ms-flex-align: center;
496
- align-items: center; }
497
-
498
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
- background-color: #54595f; }
500
-
501
- /**
502
- * Skin 4
503
- */
504
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
- position: absolute;
506
- left: 0;
507
- right: 0;
508
- top: 50%;
509
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
- transform: scale(0.9) translateZ(0) translateY(-50%);
511
- text-align: center;
512
- z-index: 2;
513
- opacity: 0;
514
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
- transition: opacity 0.5s, -webkit-transform 0.3s;
516
- transition: opacity 0.5s, transform 0.3s;
517
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
-
519
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
- position: absolute;
522
- top: 0;
523
- left: 0;
524
- width: 100%;
525
- height: 100%;
526
- opacity: 0;
527
- visibility: hidden;
528
- background-color: rgba(27, 27, 23, 0.3);
529
- -webkit-transition: all 0.25s ease-in-out;
530
- transition: all 0.25s ease-in-out; }
531
-
532
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
- opacity: 1;
535
- visibility: visible;
536
- z-index: 1; }
537
-
538
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
- transform: scale(1) translateZ(0) translateY(-50%);
541
- opacity: 1; }
542
-
543
- /**
544
- * Skin 5
545
- */
546
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
- -js-display: flex;
548
- display: -webkit-box;
549
- display: -webkit-flex;
550
- display: -moz-box;
551
- display: -ms-flexbox;
552
- display: flex; }
553
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
- -js-display: flex;
555
- display: -webkit-box;
556
- display: -webkit-flex;
557
- display: -moz-box;
558
- display: -ms-flexbox;
559
- display: flex;
560
- -webkit-box-align: center;
561
- -webkit-align-items: center;
562
- -moz-box-align: center;
563
- -ms-flex-align: center;
564
- align-items: center;
565
- background-color: #54595f;
566
- padding: 10px;
567
- -webkit-transition: all 0.25s ease 0s;
568
- transition: all 0.25s ease 0s; }
569
-
570
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
- width: 75%; }
572
-
573
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
- -js-display: flex;
575
- display: -webkit-box;
576
- display: -webkit-flex;
577
- display: -moz-box;
578
- display: -ms-flexbox;
579
- display: flex;
580
- -webkit-box-align: center;
581
- -webkit-align-items: center;
582
- -moz-box-align: center;
583
- -ms-flex-align: center;
584
- align-items: center; }
585
-
586
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
- -webkit-box-pack: end;
588
- -webkit-justify-content: flex-end;
589
- -moz-box-pack: end;
590
- -ms-flex-pack: end;
591
- justify-content: flex-end; }
592
-
593
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
- -webkit-box-pack: center;
595
- -webkit-justify-content: center;
596
- -moz-box-pack: center;
597
- -ms-flex-pack: center;
598
- justify-content: center; }
599
-
600
- /**
601
- * Skin 6
602
- */
603
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
- position: absolute;
605
- top: 50%;
606
- left: 50%;
607
- min-width: 40%;
608
- text-align: center;
609
- padding: 5px;
610
- background: rgba(2, 2, 2, 0.5);
611
- color: #fff;
612
- -webkit-transform: translate(-50%, -50%);
613
- -ms-transform: translate(-50%, -50%);
614
- transform: translate(-50%, -50%);
615
- opacity: 0;
616
- visibility: hidden;
617
- -webkit-transition: all 0.3s ease-in-out;
618
- transition: all 0.3s ease-in-out;
619
- cursor: pointer;
620
- z-index: 2; }
621
-
622
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
- opacity: 1;
624
- visibility: visible; }
625
-
626
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
- margin: 0; }
631
-
632
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
- -js-display: flex;
634
- display: -webkit-box;
635
- display: -webkit-flex;
636
- display: -moz-box;
637
- display: -ms-flexbox;
638
- display: flex;
639
- -webkit-box-pack: justify;
640
- -webkit-justify-content: space-between;
641
- -moz-box-pack: justify;
642
- -ms-flex-pack: justify;
643
- justify-content: space-between; }
644
-
645
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
- -webkit-box-orient: vertical;
647
- -webkit-box-direction: normal;
648
- -webkit-flex-direction: column;
649
- -moz-box-orient: vertical;
650
- -moz-box-direction: normal;
651
- -ms-flex-direction: column;
652
- flex-direction: column; }
653
-
654
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
- -webkit-box-orient: horizontal;
656
- -webkit-box-direction: reverse;
657
- -webkit-flex-direction: row-reverse;
658
- -moz-box-orient: horizontal;
659
- -moz-box-direction: reverse;
660
- -ms-flex-direction: row-reverse;
661
- flex-direction: row-reverse; }
662
-
663
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
- -js-display: flex;
665
- display: -webkit-box;
666
- display: -webkit-flex;
667
- display: -moz-box;
668
- display: -ms-flexbox;
669
- display: flex;
670
- position: absolute;
671
- bottom: 10px;
672
- width: 100%;
673
- -webkit-box-pack: center;
674
- -webkit-justify-content: center;
675
- -moz-box-pack: center;
676
- -ms-flex-pack: center;
677
- justify-content: center; }
678
-
679
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
- width: 20%;
681
- margin: 0 0.2em;
682
- border: 2px solid #aaa;
683
- cursor: pointer; }
684
-
685
- /**
686
- * Metro
687
- */
688
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
- height: 100%; }
693
-
694
- .premium-woo-products-metro ul.products li.product {
695
- margin-bottom: 0; }
696
-
697
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
- -o-object-fit: cover;
699
- object-fit: cover; }
700
-
701
- /*
702
- * Carousel
703
- */
704
- .premium-carousel-hidden {
705
- opacity: 0;
706
- visibility: hidden; }
707
-
708
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
- -webkit-border-radius: 50%;
710
- border-radius: 50%; }
711
-
712
- .premium-woocommerce ul.slick-dots {
713
- width: 100%; }
714
-
715
- /*
716
- * Quick View Html/body
717
- */
718
- html.premium-woo-qv-opened,
719
- html.premium-woo-qv-opened body {
720
- overflow: hidden; }
721
-
722
- /**
723
- * Quick View Modal
724
- */
725
- .premium-woo-quick-view-back {
726
- position: fixed;
727
- visibility: hidden;
728
- overflow: hidden;
729
- background: rgba(2, 2, 2, 0.5);
730
- opacity: 0;
731
- -webkit-transition: opacity 0.25s;
732
- transition: opacity 0.25s;
733
- z-index: 999; }
734
-
735
- .premium-woo-quick-view-active {
736
- top: 0;
737
- left: 0;
738
- width: 100%;
739
- height: 100%;
740
- opacity: 1;
741
- visibility: visible; }
742
-
743
- #premium-woo-quick-view-modal {
744
- position: fixed;
745
- visibility: hidden;
746
- opacity: 0;
747
- top: 0;
748
- left: 0;
749
- width: 100%;
750
- height: 100%;
751
- z-index: 1400;
752
- text-align: center;
753
- -webkit-transition: all 0.3s;
754
- transition: all 0.3s;
755
- overflow-x: hidden;
756
- overflow-y: auto; }
757
- #premium-woo-quick-view-modal.active {
758
- visibility: visible;
759
- opacity: 1; }
760
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
- -webkit-transform: translateY(0);
762
- -ms-transform: translateY(0);
763
- transform: translateY(0);
764
- opacity: 1;
765
- width: 100%; }
766
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
- position: absolute;
768
- width: 100%;
769
- height: 100%;
770
- top: 0;
771
- left: 0;
772
- text-align: center;
773
- padding: 30px;
774
- -js-display: flex;
775
- display: -webkit-box;
776
- display: -webkit-flex;
777
- display: -moz-box;
778
- display: -ms-flexbox;
779
- display: flex;
780
- -webkit-box-align: center;
781
- -webkit-align-items: center;
782
- -moz-box-align: center;
783
- -ms-flex-align: center;
784
- align-items: center; }
785
- #premium-woo-quick-view-modal .premium-woo-content-main {
786
- position: relative;
787
- pointer-events: none;
788
- max-width: 100%;
789
- text-align: left;
790
- z-index: 1045;
791
- -webkit-transform: translateY(-30px);
792
- -ms-transform: translateY(-30px);
793
- transform: translateY(-30px);
794
- opacity: 0;
795
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
- transition: opacity 0.3s, -webkit-transform 0.5s;
797
- transition: transform 0.5s, opacity 0.3s;
798
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
- margin: 0 auto; }
800
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
- position: relative;
802
- display: table;
803
- pointer-events: auto;
804
- background-color: #fff;
805
- max-width: 975px;
806
- margin: 20px auto;
807
- -webkit-transform: translateZ(0);
808
- transform: translateZ(0);
809
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
- overflow: hidden; }
812
- #premium-woo-quick-view-modal .summary {
813
- width: 50%;
814
- margin: 0;
815
- padding: 30px;
816
- float: left;
817
- -webkit-box-sizing: border-box;
818
- -moz-box-sizing: border-box;
819
- box-sizing: border-box; }
820
- #premium-woo-quick-view-modal .summary .quantity {
821
- min-width: auto; }
822
- #premium-woo-quick-view-modal .summary .quantity input.qty {
823
- width: 54px;
824
- -webkit-appearance: button;
825
- -moz-appearance: button;
826
- appearance: button; }
827
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
- #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
- display: unset; }
830
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
- margin: 0; }
832
-
833
- #premium-woo-quick-view-close {
834
- position: absolute;
835
- font-size: 22px;
836
- top: 10px;
837
- right: 10px;
838
- width: 22px;
839
- height: 22px;
840
- line-height: 22px;
841
- opacity: 0.7;
842
- text-align: center;
843
- z-index: 2;
844
- color: #000; }
845
-
846
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
- position: relative; }
848
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
- list-style: none; }
850
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
- margin: 0;
852
- padding: 0;
853
- width: 100%;
854
- position: absolute;
855
- bottom: 10px;
856
- text-align: center; }
857
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
- margin: 0 6px;
859
- display: inline-block;
860
- vertical-align: middle; }
861
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
- width: 11px;
863
- height: 11px;
864
- display: block;
865
- background: #666;
866
- background: rgba(0, 0, 0, 0.5);
867
- cursor: pointer;
868
- text-indent: -9999px;
869
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
- -webkit-border-radius: 20px;
872
- border-radius: 20px; }
873
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
- background: rgba(0, 0, 0, 0.9);
875
- cursor: default; }
876
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
- outline: none; }
878
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
- -o-object-fit: cover;
880
- object-fit: cover;
881
- width: 100%; }
882
-
883
- #premium-woo-quick-view-content div.images {
884
- width: 50%;
885
- float: left;
886
- opacity: 1 !important;
887
- margin: 0; }
888
-
889
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
890
- margin: 0;
891
- padding: 0;
892
- list-style: none; }
893
-
894
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
895
- text-decoration: none;
896
- display: block;
897
- width: 14px;
898
- height: 32px;
899
- font-size: 32px;
900
- line-height: 32px;
901
- margin: -20px 0 0;
902
- position: absolute;
903
- top: 50%;
904
- z-index: 10;
905
- overflow: hidden;
906
- cursor: pointer;
907
- color: rgba(0, 0, 0, 0.8);
908
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
909
- -webkit-transition: all 0.3s ease-in-out;
910
- transition: all 0.3s ease-in-out; }
911
-
912
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
913
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
914
- display: inline-block;
915
- font-family: "Font Awesome 5 Free";
916
- font-weight: 900;
917
- text-rendering: auto;
918
- -webkit-font-smoothing: antialiased;
919
- -moz-osx-font-smoothing: grayscale; }
920
-
921
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
922
- left: 10px; }
923
-
924
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
925
- right: 10px; }
926
-
927
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
928
- content: "\f104"; }
929
-
930
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
931
- content: "\f105"; }
932
-
933
- .premium-woocommerce li.product .added_to_cart.wc-forward {
934
- display: none; }
935
-
936
- .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
937
- -webkit-animation: spin 2s linear infinite;
938
- animation: spin 2s linear infinite;
939
- margin-left: 5px;
940
- vertical-align: baseline; }
941
-
942
- /*
943
- * Load More Button
944
- */
945
- .premium-woo-load-more {
946
- position: relative; }
947
- .premium-woo-load-more .premium-woo-load-more-btn {
948
- -webkit-box-shadow: none;
949
- box-shadow: none;
950
- text-shadow: none;
951
- border: none;
952
- outline: none;
953
- -webkit-box-align: center;
954
- -webkit-align-items: center;
955
- -moz-box-align: center;
956
- -ms-flex-align: center;
957
- align-items: center;
958
- vertical-align: bottom;
959
- cursor: pointer;
960
- line-height: 1;
961
- font-style: normal;
962
- font-weight: normal;
963
- background-image: none;
964
- color: #fff;
965
- -webkit-transition: all 0.3s ease-in-out;
966
- transition: all 0.3s ease-in-out;
967
- padding: 10px 20px; }
968
-
969
- .premium-woo-load-more-btn {
970
- -js-display: inline-flex;
971
- display: -webkit-inline-box;
972
- display: -webkit-inline-flex;
973
- display: -moz-inline-box;
974
- display: -ms-inline-flexbox;
975
- display: inline-flex;
976
- -webkit-box-align: center;
977
- -webkit-align-items: center;
978
- -moz-box-align: center;
979
- -ms-flex-align: center;
980
- align-items: center; }
981
-
982
- .premium-woo-load-more-btn span {
983
- margin-right: 3px; }
984
-
985
- .premium-woo-load-more-btn .premium-loader {
986
- display: inline-block;
987
- width: 20px;
988
- height: 20px; }
989
-
990
- @media (min-width: 545px) {
991
- #premium-woo-quick-view-content div.summary {
992
- content: "544";
993
- overflow-y: auto; } }
994
-
995
- @media (max-width: 544px) {
996
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
997
- display: block; }
998
- #premium-woo-quick-view-content div.images,
999
- #premium-woo-quick-view-content div.summary {
1000
- width: 100%;
1001
- float: none; } }
1
+ /********** Premium Woo Products **********/
2
+ /******************************************/
3
+ .ast-single-post .entry-content .premium-woocommerce a {
4
+ text-decoration: none; }
5
+
6
+ .premium-woocommerce .premium-woo-qv-btn {
7
+ cursor: pointer; }
8
+
9
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
10
+ margin: 0 auto 0.5em; }
11
+
12
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
13
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
14
+ display: block;
15
+ text-align: center;
16
+ color: #fff;
17
+ min-width: 2em;
18
+ min-height: 2em;
19
+ line-height: 2em;
20
+ padding: 0.3em 0.6em;
21
+ margin: 0.5em 0.6em; }
22
+
23
+ .premium-woocommerce .pa-out-of-stock {
24
+ display: block;
25
+ text-align: center;
26
+ color: #fff;
27
+ min-width: 2em;
28
+ min-height: 2em;
29
+ line-height: 2em;
30
+ padding: 0.3em 0.6em;
31
+ margin: 0.5em 0.6em; }
32
+
33
+ .premium-woocommerce .woocommerce-loop-product__title {
34
+ margin-bottom: 0.5em;
35
+ font-size: 1em;
36
+ -webkit-transition: all 0.3s ease-in-out;
37
+ transition: all 0.3s ease-in-out; }
38
+
39
+ .premium-woocommerce .premium-woo-product-category {
40
+ display: block;
41
+ font-size: 0.85em;
42
+ margin-bottom: 0.5em;
43
+ line-height: 1.3; }
44
+
45
+ .premium-woocommerce .star-rating {
46
+ display: block;
47
+ float: none;
48
+ -webkit-backface-visibility: hidden;
49
+ backface-visibility: hidden;
50
+ overflow: hidden;
51
+ position: relative;
52
+ height: 1em;
53
+ line-height: 1;
54
+ font-size: 0.857em;
55
+ width: 5.4em;
56
+ font-family: "star"; }
57
+ .premium-woocommerce .star-rating::before {
58
+ content: "\73\73\73\73\73";
59
+ color: #54595f;
60
+ float: left;
61
+ top: 0;
62
+ left: 0;
63
+ position: absolute; }
64
+ .premium-woocommerce .star-rating span {
65
+ overflow: hidden;
66
+ float: left;
67
+ top: 0;
68
+ left: 0;
69
+ position: absolute;
70
+ padding-top: 1.5em; }
71
+ .premium-woocommerce .star-rating span::before {
72
+ content: "\53\53\53\53\53";
73
+ color: inherit;
74
+ top: 0;
75
+ position: absolute;
76
+ left: 0; }
77
+
78
+ .premium-woocommerce .premium-woo-products-inner ul.products {
79
+ -js-display: flex;
80
+ display: -webkit-box;
81
+ display: -webkit-flex;
82
+ display: -moz-box;
83
+ display: -ms-flexbox;
84
+ display: flex;
85
+ margin: 0;
86
+ padding: 0;
87
+ -webkit-flex-wrap: wrap;
88
+ -ms-flex-wrap: wrap;
89
+ flex-wrap: wrap;
90
+ list-style: none outside;
91
+ -webkit-column-gap: 0;
92
+ -moz-column-gap: 0;
93
+ column-gap: 0; }
94
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
95
+ margin: 0 0 10px;
96
+ padding: 0 10px; }
97
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
98
+ overflow: hidden;
99
+ -webkit-transition: all 0.3s ease-in-out;
100
+ transition: all 0.3s ease-in-out; }
101
+
102
+ .premium-woocommerce .woocommerce-loop-product__link {
103
+ position: relative;
104
+ display: block !important;
105
+ overflow: hidden;
106
+ -webkit-transition: all 0.3s ease-in-out;
107
+ transition: all 0.3s ease-in-out; }
108
+
109
+ .premium-woocommerce .premium-woo-ribbon-container,
110
+ .premium-woocommerce .pa-out-of-stock {
111
+ position: absolute;
112
+ z-index: 9; }
113
+
114
+ .premium-woocommerce .premium-woo-ribbon-container {
115
+ top: 0;
116
+ left: 0; }
117
+
118
+ .premium-woocommerce .pa-out-of-stock {
119
+ top: 7px;
120
+ left: 9px;
121
+ margin: 0; }
122
+
123
+ .premium-woo-product-thumbnail {
124
+ position: relative;
125
+ overflow: hidden; }
126
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
127
+ margin: 0;
128
+ width: 100%; }
129
+
130
+ .premium-woo-product-sale-wrap,
131
+ .premium-woo-product-featured-wrap {
132
+ margin: 0; }
133
+
134
+ .premium-woocommerce .premium-woo-products-details-wrap {
135
+ padding: 1em 1.2em; }
136
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
137
+ display: inline-block;
138
+ background-color: #6ec1e4;
139
+ color: #fff;
140
+ margin: 0.5em 0;
141
+ line-height: 1.3;
142
+ padding: 10px 40px;
143
+ font-size: 100%;
144
+ cursor: pointer;
145
+ text-decoration: none;
146
+ overflow: visible;
147
+ font-weight: 700;
148
+ background-image: none;
149
+ border: none;
150
+ -webkit-border-radius: 0px;
151
+ border-radius: 0px;
152
+ -webkit-box-shadow: none;
153
+ box-shadow: none;
154
+ text-shadow: none;
155
+ -webkit-transition: all 0.3s ease-in-out;
156
+ transition: all 0.3s ease-in-out; }
157
+
158
+ .premium-woocommerce li.product .price {
159
+ display: block;
160
+ line-height: 1.3;
161
+ font-weight: 700;
162
+ margin-bottom: 0.5em;
163
+ font-size: 0.9em; }
164
+ .premium-woocommerce li.product .price del {
165
+ display: inline-block;
166
+ font-weight: 400;
167
+ background: transparent;
168
+ opacity: 1; }
169
+ .premium-woocommerce li.product .price ins {
170
+ display: inline-block;
171
+ background: transparent;
172
+ text-decoration: none;
173
+ font-weight: inherit; }
174
+ .premium-woocommerce li.product .price .amount {
175
+ color: inherit !important; }
176
+
177
+ .premium-woocommerce li.product .premium-woo-product-desc p {
178
+ margin: 0; }
179
+
180
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
181
+ margin-left: 0;
182
+ margin-right: auto; }
183
+
184
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
185
+ margin-left: auto;
186
+ margin-right: auto; }
187
+
188
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
189
+ margin-left: auto;
190
+ margin-right: 0; }
191
+
192
+ .premium-woo-products-pagination ul.page-numbers {
193
+ -js-display: flex;
194
+ display: -webkit-box;
195
+ display: -webkit-flex;
196
+ display: -moz-box;
197
+ display: -ms-flexbox;
198
+ display: flex;
199
+ list-style-type: none;
200
+ margin: 0;
201
+ margin-top: 10px;
202
+ padding: 0;
203
+ border: none;
204
+ -webkit-box-pack: center;
205
+ -webkit-justify-content: center;
206
+ -moz-box-pack: center;
207
+ -ms-flex-pack: center;
208
+ justify-content: center; }
209
+ .premium-woo-products-pagination ul.page-numbers li {
210
+ margin: 0 0.4em 0.4em 0;
211
+ padding: 0;
212
+ text-align: center; }
213
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
214
+ margin: 0;
215
+ text-decoration: none;
216
+ color: #000;
217
+ border: 1px solid #54595f;
218
+ padding: 0;
219
+ line-height: 1;
220
+ font-size: 1em;
221
+ font-weight: 400;
222
+ padding: 0.75em;
223
+ display: block;
224
+ min-width: 2.5em;
225
+ -webkit-transition: all 0.3s ease-in-out;
226
+ transition: all 0.3s ease-in-out; }
227
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
228
+ background-color: #54595f;
229
+ color: #fff;
230
+ outline: none; }
231
+
232
+ .premium-woocommerce .premium-loading-feed,
233
+ .premium-woo-quick-view-loader .premium-loading-feed {
234
+ display: block;
235
+ position: absolute;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0px;
239
+ left: 0px;
240
+ bottom: 0px;
241
+ right: 0px;
242
+ background: rgba(255, 255, 255, 0.2);
243
+ -js-display: flex;
244
+ display: -webkit-box;
245
+ display: -webkit-flex;
246
+ display: -moz-box;
247
+ display: -ms-flexbox;
248
+ display: flex;
249
+ -webkit-box-align: center;
250
+ -webkit-align-items: center;
251
+ -moz-box-align: center;
252
+ -ms-flex-align: center;
253
+ align-items: center; }
254
+
255
+ /**
256
+ * Image Hover Effects
257
+ */
258
+ .premium-woocommerce .woocommerce-loop-product__link img {
259
+ -webkit-transition: all 0.3s ease-in-out;
260
+ transition: all 0.3s ease-in-out; }
261
+
262
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
263
+ -webkit-transform: scale(1.2);
264
+ -ms-transform: scale(1.2);
265
+ transform: scale(1.2); }
266
+
267
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
268
+ -webkit-transform: none;
269
+ -ms-transform: none;
270
+ transform: none; }
271
+
272
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
273
+ -webkit-transform: none;
274
+ -ms-transform: none;
275
+ transform: none; }
276
+
277
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
278
+ -webkit-transform: scale(1.2);
279
+ -ms-transform: scale(1.2);
280
+ transform: scale(1.2); }
281
+
282
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
283
+ -webkit-filter: grayscale(100%);
284
+ filter: grayscale(100%); }
285
+
286
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
287
+ -webkit-filter: grayscale(0%);
288
+ filter: grayscale(0%); }
289
+
290
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
291
+ -webkit-filter: sepia(30%);
292
+ filter: sepia(30%); }
293
+
294
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
295
+ -webkit-filter: sepia(0%);
296
+ filter: sepia(0%); }
297
+
298
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
299
+ -webkit-filter: brightness(1);
300
+ filter: brightness(1); }
301
+
302
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
303
+ -webkit-filter: brightness(1.2);
304
+ filter: brightness(1.2); }
305
+
306
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
307
+ -webkit-transform: translateX(-15px) scale(1.1);
308
+ -ms-transform: translateX(-15px) scale(1.1);
309
+ transform: translateX(-15px) scale(1.1); }
310
+
311
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
312
+ -webkit-transform: translateX(0px) scale(1.1);
313
+ -ms-transform: translateX(0px) scale(1.1);
314
+ transform: translateX(0px) scale(1.1); }
315
+
316
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
317
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
318
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
319
+ transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
320
+
321
+ .premium-woocommerce .premium-woo-product__on_hover {
322
+ position: absolute;
323
+ top: 0;
324
+ right: 0;
325
+ bottom: 0;
326
+ left: 0;
327
+ height: 100%;
328
+ opacity: 0; }
329
+
330
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
331
+ opacity: 1; }
332
+
333
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
334
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
335
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
336
+ position: absolute;
337
+ bottom: 0;
338
+ left: 0;
339
+ width: 100%;
340
+ text-align: center;
341
+ padding: 5px;
342
+ background: rgba(2, 2, 2, 0.5);
343
+ color: #fff;
344
+ -webkit-transition: all 0.3s ease-in-out;
345
+ transition: all 0.3s ease-in-out;
346
+ z-index: 2;
347
+ -webkit-transform: translateY(100%);
348
+ -ms-transform: translateY(100%);
349
+ transform: translateY(100%); }
350
+
351
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
352
+ -webkit-transition-delay: 0.1s;
353
+ transition-delay: 0.1s; }
354
+
355
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
356
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
357
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
358
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
359
+ margin-left: 0.5em; }
360
+
361
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
362
+ -webkit-transform: translateY(0);
363
+ -ms-transform: translateY(0);
364
+ transform: translateY(0); }
365
+
366
+ .premium-woo-product-wrapper .premium-woo-qv-data {
367
+ position: absolute;
368
+ top: 0;
369
+ left: 0;
370
+ width: 100%;
371
+ height: 100%;
372
+ z-index: 1;
373
+ overflow: hidden;
374
+ cursor: pointer; }
375
+
376
+ /**
377
+ * Skin 1,4
378
+ */
379
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
380
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
381
+ position: absolute;
382
+ top: 0.7em;
383
+ right: 1em;
384
+ -webkit-transform: translate3d(15px, 0, 0);
385
+ transform: translate3d(15px, 0, 0);
386
+ -webkit-transition: all 0.3s ease-in-out;
387
+ transition: all 0.3s ease-in-out;
388
+ opacity: 0;
389
+ z-index: 9; }
390
+
391
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
392
+ position: relative;
393
+ display: block;
394
+ margin: 0 0 3px;
395
+ background: #fff;
396
+ text-align: center;
397
+ outline: 0;
398
+ -webkit-transition: all 0.3s ease-in-out;
399
+ transition: all 0.3s ease-in-out; }
400
+
401
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
402
+ display: block;
403
+ color: #54595f;
404
+ width: 30px;
405
+ line-height: 30px;
406
+ height: 30px;
407
+ cursor: pointer;
408
+ -webkit-transition: all 0.3s ease-in-out;
409
+ transition: all 0.3s ease-in-out; }
410
+
411
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
412
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
413
+ -webkit-transform: translate3d(5px, 0, 0);
414
+ transform: translate3d(5px, 0, 0);
415
+ opacity: 1; }
416
+
417
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
418
+ -webkit-animation: spin 2s linear infinite;
419
+ animation: spin 2s linear infinite; }
420
+
421
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
422
+ content: "\f013"; }
423
+
424
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
425
+ content: "\f00c"; }
426
+
427
+ /**
428
+ * Skin 2
429
+ */
430
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
431
+ position: absolute;
432
+ background: #fff;
433
+ bottom: 0;
434
+ left: 0;
435
+ width: 100%;
436
+ z-index: 2;
437
+ padding: 0;
438
+ opacity: 0;
439
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
440
+ transition: opacity 0.2s, -webkit-transform 0.4s;
441
+ transition: transform 0.4s, opacity 0.2s;
442
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
443
+ -webkit-transform: translateZ(0) translateY(5px);
444
+ transform: translateZ(0) translateY(5px); }
445
+
446
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
447
+ padding: 15px 0; }
448
+
449
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
450
+ opacity: 1;
451
+ -webkit-transform: translateZ(0) translateY(0);
452
+ transform: translateZ(0) translateY(0); }
453
+
454
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
455
+ position: static;
456
+ -js-display: flex;
457
+ display: -webkit-box;
458
+ display: -webkit-flex;
459
+ display: -moz-box;
460
+ display: -ms-flexbox;
461
+ display: flex;
462
+ -webkit-box-orient: horizontal;
463
+ -webkit-box-direction: reverse;
464
+ -webkit-flex-direction: row-reverse;
465
+ -moz-box-orient: horizontal;
466
+ -moz-box-direction: reverse;
467
+ -ms-flex-direction: row-reverse;
468
+ flex-direction: row-reverse; }
469
+
470
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
471
+ -webkit-box-flex: 1;
472
+ -webkit-flex: 1;
473
+ -moz-box-flex: 1;
474
+ -ms-flex: 1;
475
+ flex: 1;
476
+ min-width: 50%; }
477
+
478
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
479
+ -js-display: flex;
480
+ display: -webkit-box;
481
+ display: -webkit-flex;
482
+ display: -moz-box;
483
+ display: -ms-flexbox;
484
+ display: flex;
485
+ margin: 0;
486
+ text-align: center;
487
+ -webkit-box-pack: center;
488
+ -webkit-justify-content: center;
489
+ -moz-box-pack: center;
490
+ -ms-flex-pack: center;
491
+ justify-content: center;
492
+ -webkit-box-align: center;
493
+ -webkit-align-items: center;
494
+ -moz-box-align: center;
495
+ -ms-flex-align: center;
496
+ align-items: center; }
497
+
498
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
499
+ background-color: #54595f; }
500
+
501
+ /**
502
+ * Skin 4
503
+ */
504
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
505
+ position: absolute;
506
+ left: 0;
507
+ right: 0;
508
+ top: 50%;
509
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
510
+ transform: scale(0.9) translateZ(0) translateY(-50%);
511
+ text-align: center;
512
+ z-index: 2;
513
+ opacity: 0;
514
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
515
+ transition: opacity 0.5s, -webkit-transform 0.3s;
516
+ transition: opacity 0.5s, transform 0.3s;
517
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
518
+
519
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
520
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
521
+ position: absolute;
522
+ top: 0;
523
+ left: 0;
524
+ width: 100%;
525
+ height: 100%;
526
+ opacity: 0;
527
+ visibility: hidden;
528
+ background-color: rgba(27, 27, 23, 0.3);
529
+ -webkit-transition: all 0.25s ease-in-out;
530
+ transition: all 0.25s ease-in-out; }
531
+
532
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
533
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
534
+ opacity: 1;
535
+ visibility: visible;
536
+ z-index: 1; }
537
+
538
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
539
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
540
+ transform: scale(1) translateZ(0) translateY(-50%);
541
+ opacity: 1; }
542
+
543
+ /**
544
+ * Skin 5
545
+ */
546
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
547
+ -js-display: flex;
548
+ display: -webkit-box;
549
+ display: -webkit-flex;
550
+ display: -moz-box;
551
+ display: -ms-flexbox;
552
+ display: flex; }
553
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
554
+ -js-display: flex;
555
+ display: -webkit-box;
556
+ display: -webkit-flex;
557
+ display: -moz-box;
558
+ display: -ms-flexbox;
559
+ display: flex;
560
+ -webkit-box-align: center;
561
+ -webkit-align-items: center;
562
+ -moz-box-align: center;
563
+ -ms-flex-align: center;
564
+ align-items: center;
565
+ background-color: #54595f;
566
+ padding: 10px;
567
+ -webkit-transition: all 0.25s ease 0s;
568
+ transition: all 0.25s ease 0s; }
569
+
570
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
571
+ width: 75%; }
572
+
573
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
574
+ -js-display: flex;
575
+ display: -webkit-box;
576
+ display: -webkit-flex;
577
+ display: -moz-box;
578
+ display: -ms-flexbox;
579
+ display: flex;
580
+ -webkit-box-align: center;
581
+ -webkit-align-items: center;
582
+ -moz-box-align: center;
583
+ -ms-flex-align: center;
584
+ align-items: center; }
585
+
586
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
587
+ -webkit-box-pack: end;
588
+ -webkit-justify-content: flex-end;
589
+ -moz-box-pack: end;
590
+ -ms-flex-pack: end;
591
+ justify-content: flex-end; }
592
+
593
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
594
+ -webkit-box-pack: center;
595
+ -webkit-justify-content: center;
596
+ -moz-box-pack: center;
597
+ -ms-flex-pack: center;
598
+ justify-content: center; }
599
+
600
+ /**
601
+ * Skin 6
602
+ */
603
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
604
+ position: absolute;
605
+ top: 50%;
606
+ left: 50%;
607
+ min-width: 40%;
608
+ text-align: center;
609
+ padding: 5px;
610
+ background: rgba(2, 2, 2, 0.5);
611
+ color: #fff;
612
+ -webkit-transform: translate(-50%, -50%);
613
+ -ms-transform: translate(-50%, -50%);
614
+ transform: translate(-50%, -50%);
615
+ opacity: 0;
616
+ visibility: hidden;
617
+ -webkit-transition: all 0.3s ease-in-out;
618
+ transition: all 0.3s ease-in-out;
619
+ cursor: pointer;
620
+ z-index: 2; }
621
+
622
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
623
+ opacity: 1;
624
+ visibility: visible; }
625
+
626
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
627
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
628
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
629
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
630
+ margin: 0; }
631
+
632
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
633
+ -js-display: flex;
634
+ display: -webkit-box;
635
+ display: -webkit-flex;
636
+ display: -moz-box;
637
+ display: -ms-flexbox;
638
+ display: flex;
639
+ -webkit-box-pack: justify;
640
+ -webkit-justify-content: space-between;
641
+ -moz-box-pack: justify;
642
+ -ms-flex-pack: justify;
643
+ justify-content: space-between; }
644
+
645
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
646
+ -webkit-box-orient: vertical;
647
+ -webkit-box-direction: normal;
648
+ -webkit-flex-direction: column;
649
+ -moz-box-orient: vertical;
650
+ -moz-box-direction: normal;
651
+ -ms-flex-direction: column;
652
+ flex-direction: column; }
653
+
654
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
655
+ -webkit-box-orient: horizontal;
656
+ -webkit-box-direction: reverse;
657
+ -webkit-flex-direction: row-reverse;
658
+ -moz-box-orient: horizontal;
659
+ -moz-box-direction: reverse;
660
+ -ms-flex-direction: row-reverse;
661
+ flex-direction: row-reverse; }
662
+
663
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
664
+ -js-display: flex;
665
+ display: -webkit-box;
666
+ display: -webkit-flex;
667
+ display: -moz-box;
668
+ display: -ms-flexbox;
669
+ display: flex;
670
+ position: absolute;
671
+ bottom: 10px;
672
+ width: 100%;
673
+ -webkit-box-pack: center;
674
+ -webkit-justify-content: center;
675
+ -moz-box-pack: center;
676
+ -ms-flex-pack: center;
677
+ justify-content: center; }
678
+
679
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
680
+ width: 20%;
681
+ margin: 0 0.2em;
682
+ border: 2px solid #aaa;
683
+ cursor: pointer; }
684
+
685
+ /**
686
+ * Metro
687
+ */
688
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
689
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
690
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
691
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
692
+ height: 100%; }
693
+
694
+ .premium-woo-products-metro ul.products li.product {
695
+ margin-bottom: 0; }
696
+
697
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
698
+ -o-object-fit: cover;
699
+ object-fit: cover; }
700
+
701
+ /*
702
+ * Carousel
703
+ */
704
+ .premium-carousel-hidden {
705
+ opacity: 0;
706
+ visibility: hidden; }
707
+
708
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
709
+ -webkit-border-radius: 50%;
710
+ border-radius: 50%; }
711
+
712
+ .premium-woocommerce ul.slick-dots {
713
+ width: 100%; }
714
+
715
+ /*
716
+ * Quick View Html/body
717
+ */
718
+ html.premium-woo-qv-opened,
719
+ html.premium-woo-qv-opened body {
720
+ overflow: hidden; }
721
+
722
+ /**
723
+ * Quick View Modal
724
+ */
725
+ .premium-woo-quick-view-back {
726
+ position: fixed;
727
+ visibility: hidden;
728
+ overflow: hidden;
729
+ background: rgba(2, 2, 2, 0.5);
730
+ opacity: 0;
731
+ -webkit-transition: opacity 0.25s;
732
+ transition: opacity 0.25s;
733
+ z-index: 999; }
734
+
735
+ .premium-woo-quick-view-active {
736
+ top: 0;
737
+ left: 0;
738
+ width: 100%;
739
+ height: 100%;
740
+ opacity: 1;
741
+ visibility: visible; }
742
+
743
+ #premium-woo-quick-view-modal {
744
+ position: fixed;
745
+ visibility: hidden;
746
+ opacity: 0;
747
+ top: 0;
748
+ left: 0;
749
+ width: 100%;
750
+ height: 100%;
751
+ z-index: 1400;
752
+ text-align: center;
753
+ -webkit-transition: all 0.3s;
754
+ transition: all 0.3s;
755
+ overflow-x: hidden;
756
+ overflow-y: auto; }
757
+ #premium-woo-quick-view-modal.active {
758
+ visibility: visible;
759
+ opacity: 1; }
760
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
761
+ -webkit-transform: translateY(0);
762
+ -ms-transform: translateY(0);
763
+ transform: translateY(0);
764
+ opacity: 1;
765
+ width: 100%; }
766
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
767
+ position: absolute;
768
+ width: 100%;
769
+ height: 100%;
770
+ top: 0;
771
+ left: 0;
772
+ text-align: center;
773
+ padding: 30px;
774
+ -js-display: flex;
775
+ display: -webkit-box;
776
+ display: -webkit-flex;
777
+ display: -moz-box;
778
+ display: -ms-flexbox;
779
+ display: flex;
780
+ -webkit-box-align: center;
781
+ -webkit-align-items: center;
782
+ -moz-box-align: center;
783
+ -ms-flex-align: center;
784
+ align-items: center; }
785
+ #premium-woo-quick-view-modal .premium-woo-content-main {
786
+ position: relative;
787
+ pointer-events: none;
788
+ max-width: 100%;
789
+ text-align: left;
790
+ z-index: 1045;
791
+ -webkit-transform: translateY(-30px);
792
+ -ms-transform: translateY(-30px);
793
+ transform: translateY(-30px);
794
+ opacity: 0;
795
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
796
+ transition: opacity 0.3s, -webkit-transform 0.5s;
797
+ transition: transform 0.5s, opacity 0.3s;
798
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
799
+ margin: 0 auto; }
800
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
801
+ position: relative;
802
+ display: table;
803
+ pointer-events: auto;
804
+ background-color: #fff;
805
+ max-width: 975px;
806
+ margin: 20px auto;
807
+ -webkit-transform: translateZ(0);
808
+ transform: translateZ(0);
809
+ -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
810
+ box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
811
+ overflow: hidden; }
812
+ #premium-woo-quick-view-modal .summary {
813
+ width: 50%;
814
+ margin: 0;
815
+ padding: 30px;
816
+ float: left;
817
+ -webkit-box-sizing: border-box;
818
+ -moz-box-sizing: border-box;
819
+ box-sizing: border-box; }
820
+ #premium-woo-quick-view-modal .summary .quantity {
821
+ min-width: auto; }
822
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
823
+ width: 54px;
824
+ -webkit-appearance: button;
825
+ -moz-appearance: button;
826
+ appearance: button; }
827
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-inner-spin-button,
828
+ #premium-woo-quick-view-modal .summary .quantity input[type="number"]::-webkit-outer-spin-button {
829
+ display: unset; }
830
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
831
+ margin: 0; }
832
+
833
+ #premium-woo-quick-view-close {
834
+ position: absolute;
835
+ font-size: 22px;
836
+ top: 10px;
837
+ right: 10px;
838
+ width: 22px;
839
+ height: 22px;
840
+ line-height: 22px;
841
+ opacity: 0.7;
842
+ text-align: center;
843
+ z-index: 2;
844
+ color: #000; }
845
+
846
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
847
+ position: relative; }
848
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
849
+ list-style: none; }
850
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
851
+ margin: 0;
852
+ padding: 0;
853
+ width: 100%;
854
+ position: absolute;
855
+ bottom: 10px;
856
+ text-align: center; }
857
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
858
+ margin: 0 6px;
859
+ display: inline-block;
860
+ vertical-align: middle; }
861
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
862
+ width: 11px;
863
+ height: 11px;
864
+ display: block;
865
+ background: #666;
866
+ background: rgba(0, 0, 0, 0.5);
867
+ cursor: pointer;
868
+ text-indent: -9999px;
869
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
870
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
871
+ -webkit-border-radius: 20px;
872
+ border-radius: 20px; }
873
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
874
+ background: rgba(0, 0, 0, 0.9);
875
+ cursor: default; }
876
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
877
+ outline: none; }
878
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
879
+ -o-object-fit: cover;
880
+ object-fit: cover;
881
+ width: 100%; }
882
+
883
+ #premium-woo-quick-view-content div.images {
884
+ width: 50%;
885
+ float: left;
886
+ opacity: 1 !important;
887
+ margin: 0; }
888
+
889
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
890
+ margin: 0;
891
+ padding: 0;
892
+ list-style: none; }
893
+
894
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
895
+ text-decoration: none;
896
+ display: block;
897
+ width: 14px;
898
+ height: 32px;
899
+ font-size: 32px;
900
+ line-height: 32px;
901
+ margin: -20px 0 0;
902
+ position: absolute;
903
+ top: 50%;
904
+ z-index: 10;
905
+ overflow: hidden;
906
+ cursor: pointer;
907
+ color: rgba(0, 0, 0, 0.8);
908
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
909
+ -webkit-transition: all 0.3s ease-in-out;
910
+ transition: all 0.3s ease-in-out; }
911
+
912
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
913
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
914
+ display: inline-block;
915
+ font-family: "Font Awesome 5 Free";
916
+ font-weight: 900;
917
+ text-rendering: auto;
918
+ -webkit-font-smoothing: antialiased;
919
+ -moz-osx-font-smoothing: grayscale; }
920
+
921
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
922
+ left: 10px; }
923
+
924
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
925
+ right: 10px; }
926
+
927
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
928
+ content: "\f104"; }
929
+
930
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
931
+ content: "\f105"; }
932
+
933
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
934
+ display: none; }
935
+
936
+ .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader {
937
+ -webkit-animation: spin 2s linear infinite;
938
+ animation: spin 2s linear infinite;
939
+ margin-left: 5px;
940
+ vertical-align: baseline; }
941
+
942
+ /*
943
+ * Load More Button
944
+ */
945
+ .premium-woo-load-more {
946
+ position: relative; }
947
+ .premium-woo-load-more .premium-woo-load-more-btn {
948
+ -webkit-box-shadow: none;
949
+ box-shadow: none;
950
+ text-shadow: none;
951
+ border: none;
952
+ outline: none;
953
+ -webkit-box-align: center;
954
+ -webkit-align-items: center;
955
+ -moz-box-align: center;
956
+ -ms-flex-align: center;
957
+ align-items: center;
958
+ vertical-align: bottom;
959
+ cursor: pointer;
960
+ line-height: 1;
961
+ font-style: normal;
962
+ font-weight: normal;
963
+ background-image: none;
964
+ color: #fff;
965
+ -webkit-transition: all 0.3s ease-in-out;
966
+ transition: all 0.3s ease-in-out;
967
+ padding: 10px 20px; }
968
+
969
+ .premium-woo-load-more-btn {
970
+ -js-display: inline-flex;
971
+ display: -webkit-inline-box;
972
+ display: -webkit-inline-flex;
973
+ display: -moz-inline-box;
974
+ display: -ms-inline-flexbox;
975
+ display: inline-flex;
976
+ -webkit-box-align: center;
977
+ -webkit-align-items: center;
978
+ -moz-box-align: center;
979
+ -ms-flex-align: center;
980
+ align-items: center; }
981
+
982
+ .premium-woo-load-more-btn span {
983
+ margin-right: 3px; }
984
+
985
+ .premium-woo-load-more-btn .premium-loader {
986
+ display: inline-block;
987
+ width: 20px;
988
+ height: 20px; }
989
+
990
+ @media (min-width: 545px) {
991
+ #premium-woo-quick-view-content div.summary {
992
+ content: "544";
993
+ overflow-y: auto; } }
994
+
995
+ @media (max-width: 544px) {
996
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
997
+ display: block; }
998
+ #premium-woo-quick-view-content div.images,
999
+ #premium-woo-quick-view-content div.summary {
1000
+ width: 100%;
1001
+ float: none; } }
assets/frontend/css/prettyphoto-rtl.css CHANGED
@@ -1,1252 +1,1252 @@
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
- }
23
-
24
- /* Top left corner */
25
- div.pp_default .pp_top .pp_middle {
26
- background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
27
- }
28
-
29
- /* Top pattern/color */
30
- div.pp_default .pp_top .pp_right {
31
- background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
32
- }
33
-
34
- /* Top right corner */
35
-
36
- div.pp_default .pp_content .ppt {
37
- color: #f8f8f8;
38
- }
39
-
40
- div.pp_default .pp_content_container .pp_left {
41
- background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
42
- padding-left: 13px;
43
- }
44
-
45
- div.pp_default .pp_content_container .pp_right {
46
- background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
47
- padding-right: 13px;
48
- }
49
-
50
- div.pp_default .pp_content {
51
- background-color: #fff;
52
- }
53
-
54
- /* Content background */
55
- div.pp_default .pp_next:hover {
56
- background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
57
- cursor: pointer;
58
- }
59
-
60
- /* Next button */
61
- div.pp_default .pp_previous:hover {
62
- background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
63
- cursor: pointer;
64
- }
65
-
66
- /* Previous button */
67
- div.pp_default .pp_expand {
68
- background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
69
- cursor: pointer;
70
- width: 28px;
71
- height: 28px;
72
- }
73
-
74
- /* Expand button */
75
- div.pp_default .pp_expand:hover {
76
- background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
77
- cursor: pointer;
78
- }
79
-
80
- /* Expand button hover */
81
- div.pp_default .pp_contract {
82
- background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
83
- cursor: pointer;
84
- width: 28px;
85
- height: 28px;
86
- }
87
-
88
- /* Contract button */
89
- div.pp_default .pp_contract:hover {
90
- background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
91
- cursor: pointer;
92
- }
93
-
94
- /* Contract button hover */
95
- div.pp_default .pp_close {
96
- width: 30px;
97
- height: 30px;
98
- background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
99
- cursor: pointer;
100
- }
101
-
102
- /* Close button */
103
- div.pp_default #pp_full_res .pp_inline {
104
- color: #000;
105
- }
106
-
107
- div.pp_default .pp_gallery ul li a {
108
- background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
109
- border: 1px solid #aaa;
110
- }
111
-
112
- div.pp_default .pp_gallery ul li a:hover,
113
- div.pp_default .pp_gallery ul li.selected a {
114
- border-color: #fff;
115
- }
116
-
117
- div.pp_default .pp_social {
118
- margin-top: 7px;
119
- }
120
-
121
- div.pp_default .pp_gallery a.pp_arrow_previous,
122
- div.pp_default .pp_gallery a.pp_arrow_next {
123
- position: static;
124
- left: auto;
125
- }
126
-
127
- div.pp_default .pp_nav .pp_play,
128
- div.pp_default .pp_nav .pp_pause {
129
- background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
130
- height: 30px;
131
- width: 30px;
132
- }
133
-
134
- div.pp_default .pp_nav .pp_pause {
135
- background-position: -51px -29px;
136
- }
137
-
138
- div.pp_default .pp_details {
139
- position: relative;
140
- }
141
-
142
- div.pp_default a.pp_arrow_previous,
143
- div.pp_default a.pp_arrow_next {
144
- background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
145
- height: 20px;
146
- margin: 4px 0 0 0;
147
- width: 20px;
148
- }
149
-
150
- div.pp_default a.pp_arrow_next {
151
- right: 52px;
152
- background-position: -82px -3px;
153
- }
154
-
155
- /* The next arrow in the bottom nav */
156
- div.pp_default .pp_content_container .pp_details {
157
- margin-top: 5px;
158
- }
159
-
160
- div.pp_default .pp_nav {
161
- clear: none;
162
- height: 30px;
163
- width: 110px;
164
- position: relative;
165
- }
166
-
167
- div.pp_default .pp_nav .currentTextHolder {
168
- font-family: Georgia;
169
- font-style: italic;
170
- color: #999;
171
- font-size: 11px;
172
- left: 75px;
173
- line-height: 25px;
174
- margin: 0;
175
- padding: 0 0 0 10px;
176
- position: absolute;
177
- top: 2px;
178
- }
179
-
180
- div.pp_default .pp_close:hover,
181
- div.pp_default .pp_nav .pp_play:hover,
182
- div.pp_default .pp_nav .pp_pause:hover,
183
- div.pp_default .pp_arrow_next:hover,
184
- div.pp_default .pp_arrow_previous:hover {
185
- opacity: 0.7;
186
- }
187
-
188
- div.pp_default .pp_description {
189
- font-size: 11px;
190
- font-weight: bold;
191
- line-height: 14px;
192
- margin: 5px 0 5px 50px;
193
- }
194
-
195
- div.pp_default .pp_bottom .pp_left {
196
- background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
197
- }
198
-
199
- /* Bottom left corner */
200
- div.pp_default .pp_bottom .pp_middle {
201
- background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
202
- }
203
-
204
- /* Bottom pattern/color */
205
- div.pp_default .pp_bottom .pp_right {
206
- background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
207
- }
208
-
209
- /* Bottom right corner */
210
-
211
- div.pp_default .pp_loaderIcon {
212
- background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
213
- }
214
-
215
- /* Loader icon */
216
-
217
- /* ----------------------------------
218
- Light Rounded Theme
219
- ----------------------------------- */
220
-
221
- div.light_rounded .pp_top .pp_left {
222
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
223
- }
224
-
225
- /* Top left corner */
226
- div.light_rounded .pp_top .pp_middle {
227
- background: #fff;
228
- }
229
-
230
- /* Top pattern/color */
231
- div.light_rounded .pp_top .pp_right {
232
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
233
- }
234
-
235
- /* Top right corner */
236
-
237
- div.light_rounded .pp_content .ppt {
238
- color: #000;
239
- }
240
-
241
- div.light_rounded .pp_content_container .pp_left,
242
- div.light_rounded .pp_content_container .pp_right {
243
- background: #fff;
244
- }
245
-
246
- div.light_rounded .pp_content {
247
- background-color: #fff;
248
- }
249
-
250
- /* Content background */
251
- div.light_rounded .pp_next:hover {
252
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
253
- cursor: pointer;
254
- }
255
-
256
- /* Next button */
257
- div.light_rounded .pp_previous:hover {
258
- background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
259
- cursor: pointer;
260
- }
261
-
262
- /* Previous button */
263
- div.light_rounded .pp_expand {
264
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
265
- cursor: pointer;
266
- }
267
-
268
- /* Expand button */
269
- div.light_rounded .pp_expand:hover {
270
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
271
- cursor: pointer;
272
- }
273
-
274
- /* Expand button hover */
275
- div.light_rounded .pp_contract {
276
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
277
- cursor: pointer;
278
- }
279
-
280
- /* Contract button */
281
- div.light_rounded .pp_contract:hover {
282
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
283
- cursor: pointer;
284
- }
285
-
286
- /* Contract button hover */
287
- div.light_rounded .pp_close {
288
- width: 75px;
289
- height: 22px;
290
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
291
- cursor: pointer;
292
- }
293
-
294
- /* Close button */
295
- div.light_rounded .pp_details {
296
- position: relative;
297
- }
298
-
299
- div.light_rounded .pp_description {
300
- margin-left: 85px;
301
- }
302
-
303
- div.light_rounded #pp_full_res .pp_inline {
304
- color: #000;
305
- }
306
-
307
- div.light_rounded .pp_gallery a.pp_arrow_previous,
308
- div.light_rounded .pp_gallery a.pp_arrow_next {
309
- margin-top: 12px !important;
310
- }
311
-
312
- div.light_rounded .pp_nav .pp_play {
313
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
314
- height: 15px;
315
- width: 14px;
316
- }
317
-
318
- div.light_rounded .pp_nav .pp_pause {
319
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
320
- height: 15px;
321
- width: 14px;
322
- }
323
-
324
- div.light_rounded .pp_arrow_previous {
325
- background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
326
- }
327
-
328
- /* The previous arrow in the bottom nav */
329
- div.light_rounded .pp_arrow_previous.disabled {
330
- background-position: 100% -87px;
331
- cursor: default;
332
- }
333
-
334
- div.light_rounded .pp_arrow_next {
335
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
336
- }
337
-
338
- /* The next arrow in the bottom nav */
339
- div.light_rounded .pp_arrow_next.disabled {
340
- background-position: -22px -87px;
341
- cursor: default;
342
- }
343
-
344
- div.light_rounded .pp_bottom .pp_left {
345
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
346
- }
347
-
348
- /* Bottom left corner */
349
- div.light_rounded .pp_bottom .pp_middle {
350
- background: #fff;
351
- }
352
-
353
- /* Bottom pattern/color */
354
- div.light_rounded .pp_bottom .pp_right {
355
- background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
356
- }
357
-
358
- /* Bottom right corner */
359
-
360
- div.light_rounded .pp_loaderIcon {
361
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
362
- }
363
-
364
- /* Loader icon */
365
-
366
- /* ----------------------------------
367
- Dark Rounded Theme
368
- ----------------------------------- */
369
-
370
- div.dark_rounded .pp_top .pp_left {
371
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
372
- }
373
-
374
- /* Top left corner */
375
- div.dark_rounded .pp_top .pp_middle {
376
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
377
- }
378
-
379
- /* Top pattern/color */
380
- div.dark_rounded .pp_top .pp_right {
381
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
382
- }
383
-
384
- /* Top right corner */
385
-
386
- div.dark_rounded .pp_content_container .pp_left {
387
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
388
- }
389
-
390
- /* Left Content background */
391
- div.dark_rounded .pp_content_container .pp_right {
392
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
393
- }
394
-
395
- /* Right Content background */
396
- div.dark_rounded .pp_content {
397
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
398
- }
399
-
400
- /* Content background */
401
- div.dark_rounded .pp_next:hover {
402
- background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
403
- cursor: pointer;
404
- }
405
-
406
- /* Next button */
407
- div.dark_rounded .pp_previous:hover {
408
- background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
409
- cursor: pointer;
410
- }
411
-
412
- /* Previous button */
413
- div.dark_rounded .pp_expand {
414
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
415
- cursor: pointer;
416
- }
417
-
418
- /* Expand button */
419
- div.dark_rounded .pp_expand:hover {
420
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
421
- cursor: pointer;
422
- }
423
-
424
- /* Expand button hover */
425
- div.dark_rounded .pp_contract {
426
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
427
- cursor: pointer;
428
- }
429
-
430
- /* Contract button */
431
- div.dark_rounded .pp_contract:hover {
432
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
433
- cursor: pointer;
434
- }
435
-
436
- /* Contract button hover */
437
- div.dark_rounded .pp_close {
438
- width: 75px;
439
- height: 22px;
440
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
441
- cursor: pointer;
442
- }
443
-
444
- /* Close button */
445
- div.dark_rounded .pp_details {
446
- position: relative;
447
- }
448
-
449
- div.dark_rounded .pp_description {
450
- margin-left: 85px;
451
- }
452
-
453
- div.dark_rounded .currentTextHolder {
454
- color: #c4c4c4;
455
- }
456
-
457
- div.dark_rounded .pp_description {
458
- color: #fff;
459
- }
460
-
461
- div.dark_rounded #pp_full_res .pp_inline {
462
- color: #fff;
463
- }
464
-
465
- div.dark_rounded .pp_gallery a.pp_arrow_previous,
466
- div.dark_rounded .pp_gallery a.pp_arrow_next {
467
- margin-top: 12px !important;
468
- }
469
-
470
- div.dark_rounded .pp_nav .pp_play {
471
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
472
- height: 15px;
473
- width: 14px;
474
- }
475
-
476
- div.dark_rounded .pp_nav .pp_pause {
477
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
478
- height: 15px;
479
- width: 14px;
480
- }
481
-
482
- div.dark_rounded .pp_arrow_previous {
483
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
484
- }
485
-
486
- /* The previous arrow in the bottom nav */
487
- div.dark_rounded .pp_arrow_previous.disabled {
488
- background-position: 100% -87px;
489
- cursor: default;
490
- }
491
-
492
- div.dark_rounded .pp_arrow_next {
493
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
494
- }
495
-
496
- /* The next arrow in the bottom nav */
497
- div.dark_rounded .pp_arrow_next.disabled {
498
- background-position: -22px -87px;
499
- cursor: default;
500
- }
501
-
502
- div.dark_rounded .pp_bottom .pp_left {
503
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
504
- }
505
-
506
- /* Bottom left corner */
507
- div.dark_rounded .pp_bottom .pp_middle {
508
- background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
509
- }
510
-
511
- /* Bottom pattern/color */
512
- div.dark_rounded .pp_bottom .pp_right {
513
- background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
514
- }
515
-
516
- /* Bottom right corner */
517
-
518
- div.dark_rounded .pp_loaderIcon {
519
- background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
520
- }
521
-
522
- /* Loader icon */
523
-
524
- /* ----------------------------------
525
- Dark Square Theme
526
- ----------------------------------- */
527
-
528
- div.dark_square .pp_left,
529
- div.dark_square .pp_middle,
530
- div.dark_square .pp_right,
531
- div.dark_square .pp_content {
532
- background: #000;
533
- }
534
-
535
- div.dark_square .currentTextHolder {
536
- color: #c4c4c4;
537
- }
538
-
539
- div.dark_square .pp_description {
540
- color: #fff;
541
- }
542
-
543
- div.dark_square .pp_loaderIcon {
544
- background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
545
- }
546
-
547
- /* Loader icon */
548
-
549
- div.dark_square .pp_expand {
550
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
551
- cursor: pointer;
552
- }
553
-
554
- /* Expand button */
555
- div.dark_square .pp_expand:hover {
556
- background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
557
- cursor: pointer;
558
- }
559
-
560
- /* Expand button hover */
561
- div.dark_square .pp_contract {
562
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
563
- cursor: pointer;
564
- }
565
-
566
- /* Contract button */
567
- div.dark_square .pp_contract:hover {
568
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
569
- cursor: pointer;
570
- }
571
-
572
- /* Contract button hover */
573
- div.dark_square .pp_close {
574
- width: 75px;
575
- height: 22px;
576
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
577
- cursor: pointer;
578
- }
579
-
580
- /* Close button */
581
- div.dark_square .pp_details {
582
- position: relative;
583
- }
584
-
585
- div.dark_square .pp_description {
586
- margin: 0 0 0 85px;
587
- }
588
-
589
- div.dark_square #pp_full_res .pp_inline {
590
- color: #fff;
591
- }
592
-
593
- div.dark_square .pp_gallery a.pp_arrow_previous,
594
- div.dark_square .pp_gallery a.pp_arrow_next {
595
- margin-top: 12px !important;
596
- }
597
-
598
- div.dark_square .pp_nav {
599
- clear: none;
600
- }
601
-
602
- div.dark_square .pp_nav .pp_play {
603
- background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
604
- height: 15px;
605
- width: 14px;
606
- }
607
-
608
- div.dark_square .pp_nav .pp_pause {
609
- background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
610
- height: 15px;
611
- width: 14px;
612
- }
613
-
614
- div.dark_square .pp_arrow_previous {
615
- background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
616
- }
617
-
618
- /* The previous arrow in the bottom nav */
619
- div.dark_square .pp_arrow_previous.disabled {
620
- background-position: 100% -87px;
621
- cursor: default;
622
- }
623
-
624
- div.dark_square .pp_arrow_next {
625
- background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
626
- }
627
-
628
- /* The next arrow in the bottom nav */
629
- div.dark_square .pp_arrow_next.disabled {
630
- background-position: -22px -87px;
631
- cursor: default;
632
- }
633
-
634
- div.dark_square .pp_next:hover {
635
- background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
636
- cursor: pointer;
637
- }
638
-
639
- /* Next button */
640
- div.dark_square .pp_previous:hover {
641
- background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
642
- cursor: pointer;
643
- }
644
-
645
- /* Previous button */
646
-
647
- /* ----------------------------------
648
- Light Square Theme
649
- ----------------------------------- */
650
-
651
- div.light_square .pp_left,
652
- div.light_square .pp_middle,
653
- div.light_square .pp_right,
654
- div.light_square .pp_content {
655
- background: #fff;
656
- }
657
-
658
- div.light_square .pp_content .ppt {
659
- color: #000;
660
- }
661
-
662
- div.light_square .pp_expand {
663
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
664
- cursor: pointer;
665
- }
666
-
667
- /* Expand button */
668
- div.light_square .pp_expand:hover {
669
- background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
670
- cursor: pointer;
671
- }
672
-
673
- /* Expand button hover */
674
- div.light_square .pp_contract {
675
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
676
- cursor: pointer;
677
- }
678
-
679
- /* Contract button */
680
- div.light_square .pp_contract:hover {
681
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
682
- cursor: pointer;
683
- }
684
-
685
- /* Contract button hover */
686
- div.light_square .pp_close {
687
- width: 75px;
688
- height: 22px;
689
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
690
- cursor: pointer;
691
- }
692
-
693
- /* Close button */
694
- div.light_square .pp_details {
695
- position: relative;
696
- }
697
-
698
- div.light_square .pp_description {
699
- margin-left: 85px;
700
- }
701
-
702
- div.light_square #pp_full_res .pp_inline {
703
- color: #000;
704
- }
705
-
706
- div.light_square .pp_gallery a.pp_arrow_previous,
707
- div.light_square .pp_gallery a.pp_arrow_next {
708
- margin-top: 12px !important;
709
- }
710
-
711
- div.light_square .pp_nav .pp_play {
712
- background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
713
- height: 15px;
714
- width: 14px;
715
- }
716
-
717
- div.light_square .pp_nav .pp_pause {
718
- background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
719
- height: 15px;
720
- width: 14px;
721
- }
722
-
723
- div.light_square .pp_arrow_previous {
724
- background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
725
- }
726
-
727
- /* The previous arrow in the bottom nav */
728
- div.light_square .pp_arrow_previous.disabled {
729
- background-position: 100% -87px;
730
- cursor: default;
731
- }
732
-
733
- div.light_square .pp_arrow_next {
734
- background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
735
- }
736
-
737
- /* The next arrow in the bottom nav */
738
- div.light_square .pp_arrow_next.disabled {
739
- background-position: -22px -87px;
740
- cursor: default;
741
- }
742
-
743
- div.light_square .pp_next:hover {
744
- background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
745
- cursor: pointer;
746
- }
747
-
748
- /* Next button */
749
- div.light_square .pp_previous:hover {
750
- background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
751
- cursor: pointer;
752
- }
753
-
754
- /* Previous button */
755
-
756
- div.light_square .pp_loaderIcon {
757
- background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
758
- }
759
-
760
- /* Loader icon */
761
-
762
- /* ----------------------------------
763
- Facebook style Theme
764
- ----------------------------------- */
765
-
766
- div.facebook .pp_top .pp_left {
767
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
768
- }
769
-
770
- /* Top left corner */
771
- div.facebook .pp_top .pp_middle {
772
- background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
773
- }
774
-
775
- /* Top pattern/color */
776
- div.facebook .pp_top .pp_right {
777
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
778
- }
779
-
780
- /* Top right corner */
781
-
782
- div.facebook .pp_content .ppt {
783
- color: #000;
784
- }
785
-
786
- div.facebook .pp_content_container .pp_left {
787
- background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
788
- }
789
-
790
- /* Content background */
791
- div.facebook .pp_content_container .pp_right {
792
- background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
793
- }
794
-
795
- /* Content background */
796
- div.facebook .pp_content {
797
- background: #fff;
798
- }
799
-
800
- /* Content background */
801
- div.facebook .pp_expand {
802
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
803
- cursor: pointer;
804
- }
805
-
806
- /* Expand button */
807
- div.facebook .pp_expand:hover {
808
- background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
809
- cursor: pointer;
810
- }
811
-
812
- /* Expand button hover */
813
- div.facebook .pp_contract {
814
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
815
- cursor: pointer;
816
- }
817
-
818
- /* Contract button */
819
- div.facebook .pp_contract:hover {
820
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
821
- cursor: pointer;
822
- }
823
-
824
- /* Contract button hover */
825
- div.facebook .pp_close {
826
- width: 22px;
827
- height: 22px;
828
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
829
- cursor: pointer;
830
- }
831
-
832
- /* Close button */
833
- div.facebook .pp_details {
834
- position: relative;
835
- }
836
-
837
- div.facebook .pp_description {
838
- margin: 0 0 0 37px;
839
- }
840
-
841
- div.facebook #pp_full_res .pp_inline {
842
- color: #000;
843
- }
844
-
845
- div.facebook .pp_loaderIcon {
846
- background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
847
- }
848
-
849
- /* Loader icon */
850
-
851
- div.facebook .pp_arrow_previous {
852
- background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
853
- height: 22px;
854
- margin-top: 0;
855
- width: 22px;
856
- }
857
-
858
- /* The previous arrow in the bottom nav */
859
- div.facebook .pp_arrow_previous.disabled {
860
- background-position: 100% -96px;
861
- cursor: default;
862
- }
863
-
864
- div.facebook .pp_arrow_next {
865
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
866
- height: 22px;
867
- margin-top: 0;
868
- width: 22px;
869
- }
870
-
871
- /* The next arrow in the bottom nav */
872
- div.facebook .pp_arrow_next.disabled {
873
- background-position: -32px -96px;
874
- cursor: default;
875
- }
876
-
877
- div.facebook .pp_nav {
878
- margin-top: 0;
879
- }
880
-
881
- div.facebook .pp_nav p {
882
- font-size: 15px;
883
- padding: 0 4px 0 3px;
884
- }
885
-
886
- div.facebook .pp_nav .pp_play {
887
- background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
888
- height: 22px;
889
- width: 22px;
890
- }
891
-
892
- div.facebook .pp_nav .pp_pause {
893
- background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
894
- height: 22px;
895
- width: 22px;
896
- }
897
-
898
- div.facebook .pp_next:hover {
899
- background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
900
- cursor: pointer;
901
- }
902
-
903
- /* Next button */
904
- div.facebook .pp_previous:hover {
905
- background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
906
- cursor: pointer;
907
- }
908
-
909
- /* Previous button */
910
-
911
- div.facebook .pp_bottom .pp_left {
912
- background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
913
- }
914
-
915
- /* Bottom left corner */
916
- div.facebook .pp_bottom .pp_middle {
917
- background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
918
- }
919
-
920
- /* Bottom pattern/color */
921
- div.facebook .pp_bottom .pp_right {
922
- background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
923
- }
924
-
925
- /* Bottom right corner */
926
-
927
- /* ------------------------------------------------------------------------
928
- DO NOT CHANGE
929
- ------------------------------------------------------------------------- */
930
-
931
- div.pp_pic_holder a:focus {
932
- outline: none;
933
- }
934
-
935
- div.pp_overlay {
936
- background: #000;
937
- display: none;
938
- right: 0;
939
- position: absolute;
940
- top: 0;
941
- width: 100%;
942
- z-index: 9500;
943
- }
944
-
945
- div.pp_pic_holder {
946
- display: none;
947
- position: absolute;
948
- width: 100px;
949
- z-index: 10000;
950
- overflow: hidden;
951
- }
952
-
953
- .pp_top {
954
- height: 20px;
955
- position: relative;
956
- }
957
-
958
- * html .pp_top {
959
- padding: 0 20px;
960
- }
961
-
962
- .pp_top .pp_left {
963
- height: 20px;
964
- left: 0;
965
- position: absolute;
966
- width: 20px;
967
- }
968
-
969
- .pp_top .pp_middle {
970
- height: 20px;
971
- right: 20px;
972
- position: absolute;
973
- left: 20px;
974
- }
975
-
976
- * html .pp_top .pp_middle {
977
- right: 0;
978
- position: static;
979
- }
980
-
981
- .pp_top .pp_right {
982
- height: 20px;
983
- left: auto;
984
- position: absolute;
985
- right: 0;
986
- top: 0;
987
- width: 20px;
988
- }
989
-
990
- .pp_content {
991
- height: 40px;
992
- min-width: 40px;
993
- }
994
-
995
- * html .pp_content {
996
- width: 40px;
997
- }
998
-
999
- .pp_fade {
1000
- display: none;
1001
- }
1002
-
1003
- .pp_content_container {
1004
- position: relative;
1005
- text-align: right;
1006
- width: 100%;
1007
- }
1008
-
1009
- .pp_content_container .pp_left {
1010
- padding-left: 20px;
1011
- }
1012
-
1013
- .pp_content_container .pp_right {
1014
- padding-right: 20px;
1015
- }
1016
-
1017
- .pp_content_container .pp_details {
1018
- float: right;
1019
- margin: 10px 0 2px 0;
1020
- }
1021
-
1022
- .pp_description {
1023
- display: none;
1024
- margin: 0;
1025
- }
1026
-
1027
- .pp_social {
1028
- float: right;
1029
- margin: 0;
1030
- }
1031
-
1032
- .pp_social .facebook {
1033
- float: right;
1034
- margin-right: 5px;
1035
- width: 55px;
1036
- overflow: hidden;
1037
- }
1038
-
1039
- .pp_social .twitter {
1040
- float: right;
1041
- }
1042
-
1043
- .pp_nav {
1044
- clear: left;
1045
- float: right;
1046
- margin: 3px 0 0 10px;
1047
- }
1048
-
1049
- .pp_nav p {
1050
- float: right;
1051
- margin: 2px 4px;
1052
- white-space: nowrap;
1053
- }
1054
-
1055
- .pp_nav .pp_play,
1056
- .pp_nav .pp_pause {
1057
- float: left;
1058
- margin-right: 4px;
1059
- text-indent: 10000px;
1060
- }
1061
-
1062
- a.pp_arrow_previous,
1063
- a.pp_arrow_next {
1064
- display: block;
1065
- float: left;
1066
- height: 15px;
1067
- margin-top: 3px;
1068
- overflow: hidden;
1069
- text-indent: 10000px;
1070
- width: 14px;
1071
- }
1072
-
1073
- .pp_hoverContainer {
1074
- position: absolute;
1075
- top: 0;
1076
- width: 100%;
1077
- z-index: 2000;
1078
- }
1079
-
1080
- .pp_gallery {
1081
- display: none;
1082
- left: 50%;
1083
- margin-top: -50px;
1084
- position: absolute;
1085
- z-index: 10000;
1086
- direction: ltr;
1087
- }
1088
-
1089
- .pp_gallery div {
1090
- float: left;
1091
- overflow: hidden;
1092
- position: relative;
1093
- }
1094
-
1095
- .pp_gallery ul {
1096
- float: left;
1097
- height: 35px;
1098
- margin: 0 0 0 5px;
1099
- padding: 0;
1100
- position: relative;
1101
- white-space: nowrap;
1102
- }
1103
-
1104
- .pp_gallery ul a {
1105
- border: 1px #000 solid;
1106
- border: 1px rgba(0, 0, 0, 0.5) solid;
1107
- display: block;
1108
- float: left;
1109
- height: 33px;
1110
- overflow: hidden;
1111
- }
1112
-
1113
- .pp_gallery ul a:hover,
1114
- .pp_gallery li.selected a {
1115
- border-color: #fff;
1116
- }
1117
-
1118
- .pp_gallery ul a img {
1119
- border: 0;
1120
- }
1121
-
1122
- .pp_gallery li {
1123
- display: block;
1124
- float: left;
1125
- margin: 0 5px 0 0;
1126
- padding: 0;
1127
- }
1128
-
1129
- .pp_gallery li.default a {
1130
- background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
1131
- display: block;
1132
- height: 33px;
1133
- width: 50px;
1134
- }
1135
-
1136
- .pp_gallery li.default a img {
1137
- display: none;
1138
- }
1139
-
1140
- .pp_gallery .pp_arrow_previous,
1141
- .pp_gallery .pp_arrow_next {
1142
- margin-top: 7px !important;
1143
- }
1144
-
1145
- a.pp_next {
1146
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1147
- display: block;
1148
- float: right;
1149
- height: 100%;
1150
- text-indent: 10000px;
1151
- width: 49%;
1152
- }
1153
-
1154
- a.pp_previous {
1155
- background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1156
- display: block;
1157
- float: left;
1158
- height: 100%;
1159
- text-indent: 10000px;
1160
- width: 49%;
1161
- }
1162
-
1163
- a.pp_expand,
1164
- a.pp_contract {
1165
- cursor: pointer;
1166
- display: none;
1167
- height: 20px;
1168
- position: absolute;
1169
- left: 30px;
1170
- text-indent: 10000px;
1171
- top: 10px;
1172
- width: 20px;
1173
- z-index: 20000;
1174
- }
1175
-
1176
- a.pp_close {
1177
- position: absolute;
1178
- left: 0;
1179
- top: 0;
1180
- display: block;
1181
- line-height: 22px;
1182
- text-indent: 10000px;
1183
- }
1184
-
1185
- .pp_bottom {
1186
- height: 20px;
1187
- position: relative;
1188
- }
1189
-
1190
- * html .pp_bottom {
1191
- padding: 0 20px;
1192
- }
1193
-
1194
- .pp_bottom .pp_left {
1195
- height: 20px;
1196
- left: 0;
1197
- position: absolute;
1198
- width: 20px;
1199
- }
1200
-
1201
- .pp_bottom .pp_middle {
1202
- height: 20px;
1203
- right: 20px;
1204
- position: absolute;
1205
- left: 20px;
1206
- }
1207
-
1208
- * html .pp_bottom .pp_middle {
1209
- right: 0;
1210
- position: static;
1211
- }
1212
-
1213
- .pp_bottom .pp_right {
1214
- height: 20px;
1215
- left: auto;
1216
- position: absolute;
1217
- right: 0;
1218
- top: 0;
1219
- width: 20px;
1220
- }
1221
-
1222
- .pp_loaderIcon {
1223
- display: block;
1224
- height: 24px;
1225
- right: 50%;
1226
- margin: -12px -12px 0 0;
1227
- position: absolute;
1228
- top: 50%;
1229
- width: 24px;
1230
- }
1231
-
1232
- #pp_full_res {
1233
- line-height: 1 !important;
1234
- }
1235
-
1236
- #pp_full_res .pp_inline {
1237
- text-align: right;
1238
- }
1239
-
1240
- #pp_full_res .pp_inline p {
1241
- margin: 0 0 15px 0;
1242
- }
1243
-
1244
- div.ppt {
1245
- color: #fff;
1246
- display: none;
1247
- font-size: 17px;
1248
- margin: 0 15px 5px 0;
1249
- z-index: 9999;
1250
- text-align: right;
1251
- width: 100% !important;
1252
  }
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
+ }
23
+
24
+ /* Top left corner */
25
+ div.pp_default .pp_top .pp_middle {
26
+ background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
27
+ }
28
+
29
+ /* Top pattern/color */
30
+ div.pp_default .pp_top .pp_right {
31
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
32
+ }
33
+
34
+ /* Top right corner */
35
+
36
+ div.pp_default .pp_content .ppt {
37
+ color: #f8f8f8;
38
+ }
39
+
40
+ div.pp_default .pp_content_container .pp_left {
41
+ background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
42
+ padding-left: 13px;
43
+ }
44
+
45
+ div.pp_default .pp_content_container .pp_right {
46
+ background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
47
+ padding-right: 13px;
48
+ }
49
+
50
+ div.pp_default .pp_content {
51
+ background-color: #fff;
52
+ }
53
+
54
+ /* Content background */
55
+ div.pp_default .pp_next:hover {
56
+ background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
57
+ cursor: pointer;
58
+ }
59
+
60
+ /* Next button */
61
+ div.pp_default .pp_previous:hover {
62
+ background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
63
+ cursor: pointer;
64
+ }
65
+
66
+ /* Previous button */
67
+ div.pp_default .pp_expand {
68
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
69
+ cursor: pointer;
70
+ width: 28px;
71
+ height: 28px;
72
+ }
73
+
74
+ /* Expand button */
75
+ div.pp_default .pp_expand:hover {
76
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
77
+ cursor: pointer;
78
+ }
79
+
80
+ /* Expand button hover */
81
+ div.pp_default .pp_contract {
82
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
83
+ cursor: pointer;
84
+ width: 28px;
85
+ height: 28px;
86
+ }
87
+
88
+ /* Contract button */
89
+ div.pp_default .pp_contract:hover {
90
+ background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
91
+ cursor: pointer;
92
+ }
93
+
94
+ /* Contract button hover */
95
+ div.pp_default .pp_close {
96
+ width: 30px;
97
+ height: 30px;
98
+ background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
99
+ cursor: pointer;
100
+ }
101
+
102
+ /* Close button */
103
+ div.pp_default #pp_full_res .pp_inline {
104
+ color: #000;
105
+ }
106
+
107
+ div.pp_default .pp_gallery ul li a {
108
+ background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
109
+ border: 1px solid #aaa;
110
+ }
111
+
112
+ div.pp_default .pp_gallery ul li a:hover,
113
+ div.pp_default .pp_gallery ul li.selected a {
114
+ border-color: #fff;
115
+ }
116
+
117
+ div.pp_default .pp_social {
118
+ margin-top: 7px;
119
+ }
120
+
121
+ div.pp_default .pp_gallery a.pp_arrow_previous,
122
+ div.pp_default .pp_gallery a.pp_arrow_next {
123
+ position: static;
124
+ left: auto;
125
+ }
126
+
127
+ div.pp_default .pp_nav .pp_play,
128
+ div.pp_default .pp_nav .pp_pause {
129
+ background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
130
+ height: 30px;
131
+ width: 30px;
132
+ }
133
+
134
+ div.pp_default .pp_nav .pp_pause {
135
+ background-position: -51px -29px;
136
+ }
137
+
138
+ div.pp_default .pp_details {
139
+ position: relative;
140
+ }
141
+
142
+ div.pp_default a.pp_arrow_previous,
143
+ div.pp_default a.pp_arrow_next {
144
+ background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
145
+ height: 20px;
146
+ margin: 4px 0 0 0;
147
+ width: 20px;
148
+ }
149
+
150
+ div.pp_default a.pp_arrow_next {
151
+ right: 52px;
152
+ background-position: -82px -3px;
153
+ }
154
+
155
+ /* The next arrow in the bottom nav */
156
+ div.pp_default .pp_content_container .pp_details {
157
+ margin-top: 5px;
158
+ }
159
+
160
+ div.pp_default .pp_nav {
161
+ clear: none;
162
+ height: 30px;
163
+ width: 110px;
164
+ position: relative;
165
+ }
166
+
167
+ div.pp_default .pp_nav .currentTextHolder {
168
+ font-family: Georgia;
169
+ font-style: italic;
170
+ color: #999;
171
+ font-size: 11px;
172
+ left: 75px;
173
+ line-height: 25px;
174
+ margin: 0;
175
+ padding: 0 0 0 10px;
176
+ position: absolute;
177
+ top: 2px;
178
+ }
179
+
180
+ div.pp_default .pp_close:hover,
181
+ div.pp_default .pp_nav .pp_play:hover,
182
+ div.pp_default .pp_nav .pp_pause:hover,
183
+ div.pp_default .pp_arrow_next:hover,
184
+ div.pp_default .pp_arrow_previous:hover {
185
+ opacity: 0.7;
186
+ }
187
+
188
+ div.pp_default .pp_description {
189
+ font-size: 11px;
190
+ font-weight: bold;
191
+ line-height: 14px;
192
+ margin: 5px 0 5px 50px;
193
+ }
194
+
195
+ div.pp_default .pp_bottom .pp_left {
196
+ background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
197
+ }
198
+
199
+ /* Bottom left corner */
200
+ div.pp_default .pp_bottom .pp_middle {
201
+ background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
202
+ }
203
+
204
+ /* Bottom pattern/color */
205
+ div.pp_default .pp_bottom .pp_right {
206
+ background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
207
+ }
208
+
209
+ /* Bottom right corner */
210
+
211
+ div.pp_default .pp_loaderIcon {
212
+ background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
213
+ }
214
+
215
+ /* Loader icon */
216
+
217
+ /* ----------------------------------
218
+ Light Rounded Theme
219
+ ----------------------------------- */
220
+
221
+ div.light_rounded .pp_top .pp_left {
222
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
223
+ }
224
+
225
+ /* Top left corner */
226
+ div.light_rounded .pp_top .pp_middle {
227
+ background: #fff;
228
+ }
229
+
230
+ /* Top pattern/color */
231
+ div.light_rounded .pp_top .pp_right {
232
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
233
+ }
234
+
235
+ /* Top right corner */
236
+
237
+ div.light_rounded .pp_content .ppt {
238
+ color: #000;
239
+ }
240
+
241
+ div.light_rounded .pp_content_container .pp_left,
242
+ div.light_rounded .pp_content_container .pp_right {
243
+ background: #fff;
244
+ }
245
+
246
+ div.light_rounded .pp_content {
247
+ background-color: #fff;
248
+ }
249
+
250
+ /* Content background */
251
+ div.light_rounded .pp_next:hover {
252
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
253
+ cursor: pointer;
254
+ }
255
+
256
+ /* Next button */
257
+ div.light_rounded .pp_previous:hover {
258
+ background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
259
+ cursor: pointer;
260
+ }
261
+
262
+ /* Previous button */
263
+ div.light_rounded .pp_expand {
264
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
265
+ cursor: pointer;
266
+ }
267
+
268
+ /* Expand button */
269
+ div.light_rounded .pp_expand:hover {
270
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
271
+ cursor: pointer;
272
+ }
273
+
274
+ /* Expand button hover */
275
+ div.light_rounded .pp_contract {
276
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
277
+ cursor: pointer;
278
+ }
279
+
280
+ /* Contract button */
281
+ div.light_rounded .pp_contract:hover {
282
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
283
+ cursor: pointer;
284
+ }
285
+
286
+ /* Contract button hover */
287
+ div.light_rounded .pp_close {
288
+ width: 75px;
289
+ height: 22px;
290
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
291
+ cursor: pointer;
292
+ }
293
+
294
+ /* Close button */
295
+ div.light_rounded .pp_details {
296
+ position: relative;
297
+ }
298
+
299
+ div.light_rounded .pp_description {
300
+ margin-left: 85px;
301
+ }
302
+
303
+ div.light_rounded #pp_full_res .pp_inline {
304
+ color: #000;
305
+ }
306
+
307
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
308
+ div.light_rounded .pp_gallery a.pp_arrow_next {
309
+ margin-top: 12px !important;
310
+ }
311
+
312
+ div.light_rounded .pp_nav .pp_play {
313
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
314
+ height: 15px;
315
+ width: 14px;
316
+ }
317
+
318
+ div.light_rounded .pp_nav .pp_pause {
319
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
320
+ height: 15px;
321
+ width: 14px;
322
+ }
323
+
324
+ div.light_rounded .pp_arrow_previous {
325
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
326
+ }
327
+
328
+ /* The previous arrow in the bottom nav */
329
+ div.light_rounded .pp_arrow_previous.disabled {
330
+ background-position: 100% -87px;
331
+ cursor: default;
332
+ }
333
+
334
+ div.light_rounded .pp_arrow_next {
335
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
336
+ }
337
+
338
+ /* The next arrow in the bottom nav */
339
+ div.light_rounded .pp_arrow_next.disabled {
340
+ background-position: -22px -87px;
341
+ cursor: default;
342
+ }
343
+
344
+ div.light_rounded .pp_bottom .pp_left {
345
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
346
+ }
347
+
348
+ /* Bottom left corner */
349
+ div.light_rounded .pp_bottom .pp_middle {
350
+ background: #fff;
351
+ }
352
+
353
+ /* Bottom pattern/color */
354
+ div.light_rounded .pp_bottom .pp_right {
355
+ background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
356
+ }
357
+
358
+ /* Bottom right corner */
359
+
360
+ div.light_rounded .pp_loaderIcon {
361
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
362
+ }
363
+
364
+ /* Loader icon */
365
+
366
+ /* ----------------------------------
367
+ Dark Rounded Theme
368
+ ----------------------------------- */
369
+
370
+ div.dark_rounded .pp_top .pp_left {
371
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
372
+ }
373
+
374
+ /* Top left corner */
375
+ div.dark_rounded .pp_top .pp_middle {
376
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
377
+ }
378
+
379
+ /* Top pattern/color */
380
+ div.dark_rounded .pp_top .pp_right {
381
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
382
+ }
383
+
384
+ /* Top right corner */
385
+
386
+ div.dark_rounded .pp_content_container .pp_left {
387
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
388
+ }
389
+
390
+ /* Left Content background */
391
+ div.dark_rounded .pp_content_container .pp_right {
392
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
393
+ }
394
+
395
+ /* Right Content background */
396
+ div.dark_rounded .pp_content {
397
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
398
+ }
399
+
400
+ /* Content background */
401
+ div.dark_rounded .pp_next:hover {
402
+ background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
403
+ cursor: pointer;
404
+ }
405
+
406
+ /* Next button */
407
+ div.dark_rounded .pp_previous:hover {
408
+ background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
409
+ cursor: pointer;
410
+ }
411
+
412
+ /* Previous button */
413
+ div.dark_rounded .pp_expand {
414
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
415
+ cursor: pointer;
416
+ }
417
+
418
+ /* Expand button */
419
+ div.dark_rounded .pp_expand:hover {
420
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
421
+ cursor: pointer;
422
+ }
423
+
424
+ /* Expand button hover */
425
+ div.dark_rounded .pp_contract {
426
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
427
+ cursor: pointer;
428
+ }
429
+
430
+ /* Contract button */
431
+ div.dark_rounded .pp_contract:hover {
432
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
433
+ cursor: pointer;
434
+ }
435
+
436
+ /* Contract button hover */
437
+ div.dark_rounded .pp_close {
438
+ width: 75px;
439
+ height: 22px;
440
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
441
+ cursor: pointer;
442
+ }
443
+
444
+ /* Close button */
445
+ div.dark_rounded .pp_details {
446
+ position: relative;
447
+ }
448
+
449
+ div.dark_rounded .pp_description {
450
+ margin-left: 85px;
451
+ }
452
+
453
+ div.dark_rounded .currentTextHolder {
454
+ color: #c4c4c4;
455
+ }
456
+
457
+ div.dark_rounded .pp_description {
458
+ color: #fff;
459
+ }
460
+
461
+ div.dark_rounded #pp_full_res .pp_inline {
462
+ color: #fff;
463
+ }
464
+
465
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
466
+ div.dark_rounded .pp_gallery a.pp_arrow_next {
467
+ margin-top: 12px !important;
468
+ }
469
+
470
+ div.dark_rounded .pp_nav .pp_play {
471
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
472
+ height: 15px;
473
+ width: 14px;
474
+ }
475
+
476
+ div.dark_rounded .pp_nav .pp_pause {
477
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
478
+ height: 15px;
479
+ width: 14px;
480
+ }
481
+
482
+ div.dark_rounded .pp_arrow_previous {
483
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
484
+ }
485
+
486
+ /* The previous arrow in the bottom nav */
487
+ div.dark_rounded .pp_arrow_previous.disabled {
488
+ background-position: 100% -87px;
489
+ cursor: default;
490
+ }
491
+
492
+ div.dark_rounded .pp_arrow_next {
493
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
494
+ }
495
+
496
+ /* The next arrow in the bottom nav */
497
+ div.dark_rounded .pp_arrow_next.disabled {
498
+ background-position: -22px -87px;
499
+ cursor: default;
500
+ }
501
+
502
+ div.dark_rounded .pp_bottom .pp_left {
503
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
504
+ }
505
+
506
+ /* Bottom left corner */
507
+ div.dark_rounded .pp_bottom .pp_middle {
508
+ background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
509
+ }
510
+
511
+ /* Bottom pattern/color */
512
+ div.dark_rounded .pp_bottom .pp_right {
513
+ background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
514
+ }
515
+
516
+ /* Bottom right corner */
517
+
518
+ div.dark_rounded .pp_loaderIcon {
519
+ background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
520
+ }
521
+
522
+ /* Loader icon */
523
+
524
+ /* ----------------------------------
525
+ Dark Square Theme
526
+ ----------------------------------- */
527
+
528
+ div.dark_square .pp_left,
529
+ div.dark_square .pp_middle,
530
+ div.dark_square .pp_right,
531
+ div.dark_square .pp_content {
532
+ background: #000;
533
+ }
534
+
535
+ div.dark_square .currentTextHolder {
536
+ color: #c4c4c4;
537
+ }
538
+
539
+ div.dark_square .pp_description {
540
+ color: #fff;
541
+ }
542
+
543
+ div.dark_square .pp_loaderIcon {
544
+ background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
545
+ }
546
+
547
+ /* Loader icon */
548
+
549
+ div.dark_square .pp_expand {
550
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
551
+ cursor: pointer;
552
+ }
553
+
554
+ /* Expand button */
555
+ div.dark_square .pp_expand:hover {
556
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
557
+ cursor: pointer;
558
+ }
559
+
560
+ /* Expand button hover */
561
+ div.dark_square .pp_contract {
562
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
563
+ cursor: pointer;
564
+ }
565
+
566
+ /* Contract button */
567
+ div.dark_square .pp_contract:hover {
568
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
569
+ cursor: pointer;
570
+ }
571
+
572
+ /* Contract button hover */
573
+ div.dark_square .pp_close {
574
+ width: 75px;
575
+ height: 22px;
576
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
577
+ cursor: pointer;
578
+ }
579
+
580
+ /* Close button */
581
+ div.dark_square .pp_details {
582
+ position: relative;
583
+ }
584
+
585
+ div.dark_square .pp_description {
586
+ margin: 0 0 0 85px;
587
+ }
588
+
589
+ div.dark_square #pp_full_res .pp_inline {
590
+ color: #fff;
591
+ }
592
+
593
+ div.dark_square .pp_gallery a.pp_arrow_previous,
594
+ div.dark_square .pp_gallery a.pp_arrow_next {
595
+ margin-top: 12px !important;
596
+ }
597
+
598
+ div.dark_square .pp_nav {
599
+ clear: none;
600
+ }
601
+
602
+ div.dark_square .pp_nav .pp_play {
603
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
604
+ height: 15px;
605
+ width: 14px;
606
+ }
607
+
608
+ div.dark_square .pp_nav .pp_pause {
609
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
610
+ height: 15px;
611
+ width: 14px;
612
+ }
613
+
614
+ div.dark_square .pp_arrow_previous {
615
+ background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
616
+ }
617
+
618
+ /* The previous arrow in the bottom nav */
619
+ div.dark_square .pp_arrow_previous.disabled {
620
+ background-position: 100% -87px;
621
+ cursor: default;
622
+ }
623
+
624
+ div.dark_square .pp_arrow_next {
625
+ background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
626
+ }
627
+
628
+ /* The next arrow in the bottom nav */
629
+ div.dark_square .pp_arrow_next.disabled {
630
+ background-position: -22px -87px;
631
+ cursor: default;
632
+ }
633
+
634
+ div.dark_square .pp_next:hover {
635
+ background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
636
+ cursor: pointer;
637
+ }
638
+
639
+ /* Next button */
640
+ div.dark_square .pp_previous:hover {
641
+ background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
642
+ cursor: pointer;
643
+ }
644
+
645
+ /* Previous button */
646
+
647
+ /* ----------------------------------
648
+ Light Square Theme
649
+ ----------------------------------- */
650
+
651
+ div.light_square .pp_left,
652
+ div.light_square .pp_middle,
653
+ div.light_square .pp_right,
654
+ div.light_square .pp_content {
655
+ background: #fff;
656
+ }
657
+
658
+ div.light_square .pp_content .ppt {
659
+ color: #000;
660
+ }
661
+
662
+ div.light_square .pp_expand {
663
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
664
+ cursor: pointer;
665
+ }
666
+
667
+ /* Expand button */
668
+ div.light_square .pp_expand:hover {
669
+ background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
670
+ cursor: pointer;
671
+ }
672
+
673
+ /* Expand button hover */
674
+ div.light_square .pp_contract {
675
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
676
+ cursor: pointer;
677
+ }
678
+
679
+ /* Contract button */
680
+ div.light_square .pp_contract:hover {
681
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
682
+ cursor: pointer;
683
+ }
684
+
685
+ /* Contract button hover */
686
+ div.light_square .pp_close {
687
+ width: 75px;
688
+ height: 22px;
689
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
690
+ cursor: pointer;
691
+ }
692
+
693
+ /* Close button */
694
+ div.light_square .pp_details {
695
+ position: relative;
696
+ }
697
+
698
+ div.light_square .pp_description {
699
+ margin-left: 85px;
700
+ }
701
+
702
+ div.light_square #pp_full_res .pp_inline {
703
+ color: #000;
704
+ }
705
+
706
+ div.light_square .pp_gallery a.pp_arrow_previous,
707
+ div.light_square .pp_gallery a.pp_arrow_next {
708
+ margin-top: 12px !important;
709
+ }
710
+
711
+ div.light_square .pp_nav .pp_play {
712
+ background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
713
+ height: 15px;
714
+ width: 14px;
715
+ }
716
+
717
+ div.light_square .pp_nav .pp_pause {
718
+ background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
719
+ height: 15px;
720
+ width: 14px;
721
+ }
722
+
723
+ div.light_square .pp_arrow_previous {
724
+ background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
725
+ }
726
+
727
+ /* The previous arrow in the bottom nav */
728
+ div.light_square .pp_arrow_previous.disabled {
729
+ background-position: 100% -87px;
730
+ cursor: default;
731
+ }
732
+
733
+ div.light_square .pp_arrow_next {
734
+ background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
735
+ }
736
+
737
+ /* The next arrow in the bottom nav */
738
+ div.light_square .pp_arrow_next.disabled {
739
+ background-position: -22px -87px;
740
+ cursor: default;
741
+ }
742
+
743
+ div.light_square .pp_next:hover {
744
+ background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
745
+ cursor: pointer;
746
+ }
747
+
748
+ /* Next button */
749
+ div.light_square .pp_previous:hover {
750
+ background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
751
+ cursor: pointer;
752
+ }
753
+
754
+ /* Previous button */
755
+
756
+ div.light_square .pp_loaderIcon {
757
+ background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
758
+ }
759
+
760
+ /* Loader icon */
761
+
762
+ /* ----------------------------------
763
+ Facebook style Theme
764
+ ----------------------------------- */
765
+
766
+ div.facebook .pp_top .pp_left {
767
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
768
+ }
769
+
770
+ /* Top left corner */
771
+ div.facebook .pp_top .pp_middle {
772
+ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
773
+ }
774
+
775
+ /* Top pattern/color */
776
+ div.facebook .pp_top .pp_right {
777
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
778
+ }
779
+
780
+ /* Top right corner */
781
+
782
+ div.facebook .pp_content .ppt {
783
+ color: #000;
784
+ }
785
+
786
+ div.facebook .pp_content_container .pp_left {
787
+ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
788
+ }
789
+
790
+ /* Content background */
791
+ div.facebook .pp_content_container .pp_right {
792
+ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
793
+ }
794
+
795
+ /* Content background */
796
+ div.facebook .pp_content {
797
+ background: #fff;
798
+ }
799
+
800
+ /* Content background */
801
+ div.facebook .pp_expand {
802
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
803
+ cursor: pointer;
804
+ }
805
+
806
+ /* Expand button */
807
+ div.facebook .pp_expand:hover {
808
+ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
809
+ cursor: pointer;
810
+ }
811
+
812
+ /* Expand button hover */
813
+ div.facebook .pp_contract {
814
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
815
+ cursor: pointer;
816
+ }
817
+
818
+ /* Contract button */
819
+ div.facebook .pp_contract:hover {
820
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
821
+ cursor: pointer;
822
+ }
823
+
824
+ /* Contract button hover */
825
+ div.facebook .pp_close {
826
+ width: 22px;
827
+ height: 22px;
828
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
829
+ cursor: pointer;
830
+ }
831
+
832
+ /* Close button */
833
+ div.facebook .pp_details {
834
+ position: relative;
835
+ }
836
+
837
+ div.facebook .pp_description {
838
+ margin: 0 0 0 37px;
839
+ }
840
+
841
+ div.facebook #pp_full_res .pp_inline {
842
+ color: #000;
843
+ }
844
+
845
+ div.facebook .pp_loaderIcon {
846
+ background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
847
+ }
848
+
849
+ /* Loader icon */
850
+
851
+ div.facebook .pp_arrow_previous {
852
+ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
853
+ height: 22px;
854
+ margin-top: 0;
855
+ width: 22px;
856
+ }
857
+
858
+ /* The previous arrow in the bottom nav */
859
+ div.facebook .pp_arrow_previous.disabled {
860
+ background-position: 100% -96px;
861
+ cursor: default;
862
+ }
863
+
864
+ div.facebook .pp_arrow_next {
865
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
866
+ height: 22px;
867
+ margin-top: 0;
868
+ width: 22px;
869
+ }
870
+
871
+ /* The next arrow in the bottom nav */
872
+ div.facebook .pp_arrow_next.disabled {
873
+ background-position: -32px -96px;
874
+ cursor: default;
875
+ }
876
+
877
+ div.facebook .pp_nav {
878
+ margin-top: 0;
879
+ }
880
+
881
+ div.facebook .pp_nav p {
882
+ font-size: 15px;
883
+ padding: 0 4px 0 3px;
884
+ }
885
+
886
+ div.facebook .pp_nav .pp_play {
887
+ background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
888
+ height: 22px;
889
+ width: 22px;
890
+ }
891
+
892
+ div.facebook .pp_nav .pp_pause {
893
+ background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
894
+ height: 22px;
895
+ width: 22px;
896
+ }
897
+
898
+ div.facebook .pp_next:hover {
899
+ background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
900
+ cursor: pointer;
901
+ }
902
+
903
+ /* Next button */
904
+ div.facebook .pp_previous:hover {
905
+ background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
906
+ cursor: pointer;
907
+ }
908
+
909
+ /* Previous button */
910
+
911
+ div.facebook .pp_bottom .pp_left {
912
+ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
913
+ }
914
+
915
+ /* Bottom left corner */
916
+ div.facebook .pp_bottom .pp_middle {
917
+ background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
918
+ }
919
+
920
+ /* Bottom pattern/color */
921
+ div.facebook .pp_bottom .pp_right {
922
+ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
923
+ }
924
+
925
+ /* Bottom right corner */
926
+
927
+ /* ------------------------------------------------------------------------
928
+ DO NOT CHANGE
929
+ ------------------------------------------------------------------------- */
930
+
931
+ div.pp_pic_holder a:focus {
932
+ outline: none;
933
+ }
934
+
935
+ div.pp_overlay {
936
+ background: #000;
937
+ display: none;
938
+ right: 0;
939
+ position: absolute;
940
+ top: 0;
941
+ width: 100%;
942
+ z-index: 9500;
943
+ }
944
+
945
+ div.pp_pic_holder {
946
+ display: none;
947
+ position: absolute;
948
+ width: 100px;
949
+ z-index: 10000;
950
+ overflow: hidden;
951
+ }
952
+
953
+ .pp_top {
954
+ height: 20px;
955
+ position: relative;
956
+ }
957
+
958
+ * html .pp_top {
959
+ padding: 0 20px;
960
+ }
961
+
962
+ .pp_top .pp_left {
963
+ height: 20px;
964
+ left: 0;
965
+ position: absolute;
966
+ width: 20px;
967
+ }
968
+
969
+ .pp_top .pp_middle {
970
+ height: 20px;
971
+ right: 20px;
972
+ position: absolute;
973
+ left: 20px;
974
+ }
975
+
976
+ * html .pp_top .pp_middle {
977
+ right: 0;
978
+ position: static;
979
+ }
980
+
981
+ .pp_top .pp_right {
982
+ height: 20px;
983
+ left: auto;
984
+ position: absolute;
985
+ right: 0;
986
+ top: 0;
987
+ width: 20px;
988
+ }
989
+
990
+ .pp_content {
991
+ height: 40px;
992
+ min-width: 40px;
993
+ }
994
+
995
+ * html .pp_content {
996
+ width: 40px;
997
+ }
998
+
999
+ .pp_fade {
1000
+ display: none;
1001
+ }
1002
+
1003
+ .pp_content_container {
1004
+ position: relative;
1005
+ text-align: right;
1006
+ width: 100%;
1007
+ }
1008
+
1009
+ .pp_content_container .pp_left {
1010
+ padding-left: 20px;
1011
+ }
1012
+
1013
+ .pp_content_container .pp_right {
1014
+ padding-right: 20px;
1015
+ }
1016
+
1017
+ .pp_content_container .pp_details {
1018
+ float: right;
1019
+ margin: 10px 0 2px 0;
1020
+ }
1021
+
1022
+ .pp_description {
1023
+ display: none;
1024
+ margin: 0;
1025
+ }
1026
+
1027
+ .pp_social {
1028
+ float: right;
1029
+ margin: 0;
1030
+ }
1031
+
1032
+ .pp_social .facebook {
1033
+ float: right;
1034
+ margin-right: 5px;
1035
+ width: 55px;
1036
+ overflow: hidden;
1037
+ }
1038
+
1039
+ .pp_social .twitter {
1040
+ float: right;
1041
+ }
1042
+
1043
+ .pp_nav {
1044
+ clear: left;
1045
+ float: right;
1046
+ margin: 3px 0 0 10px;
1047
+ }
1048
+
1049
+ .pp_nav p {
1050
+ float: right;
1051
+ margin: 2px 4px;
1052
+ white-space: nowrap;
1053
+ }
1054
+
1055
+ .pp_nav .pp_play,
1056
+ .pp_nav .pp_pause {
1057
+ float: left;
1058
+ margin-right: 4px;
1059
+ text-indent: 10000px;
1060
+ }
1061
+
1062
+ a.pp_arrow_previous,
1063
+ a.pp_arrow_next {
1064
+ display: block;
1065
+ float: left;
1066
+ height: 15px;
1067
+ margin-top: 3px;
1068
+ overflow: hidden;
1069
+ text-indent: 10000px;
1070
+ width: 14px;
1071
+ }
1072
+
1073
+ .pp_hoverContainer {
1074
+ position: absolute;
1075
+ top: 0;
1076
+ width: 100%;
1077
+ z-index: 2000;
1078
+ }
1079
+
1080
+ .pp_gallery {
1081
+ display: none;
1082
+ left: 50%;
1083
+ margin-top: -50px;
1084
+ position: absolute;
1085
+ z-index: 10000;
1086
+ direction: ltr;
1087
+ }
1088
+
1089
+ .pp_gallery div {
1090
+ float: left;
1091
+ overflow: hidden;
1092
+ position: relative;
1093
+ }
1094
+
1095
+ .pp_gallery ul {
1096
+ float: left;
1097
+ height: 35px;
1098
+ margin: 0 0 0 5px;
1099
+ padding: 0;
1100
+ position: relative;
1101
+ white-space: nowrap;
1102
+ }
1103
+
1104
+ .pp_gallery ul a {
1105
+ border: 1px #000 solid;
1106
+ border: 1px rgba(0, 0, 0, 0.5) solid;
1107
+ display: block;
1108
+ float: left;
1109
+ height: 33px;
1110
+ overflow: hidden;
1111
+ }
1112
+
1113
+ .pp_gallery ul a:hover,
1114
+ .pp_gallery li.selected a {
1115
+ border-color: #fff;
1116
+ }
1117
+
1118
+ .pp_gallery ul a img {
1119
+ border: 0;
1120
+ }
1121
+
1122
+ .pp_gallery li {
1123
+ display: block;
1124
+ float: left;
1125
+ margin: 0 5px 0 0;
1126
+ padding: 0;
1127
+ }
1128
+
1129
+ .pp_gallery li.default a {
1130
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
1131
+ display: block;
1132
+ height: 33px;
1133
+ width: 50px;
1134
+ }
1135
+
1136
+ .pp_gallery li.default a img {
1137
+ display: none;
1138
+ }
1139
+
1140
+ .pp_gallery .pp_arrow_previous,
1141
+ .pp_gallery .pp_arrow_next {
1142
+ margin-top: 7px !important;
1143
+ }
1144
+
1145
+ a.pp_next {
1146
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1147
+ display: block;
1148
+ float: right;
1149
+ height: 100%;
1150
+ text-indent: 10000px;
1151
+ width: 49%;
1152
+ }
1153
+
1154
+ a.pp_previous {
1155
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
1156
+ display: block;
1157
+ float: left;
1158
+ height: 100%;
1159
+ text-indent: 10000px;
1160
+ width: 49%;
1161
+ }
1162
+
1163
+ a.pp_expand,
1164
+ a.pp_contract {
1165
+ cursor: pointer;
1166
+ display: none;
1167
+ height: 20px;
1168
+ position: absolute;
1169
+ left: 30px;
1170
+ text-indent: 10000px;
1171
+ top: 10px;
1172
+ width: 20px;
1173
+ z-index: 20000;
1174
+ }
1175
+
1176
+ a.pp_close {
1177
+ position: absolute;
1178
+ left: 0;
1179
+ top: 0;
1180
+ display: block;
1181
+ line-height: 22px;
1182
+ text-indent: 10000px;
1183
+ }
1184
+
1185
+ .pp_bottom {
1186
+ height: 20px;
1187
+ position: relative;
1188
+ }
1189
+
1190
+ * html .pp_bottom {
1191
+ padding: 0 20px;
1192
+ }
1193
+
1194
+ .pp_bottom .pp_left {
1195
+ height: 20px;
1196
+ left: 0;
1197
+ position: absolute;
1198
+ width: 20px;
1199
+ }
1200
+
1201
+ .pp_bottom .pp_middle {
1202
+ height: 20px;
1203
+ right: 20px;
1204
+ position: absolute;
1205
+ left: 20px;
1206
+ }
1207
+
1208
+ * html .pp_bottom .pp_middle {
1209
+ right: 0;
1210
+ position: static;
1211
+ }
1212
+
1213
+ .pp_bottom .pp_right {
1214
+ height: 20px;
1215
+ left: auto;
1216
+ position: absolute;
1217
+ right: 0;
1218
+ top: 0;
1219
+ width: 20px;
1220
+ }
1221
+
1222
+ .pp_loaderIcon {
1223
+ display: block;
1224
+ height: 24px;
1225
+ right: 50%;
1226
+ margin: -12px -12px 0 0;
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ width: 24px;
1230
+ }
1231
+
1232
+ #pp_full_res {
1233
+ line-height: 1 !important;
1234
+ }
1235
+
1236
+ #pp_full_res .pp_inline {
1237
+ text-align: right;
1238
+ }
1239
+
1240
+ #pp_full_res .pp_inline p {
1241
+ margin: 0 0 15px 0;
1242
+ }
1243
+
1244
+ div.ppt {
1245
+ color: #fff;
1246
+ display: none;
1247
+ font-size: 17px;
1248
+ margin: 0 15px 5px 0;
1249
+ z-index: 9999;
1250
+ text-align: right;
1251
+ width: 100% !important;
1252
  }
assets/frontend/js/TweenMax.js CHANGED
@@ -20,3 +20,14 @@
20
 
21
  !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? e(exports) : "function" == typeof define && define.amd ? define(["exports"], e) : e((t = t || self).window = t.window || {}) }(this, function (e) { "use strict"; function k() { return "undefined" != typeof window } function l() { return i || k() && (i = window.gsap) && i.registerPlugin && i } function m(t) { return "string" == typeof t } function n(t) { return "function" == typeof t } function o(t, e) { var o = "x" === e ? "Width" : "Height", n = "scroll" + o, r = "client" + o; return t === x || t === u || t === c ? Math.max(u[n], c[n]) - (x["inner" + o] || u[r] || c[r]) : t[n] - t["offset" + o] } function p(t, e) { var o = "scroll" + ("x" === e ? "Left" : "Top"); return t === x && (null != t.pageXOffset ? o = "page" + e.toUpperCase() + "Offset" : t = null != u[o] ? u : c), function () { return t[o] } } function r(t, e) { if (!(t = a(t)[0]) || !t.getBoundingClientRect) return console.warn("scrollTo target doesn't exist. Using 0") || { x: 0, y: 0 }; var o = t.getBoundingClientRect(), n = !e || e === x || e === c, r = n ? { top: u.clientTop - (x.pageYOffset || u.scrollTop || c.scrollTop || 0), left: u.clientLeft - (x.pageXOffset || u.scrollLeft || c.scrollLeft || 0) } : e.getBoundingClientRect(), i = { x: o.left - r.left, y: o.top - r.top }; return !n && e && (i.x += p(e, "x")(), i.y += p(e, "y")()), i } function s(t, e, n, i, l) { return isNaN(t) || "object" == typeof t ? m(t) && "=" === t.charAt(1) ? parseFloat(t.substr(2)) * ("-" === t.charAt(0) ? -1 : 1) + i - l : "max" === t ? o(e, n) - l : Math.min(o(e, n), r(t, e)[n] - l) : parseFloat(t) - l } function t() { i = l(), k() && i && document.body && (x = window, c = document.body, u = document.documentElement, a = i.utils.toArray, i.config({ autoKillThreshold: 7 }), g = i.config(), f = 1) } var i, f, x, u, c, a, g, y = { version: "3.6.1", name: "scrollTo", rawVars: 1, register: function register(e) { i = e, t() }, init: function init(e, o, r, i, l) { f || t(); var u = this; u.isWin = e === x, u.target = e, u.tween = r, o = function _clean(t, e, o, r) { if (n(t) && (t = t(e, o, r)), "object" != typeof t) return m(t) && "max" !== t && "=" !== t.charAt(1) ? { x: t, y: t } : { y: t }; if (t.nodeType) return { y: t, x: t }; var i, l = {}; for (i in t) l[i] = "onAutoKill" !== i && n(t[i]) ? t[i](e, o, r) : t[i]; return l }(o, i, e, l), u.vars = o, u.autoKill = !!o.autoKill, u.getX = p(e, "x"), u.getY = p(e, "y"), u.x = u.xPrev = u.getX(), u.y = u.yPrev = u.getY(), null != o.x ? (u.add(u, "x", u.x, s(o.x, e, "x", u.x, o.offsetX || 0), i, l), u._props.push("scrollTo_x")) : u.skipX = 1, null != o.y ? (u.add(u, "y", u.y, s(o.y, e, "y", u.y, o.offsetY || 0), i, l), u._props.push("scrollTo_y")) : u.skipY = 1 }, render: function render(t, e) { for (var n, r, i, l, s, u = e._pt, f = e.target, p = e.tween, c = e.autoKill, a = e.xPrev, y = e.yPrev, d = e.isWin; u;)u.r(t, u.d), u = u._next; n = d || !e.skipX ? e.getX() : a, i = (r = d || !e.skipY ? e.getY() : y) - y, l = n - a, s = g.autoKillThreshold, e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), c && (!e.skipX && (s < l || l < -s) && n < o(f, "x") && (e.skipX = 1), !e.skipY && (s < i || i < -s) && r < o(f, "y") && (e.skipY = 1), e.skipX && e.skipY && (p.kill(), e.vars.onAutoKill && e.vars.onAutoKill.apply(p, e.vars.onAutoKillParams || []))), d ? x.scrollTo(e.skipX ? n : e.x, e.skipY ? r : e.y) : (e.skipY || (f.scrollTop = e.y), e.skipX || (f.scrollLeft = e.x)), e.xPrev = e.x, e.yPrev = e.y }, kill: function kill(t) { var e = "scrollTo" === t; !e && "scrollTo_x" !== t || (this.skipX = 1), !e && "scrollTo_y" !== t || (this.skipY = 1) } }; y.max = o, y.getOffset = r, y.buildGetter = p, l() && i.registerPlugin(y), e.ScrollToPlugin = y, e.default = y; if (typeof (window) === "undefined" || window !== e) { Object.defineProperty(e, "__esModule", { value: !0 }) } else { delete e.default } });
22
 
 
 
 
 
 
 
 
 
 
 
 
20
 
21
  !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? e(exports) : "function" == typeof define && define.amd ? define(["exports"], e) : e((t = t || self).window = t.window || {}) }(this, function (e) { "use strict"; function k() { return "undefined" != typeof window } function l() { return i || k() && (i = window.gsap) && i.registerPlugin && i } function m(t) { return "string" == typeof t } function n(t) { return "function" == typeof t } function o(t, e) { var o = "x" === e ? "Width" : "Height", n = "scroll" + o, r = "client" + o; return t === x || t === u || t === c ? Math.max(u[n], c[n]) - (x["inner" + o] || u[r] || c[r]) : t[n] - t["offset" + o] } function p(t, e) { var o = "scroll" + ("x" === e ? "Left" : "Top"); return t === x && (null != t.pageXOffset ? o = "page" + e.toUpperCase() + "Offset" : t = null != u[o] ? u : c), function () { return t[o] } } function r(t, e) { if (!(t = a(t)[0]) || !t.getBoundingClientRect) return console.warn("scrollTo target doesn't exist. Using 0") || { x: 0, y: 0 }; var o = t.getBoundingClientRect(), n = !e || e === x || e === c, r = n ? { top: u.clientTop - (x.pageYOffset || u.scrollTop || c.scrollTop || 0), left: u.clientLeft - (x.pageXOffset || u.scrollLeft || c.scrollLeft || 0) } : e.getBoundingClientRect(), i = { x: o.left - r.left, y: o.top - r.top }; return !n && e && (i.x += p(e, "x")(), i.y += p(e, "y")()), i } function s(t, e, n, i, l) { return isNaN(t) || "object" == typeof t ? m(t) && "=" === t.charAt(1) ? parseFloat(t.substr(2)) * ("-" === t.charAt(0) ? -1 : 1) + i - l : "max" === t ? o(e, n) - l : Math.min(o(e, n), r(t, e)[n] - l) : parseFloat(t) - l } function t() { i = l(), k() && i && document.body && (x = window, c = document.body, u = document.documentElement, a = i.utils.toArray, i.config({ autoKillThreshold: 7 }), g = i.config(), f = 1) } var i, f, x, u, c, a, g, y = { version: "3.6.1", name: "scrollTo", rawVars: 1, register: function register(e) { i = e, t() }, init: function init(e, o, r, i, l) { f || t(); var u = this; u.isWin = e === x, u.target = e, u.tween = r, o = function _clean(t, e, o, r) { if (n(t) && (t = t(e, o, r)), "object" != typeof t) return m(t) && "max" !== t && "=" !== t.charAt(1) ? { x: t, y: t } : { y: t }; if (t.nodeType) return { y: t, x: t }; var i, l = {}; for (i in t) l[i] = "onAutoKill" !== i && n(t[i]) ? t[i](e, o, r) : t[i]; return l }(o, i, e, l), u.vars = o, u.autoKill = !!o.autoKill, u.getX = p(e, "x"), u.getY = p(e, "y"), u.x = u.xPrev = u.getX(), u.y = u.yPrev = u.getY(), null != o.x ? (u.add(u, "x", u.x, s(o.x, e, "x", u.x, o.offsetX || 0), i, l), u._props.push("scrollTo_x")) : u.skipX = 1, null != o.y ? (u.add(u, "y", u.y, s(o.y, e, "y", u.y, o.offsetY || 0), i, l), u._props.push("scrollTo_y")) : u.skipY = 1 }, render: function render(t, e) { for (var n, r, i, l, s, u = e._pt, f = e.target, p = e.tween, c = e.autoKill, a = e.xPrev, y = e.yPrev, d = e.isWin; u;)u.r(t, u.d), u = u._next; n = d || !e.skipX ? e.getX() : a, i = (r = d || !e.skipY ? e.getY() : y) - y, l = n - a, s = g.autoKillThreshold, e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), c && (!e.skipX && (s < l || l < -s) && n < o(f, "x") && (e.skipX = 1), !e.skipY && (s < i || i < -s) && r < o(f, "y") && (e.skipY = 1), e.skipX && e.skipY && (p.kill(), e.vars.onAutoKill && e.vars.onAutoKill.apply(p, e.vars.onAutoKillParams || []))), d ? x.scrollTo(e.skipX ? n : e.x, e.skipY ? r : e.y) : (e.skipY || (f.scrollTop = e.y), e.skipX || (f.scrollLeft = e.x)), e.xPrev = e.x, e.yPrev = e.y }, kill: function kill(t) { var e = "scrollTo" === t; !e && "scrollTo_x" !== t || (this.skipX = 1), !e && "scrollTo_y" !== t || (this.skipY = 1) } }; y.max = o, y.getOffset = r, y.buildGetter = p, l() && i.registerPlugin(y), e.ScrollToPlugin = y, e.default = y; if (typeof (window) === "undefined" || window !== e) { Object.defineProperty(e, "__esModule", { value: !0 }) } else { delete e.default } });
22
 
23
+ /*!
24
+ * ScrollTrigger 3.10.4
25
+ * https://greensock.com
26
+ *
27
+ * @license Copyright 2022, GreenSock. All rights reserved.
28
+ * Subject to the terms at https://greensock.com/standard-license or for Club GreenSock members, the agreement issued with that membership.
29
+ * @author: Jack Doyle, jack@greensock.com
30
+ */
31
+
32
+ !function (e, t) { "object" == typeof exports && "undefined" != typeof module ? t(exports) : "function" == typeof define && define.amd ? define(["exports"], t) : t((e = e || self).window = e.window || {}) }(this, function (e) { "use strict"; function _defineProperties(e, t) { for (var r = 0; r < t.length; r++) { var n = t[r]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n) } } function q() { return we || "undefined" != typeof window && (we = window.gsap) && we.registerPlugin && we } function y(e, t) { return ~Le.indexOf(e) && Le[Le.indexOf(e) + 1][t] } function z(e) { return !!~t.indexOf(e) } function A(e, t, r, n, i) { return e.addEventListener(t, r, { passive: !n, capture: !!i }) } function B(e, t, r, n) { return e.removeEventListener(t, r, !!n) } function E() { return De && De.isPressed || T.cache++ } function F(r, n) { function Uc(e) { if (e || 0 === e) { i && (Me.history.scrollRestoration = "manual"); var t = De && De.isPressed; e = Uc.v = Math.round(e) || (De && De.iOS ? 1 : 0), r(e), Uc.cacheID = T.cache, t && o("ss", e) } else (n || T.cache !== Uc.cacheID || o("ref")) && (Uc.cacheID = T.cache, Uc.v = r()); return Uc.v + Uc.offset } return Uc.offset = 0, r && Uc } function I(e) { return we.utils.toArray(e)[0] || ("string" == typeof e && !1 !== we.config().nullTargetWarn ? console.warn("Element not found:", e) : null) } function J(t, e) { var r = e.s, n = e.sc, i = T.indexOf(t), o = n === Ne.sc ? 1 : 2; return ~i || (i = T.push(t) - 1), T[i + o] || (T[i + o] = F(y(t, r), !0) || (z(t) ? n : F(function (e) { return arguments.length ? t[r] = e : t[r] }))) } function K(e, t, i) { function od(e, t) { var r = He(); t || n < r - s ? (a = o, o = e, l = s, s = r) : i ? o += e : o = a + (e - a) / (r - l) * (s - l) } var o = e, a = e, s = He(), l = s, n = t || 50, c = Math.max(500, 3 * n); return { update: od, reset: function reset() { a = o = i ? 0 : o, l = s = 0 }, getVelocity: function getVelocity(e) { var t = l, r = a, n = He(); return !e && 0 !== e || e === o || od(e), s === l || c < n - l ? 0 : (o + (i ? r : -r)) / ((i ? n : s) - t) * 1e3 } } } function L(e, t) { return t && !e._gsapAllow && e.preventDefault(), e.changedTouches ? e.changedTouches[0] : e } function M(e) { var t = Math.max.apply(Math, e), r = Math.min.apply(Math, e); return Math.abs(t) >= Math.abs(r) ? t : r } function N() { (Be = we.core.globals().ScrollTrigger) && Be.core && function _integrate() { var e = Be.core, r = e.bridge || {}, t = e._scrollers, n = e._proxies; t.push.apply(t, T), n.push.apply(n, Le), T = t, Le = n, o = function _bridge(e, t) { return r[e](t) } }() } function O(e) { return (we = e || q()) && "undefined" != typeof document && document.body && (Me = window, Ce = (Ae = document).documentElement, Oe = Ae.body, t = [Me, Ae, Ce, Oe], we.utils.clamp, Ie = "onpointerenter" in Oe ? "pointer" : "mouse", Ee = k.isTouch = Me.matchMedia && Me.matchMedia("(hover: none), (pointer: coarse)").matches ? 1 : "ontouchstart" in Me || 0 < navigator.maxTouchPoints || 0 < navigator.msMaxTouchPoints ? 2 : 0, ze = k.eventTypes = ("ontouchstart" in Ce ? "touchstart,touchmove,touchcancel,touchend" : "onpointerdown" in Ce ? "pointerdown,pointermove,pointercancel,pointerup" : "mousedown,mousemove,mouseup,mouseup").split(","), setTimeout(function () { return i = 0 }, 500), N(), ke = 1), ke } var we, ke, Me, Ae, Ce, Oe, Ee, Ie, Be, t, De, ze, i = 1, Fe = [], T = [], Le = [], He = Date.now, o = function _bridge(e, t) { return t }, r = "scrollLeft", n = "scrollTop", Re = { s: r, p: "left", p2: "Left", os: "right", os2: "Right", d: "width", d2: "Width", a: "x", sc: F(function (e) { return arguments.length ? Me.scrollTo(e, Ne.sc()) : Me.pageXOffset || Ae[r] || Ce[r] || Oe[r] || 0 }) }, Ne = { s: n, p: "top", p2: "Top", os: "bottom", os2: "Bottom", d: "height", d2: "Height", a: "y", op: Re, sc: F(function (e) { return arguments.length ? Me.scrollTo(Re.sc(), e) : Me.pageYOffset || Ae[n] || Ce[n] || Oe[n] || 0 }) }; Re.op = Ne, T.cache = 0; var k = (Observer.prototype.init = function init(e) { ke || O(we) || console.warn("Please gsap.registerPlugin(Observer)"), Be || N(); var i = e.tolerance, a = e.dragMinimum, t = e.type, n = e.target, r = e.lineHeight, o = e.debounce, s = e.preventDefault, l = e.onStop, c = e.onStopDelay, u = e.ignore, f = e.wheelSpeed, d = e.event, p = e.onDragStart, g = e.onDragEnd, h = e.onDrag, v = e.onPress, b = e.onRelease, m = e.onRight, y = e.onLeft, x = e.onUp, w = e.onDown, S = e.onChangeX, _ = e.onChangeY, T = e.onChange, k = e.onToggleX, C = e.onToggleY, P = e.onHover, D = e.onHoverEnd, Y = e.onMove, X = e.ignoreCheck, F = e.isNormalizer, H = e.onGestureStart, R = e.onGestureEnd, U = e.onWheel, V = e.onEnable, W = e.onDisable, j = e.onClick, Q = e.scrollSpeed, q = e.capture, G = e.allowClicks, Z = e.lockAxis, $ = e.onLockAxis; function Pe() { return ye = He() } function Qe(e, t) { return (se.event = e) && u && ~u.indexOf(e.target) || t && ge && "touch" !== e.pointerType || X && X(e, t) } function Se() { var e = se.deltaX = M(be), t = se.deltaY = M(me), r = Math.abs(e) >= i, n = Math.abs(t) >= i; T && (r || n) && T(se, e, t, be, me), r && (m && 0 < se.deltaX && m(se), y && se.deltaX < 0 && y(se), S && S(se), k && se.deltaX < 0 != le < 0 && k(se), le = se.deltaX, be[0] = be[1] = be[2] = 0), n && (w && 0 < se.deltaY && w(se), x && se.deltaY < 0 && x(se), _ && _(se), C && se.deltaY < 0 != ce < 0 && C(se), ce = se.deltaY, me[0] = me[1] = me[2] = 0), (ne || re) && (Y && Y(se), $ && oe && $(se), re && (h(se), re = !1), ne = oe = !1), ie && (U(se), ie = !1), ee = 0 } function Te(e, t, r) { be[r] += e, me[r] += t, se._vx.update(e), se._vy.update(t), o ? ee = ee || requestAnimationFrame(Se) : Se() } function Ue(e, t) { "y" !== ae && (be[2] += e, se._vx.update(e, !0)), "x" !== ae && (me[2] += t, se._vy.update(t, !0)), Z && !ae && (se.axis = ae = Math.abs(e) > Math.abs(t) ? "x" : "y", oe = !0), o ? ee = ee || requestAnimationFrame(Se) : Se() } function Ve(e) { if (!Qe(e, 1)) { var t = (e = L(e, s)).clientX, r = e.clientY, n = t - se.x, i = r - se.y, o = se.isDragging; se.x = t, se.y = r, (o || Math.abs(se.startX - t) >= a || Math.abs(se.startY - r) >= a) && (h && (re = !0), o || (se.isDragging = !0), Ue(n, i), o || p && p(se)) } } function Xe(t) { if (!Qe(t, 1)) { B(F ? n : ve, ze[1], Ve, !0); var e = se.isDragging && (3 < Math.abs(se.x - se.startX) || 3 < Math.abs(se.y - se.startY)), r = L(t); e || (se._vx.reset(), se._vy.reset(), s && G && we.delayedCall(.08, function () { if (300 < He() - ye && !t.defaultPrevented) if (t.target.click) t.target.click(); else if (ve.createEvent) { var e = ve.createEvent("MouseEvents"); e.initMouseEvent("click", !0, !0, Me, 1, r.screenX, r.screenY, r.clientX, r.clientY, !1, !1, !1, !1, 0, null), t.target.dispatchEvent(e) } })), se.isDragging = se.isGesturing = se.isPressed = !1, l && !F && te.restart(!0), g && e && g(se), b && b(se, e) } } function Ye(e) { return e.touches && 1 < e.touches.length && (se.isGesturing = !0) && H(e, se.isDragging) } function Ze() { return (se.isGesturing = !1) || R(se) } function $e(e) { if (!Qe(e)) { var t = ue(), r = fe(); Te((t - de) * Q, (r - pe) * Q, 1), de = t, pe = r, l && te.restart(!0) } } function _e(e) { if (!Qe(e)) { e = L(e, s), U && (ie = !0); var t = (1 === e.deltaMode ? r : 2 === e.deltaMode ? Me.innerHeight : 1) * f; Te(e.deltaX * t, e.deltaY * t, 0), l && !F && te.restart(!0) } } function af(e) { if (!Qe(e)) { var t = e.clientX, r = e.clientY, n = t - se.x, i = r - se.y; se.x = t, se.y = r, ne = !0, (n || i) && Ue(n, i) } } function bf(e) { se.event = e, P(se) } function cf(e) { se.event = e, D(se) } function df(e) { return Qe(e) || L(e, s) && j(se) } this.target = n = I(n) || Ce, this.vars = e, u = u && we.utils.toArray(u), i = i || 0, a = a || 0, f = f || 1, Q = Q || 1, t = t || "wheel,touch,pointer", o = !1 !== o, r = r || parseFloat(Me.getComputedStyle(Oe).lineHeight) || 22; var ee, te, re, ne, ie, oe, ae, se = this, le = 0, ce = 0, ue = J(n, Re), fe = J(n, Ne), de = ue(), pe = fe(), ge = ~t.indexOf("touch") && !~t.indexOf("pointer") && "pointerdown" === ze[0], he = z(n), ve = n.ownerDocument || Ae, be = [0, 0, 0], me = [0, 0, 0], ye = 0, xe = se.onPress = function (e) { Qe(e, 1) || (se.axis = ae = null, te.pause(), se.isPressed = !0, e = L(e), le = ce = 0, se.startX = se.x = e.clientX, se.startY = se.y = e.clientY, se._vx.reset(), se._vy.reset(), A(F ? n : ve, ze[1], Ve, s, !0), se.deltaX = se.deltaY = 0, v && v(se)) }; te = se._dc = we.delayedCall(c || .25, function onStopFunc() { se._vx.reset(), se._vy.reset(), te.pause(), l && l(se) }).pause(), se.deltaX = se.deltaY = 0, se._vx = K(0, 50, !0), se._vy = K(0, 50, !0), se.scrollX = ue, se.scrollY = fe, se.isDragging = se.isGesturing = se.isPressed = !1, se.enable = function (e) { return se.isEnabled || (A(he ? ve : n, "scroll", E), 0 <= t.indexOf("scroll") && A(he ? ve : n, "scroll", $e, s, q), 0 <= t.indexOf("wheel") && A(n, "wheel", _e, s, q), (0 <= t.indexOf("touch") && Ee || 0 <= t.indexOf("pointer")) && (A(n, ze[0], xe, s, q), A(ve, ze[2], Xe), A(ve, ze[3], Xe), G && A(n, "click", Pe, !1, !0), j && A(n, "click", df), H && A(ve, "gesturestart", Ye), R && A(ve, "gestureend", Ze), P && A(n, Ie + "enter", bf), D && A(n, Ie + "leave", cf), Y && A(n, Ie + "move", af)), se.isEnabled = !0, e && e.type && xe(e), V && V(se)), se }, se.disable = function () { se.isEnabled && (Fe.filter(function (e) { return e !== se && z(e.target) }).length || B(he ? ve : n, "scroll", E), se.isPressed && (se._vx.reset(), se._vy.reset(), B(F ? n : ve, ze[1], Ve, !0)), B(he ? ve : n, "scroll", $e, q), B(n, "wheel", _e, q), B(n, ze[0], xe, q), B(ve, ze[2], Xe), B(ve, ze[3], Xe), B(n, "click", Pe, !0), B(n, "click", df), B(ve, "gesturestart", Ye), B(ve, "gestureend", Ze), B(n, Ie + "enter", bf), B(n, Ie + "leave", cf), B(n, Ie + "move", af), se.isEnabled = se.isPressed = se.isDragging = !1, W && W(se)) }, se.kill = function () { se.disable(); var e = Fe.indexOf(se); 0 <= e && Fe.splice(e, 1), De === se && (De = 0) }, Fe.push(se), F && z(n) && (De = se), se.enable(d) }, function _createClass(e, t, r) { return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), e }(Observer, [{ key: "velocityX", get: function get() { return this._vx.getVelocity() } }, { key: "velocityY", get: function get() { return this._vy.getVelocity() } }]), Observer); function Observer(e) { this.init(e) } k.version = "3.10.4", k.create = function (e) { return new k(e) }, k.register = O, k.getAll = function () { return Fe.slice() }, k.getById = function (t) { return Fe.filter(function (e) { return e.vars.id === t })[0] }, q() && we.registerPlugin(k); function va() { return nt = 1 } function wa() { return nt = 0 } function xa(e) { return e } function ya(e) { return Math.round(1e5 * e) / 1e5 || 0 } function za() { return "undefined" != typeof window } function Aa() { return We || za() && (We = window.gsap) && We.registerPlugin && We } function Ba(e) { return !!~s.indexOf(e) } function Ca(e) { return y(e, "getBoundingClientRect") || (Ba(e) ? function () { return Bt.width = je.innerWidth, Bt.height = je.innerHeight, Bt } : function () { return Mt(e) }) } function Fa(e, t) { var r = t.s, n = t.d2, i = t.d, o = t.a; return (r = "scroll" + n) && (o = y(e, r)) ? o() - Ca(e)()[i] : Ba(e) ? (qe[r] || Ge[r]) - (je["inner" + n] || qe["client" + n] || Ge["client" + n]) : e[r] - e["offset" + n] } function Ga(e, t) { for (var r = 0; r < p.length; r += 3)t && !~t.indexOf(p[r + 1]) || e(p[r], p[r + 1], p[r + 2]) } function Ha(e) { return "string" == typeof e } function Ia(e) { return "function" == typeof e } function Ja(e) { return "number" == typeof e } function Ka(e) { return "object" == typeof e } function La(e) { return Ia(e) && e() } function Ma(r, n) { return function () { var e = La(r), t = La(n); return function () { La(e), La(t) } } } function Na(e, t, r) { return e && e.progress(t ? 0 : 1) && r && e.pause() } function Oa(e, t) { if (e.enabled) { var r = t(e); r && r.totalTime && (e.callbackAnimation = r) } } function db(e) { return je.getComputedStyle(e) } function fb(e, t) { for (var r in t) r in e || (e[r] = t[r]); return e } function hb(e, t) { var r = t.d2; return e["offset" + r] || e["client" + r] || 0 } function ib(e) { var t, r = [], n = e.labels, i = e.duration(); for (t in n) r.push(n[t] / i); return r } function kb(i) { var o = We.utils.snap(i), a = Array.isArray(i) && i.slice(0).sort(function (e, t) { return e - t }); return a ? function (e, t, r) { var n; if (void 0 === r && (r = .001), !t) return o(e); if (0 < t) { for (e -= r, n = 0; n < a.length; n++)if (a[n] >= e) return a[n]; return a[n - 1] } for (n = a.length, e += r; n--;)if (a[n] <= e) return a[n]; return a[0] } : function (e, t, r) { void 0 === r && (r = .001); var n = o(e); return !t || Math.abs(n - e) < r || n - e < 0 == t < 0 ? n : o(t < 0 ? e - i : e + i) } } function mb(t, r, e, n) { return e.split(",").forEach(function (e) { return t(r, e, n) }) } function nb(e, t, r, n, i) { return e.addEventListener(t, r, { passive: !n, capture: !!i }) } function ob(e, t, r, n) { return e.removeEventListener(t, r, !!n) } function pb(e, t, r) { return r && r.wheelHandler && e(t, "wheel", r) } function tb(e, t) { if (Ha(e)) { var r = e.indexOf("="), n = ~r ? (e.charAt(r - 1) + 1) * parseFloat(e.substr(r + 1)) : 0; ~r && (e.indexOf("%") > r && (n *= t / 100), e = e.substr(0, r - 1)), e = n + (e in Y ? Y[e] * t : ~e.indexOf("%") ? parseFloat(e) * t / 100 : parseFloat(e) || 0) } return e } function ub(e, t, r, n, i, o, a, s) { var l = i.startColor, c = i.endColor, u = i.fontSize, f = i.indent, d = i.fontWeight, p = Je.createElement("div"), g = Ba(r) || "fixed" === y(r, "pinType"), h = -1 !== e.indexOf("scroller"), v = g ? Ge : r, b = -1 !== e.indexOf("start"), m = b ? l : c, x = "border-color:" + m + ";font-size:" + u + ";color:" + m + ";font-weight:" + d + ";pointer-events:none;white-space:nowrap;font-family:sans-serif,Arial;z-index:1000;padding:4px 8px;border-width:0;border-style:solid;"; return x += "position:" + ((h || s) && g ? "fixed;" : "absolute;"), !h && !s && g || (x += (n === Ne ? _ : P) + ":" + (o + parseFloat(f)) + "px;"), a && (x += "box-sizing:border-box;text-align:left;width:" + a.offsetWidth + "px;"), p._isStart = b, p.setAttribute("class", "gsap-marker-" + e + (t ? " marker-" + t : "")), p.style.cssText = x, p.innerText = t || 0 === t ? e + "-" + t : e, v.children[0] ? v.insertBefore(p, v.children[0]) : v.appendChild(p), p._offset = p["offset" + n.op.d2], X(p, 0, n, b), p } function zb() { return 34 < dt() - pt && ee() } function Ab() { h && h.isPressed && !(h.startX > Ge.clientWidth) || (T.cache++, x = x || requestAnimationFrame(ee), pt || V("scrollStart"), pt = dt()) } function Bb() { m = je.innerWidth, b = je.innerHeight } function Cb() { T.cache++, rt || g || Je.fullscreenElement || Je.webkitFullscreenElement || v && m === je.innerWidth && !(Math.abs(je.innerHeight - b) > .25 * je.innerHeight) || l.restart(!0) } function Ib(e) { var t, r = We.ticker.frame, n = [], i = 0; if (w !== r || ft) { for (Q(); i < U.length; i += 4)(t = je.matchMedia(U[i]).matches) !== U[i + 3] && ((U[i + 3] = t) ? n.push(i) : Q(1, U[i]) || Ia(U[i + 2]) && U[i + 2]()); for (j(), i = 0; i < n.length; i++)t = n[i], lt = U[t], U[t + 2] = U[t + 1](e); lt = 0, a && Z(0, 1), w = r, V("matchMedia") } } function Jb() { return ob(oe, "scrollEnd", Jb) || Z(!0) } function Ob() { return T.cache++ && T.forEach(function (e) { return "function" == typeof e && (e.rec = 0) }) } function Zb(e, t, r, n) { if (e.parentNode !== t) { for (var i, o = te.length, a = t.style, s = e.style; o--;)a[i = te[o]] = r[i]; a.position = "absolute" === r.position ? "absolute" : "relative", "inline" === r.display && (a.display = "inline-block"), s[P] = s[_] = a.flexBasis = "auto", a.overflow = "visible", a.boxSizing = "border-box", a[vt] = hb(e, Re) + kt, a[bt] = hb(e, Ne) + kt, a[St] = s[_t] = s.top = s.left = "0", It(n), s[vt] = s.maxWidth = r[vt], s[bt] = s.maxHeight = r[bt], s[St] = r[St], e.parentNode.insertBefore(t, e), t.appendChild(e) } } function ac(e) { for (var t = re.length, r = e.style, n = [], i = 0; i < t; i++)n.push(re[i], r[re[i]]); return n.t = e, n } function dc(e, t, r, n, i, o, a, s, l, c, u, f, d) { Ia(e) && (e = e(s)), Ha(e) && "max" === e.substr(0, 3) && (e = f + ("=" === e.charAt(4) ? tb("0" + e.substr(3), r) : 0)); var p, g, h, v = d ? d.time() : 0; if (d && d.seek(0), Ja(e)) a && X(a, r, n, !0); else { Ia(t) && (t = t(s)); var b, m, y, x, w = e.split(" "); h = I(t) || Ge, (b = Mt(h) || {}) && (b.left || b.top) || "none" !== db(h).display || (x = h.style.display, h.style.display = "block", b = Mt(h), x ? h.style.display = x : h.style.removeProperty("display")), m = tb(w[0], b[n.d]), y = tb(w[1] || "0", r), e = b[n.p] - l[n.p] - c + m + i - y, a && X(a, y, n, r - y < 20 || a._isStart && 20 < y), r -= r - y } if (o) { var S = e + r, _ = o._isStart; p = "scroll" + n.d2, X(o, S, n, _ && 20 < S || !_ && (u ? Math.max(Ge[p], qe[p]) : o.parentNode[p]) <= S + 1), u && (l = Mt(a), u && (o.style[n.op.p] = l[n.op.p] - n.op.m - o._offset + kt)) } return d && h && (p = Mt(h), d.seek(f), g = Mt(h), d._caScrollDist = p[n.p] - g[n.p], e = e / d._caScrollDist * f), d && d.seek(v), d ? e : Math.round(e) } function fc(e, t, r, n) { if (e.parentNode !== t) { var i, o, a = e.style; if (t === Ge) { for (i in e._stOrig = a.cssText, o = db(e)) +i || ie.test(i) || !o[i] || "string" != typeof a[i] || "0" === i || (a[i] = o[i]); a.top = r, a.left = n } else a.cssText = e._stOrig; We.core.getCache(e).uncache = 1, t.appendChild(e) } } function gc(l, e) { function Qj(e, t, r, n, i) { var o = Qj.tween, a = t.onComplete, s = {}; return r = r || f(), i = n && i || 0, n = n || e - r, o && o.kill(), c = Math.round(r), t[d] = e, (t.modifiers = s)[d] = function (e) { return (e = ya(f())) !== c && e !== u && 2 < Math.abs(e - c) && 2 < Math.abs(e - u) ? (o.kill(), Qj.tween = 0) : e = r + n * o.ratio + i * o.ratio * o.ratio, u = c, c = ya(e) }, t.onComplete = function () { Qj.tween = 0, a && a.call(o) }, o = Qj.tween = We.to(l, t) } var c, u, f = J(l, e), d = "_scroll" + e.p2; return (l[d] = f).wheelHandler = function () { return Qj.tween && Qj.tween.kill() && (Qj.tween = 0) }, nb(l, "wheel", f.wheelHandler), Qj } var We, a, je, Je, qe, Ge, s, l, Ke, et, tt, c, rt, nt, u, it, f, d, p, ot, at, g, h, v, b, m, C, st, x, lt, w, ct, ut, ft = 1, dt = Date.now, S = dt(), pt = 0, gt = 0, ht = Math.abs, _ = "right", P = "bottom", vt = "width", bt = "height", mt = "Right", yt = "Left", xt = "Top", wt = "Bottom", St = "padding", _t = "margin", Tt = "Width", D = "Height", kt = "px", Mt = function _getBounds(e, t) { var r = t && "matrix(1, 0, 0, 1, 0, 0)" !== db(e)[u] && We.to(e, { x: 0, y: 0, xPercent: 0, yPercent: 0, rotation: 0, rotationX: 0, rotationY: 0, scale: 1, skewX: 0, skewY: 0 }).progress(1), n = e.getBoundingClientRect(); return r && r.progress(0).kill(), n }, At = { startColor: "green", endColor: "red", indent: 0, fontSize: "16px", fontWeight: "normal" }, Ct = { toggleActions: "play", anticipatePin: 0 }, Y = { top: 0, left: 0, center: .5, bottom: 1, right: 1 }, X = function _positionMarker(e, t, r, n) { var i = { display: "block" }, o = r[n ? "os2" : "p2"], a = r[n ? "p2" : "os2"]; e._isFlipped = n, i[r.a + "Percent"] = n ? -100 : 0, i[r.a] = n ? "1px" : 0, i["border" + o + Tt] = 1, i["border" + a + Tt] = 0, i[r.p] = t + "px", We.set(e, i) }, Ot = [], Pt = {}, H = {}, R = [], U = [], V = function _dispatch(e) { return H[e] && H[e].map(function (e) { return e() }) || R }, W = [], j = function _revertRecorded(e) { for (var t = 0; t < W.length; t += 5)e && W[t + 4] !== e || (W[t].style.cssText = W[t + 1], W[t].getBBox && W[t].setAttribute("transform", W[t + 2] || ""), W[t + 3].uncache = 1) }, Q = function _revertAll(e, t) { var r; for (it = 0; it < Ot.length; it++)r = Ot[it], t && r.media !== t || (e ? r.kill(1) : r.revert()); t && j(t), t || V("revert") }, G = 0, Z = function _refreshAll(e, t) { if (!pt || e) { ct = !0; var r = V("refreshInit"); ot && oe.sort(), t || Q(), Ot.slice(0).forEach(function (e) { return e.refresh() }), Ot.forEach(function (e) { return "max" === e.vars.end && e.setPositions(e.start, Fa(e.scroller, e._dir)) }), r.forEach(function (e) { return e && e.render && e.render(-1) }), Ob(), l.pause(), G++, ct = !1, V("refresh") } else nb(oe, "scrollEnd", Jb) }, $ = 0, Et = 1, ee = function _updateAll() { if (!ct) { oe.isUpdating = !0, ut && ut.update(0); var e = Ot.length, t = dt(), r = 50 <= t - S, n = e && Ot[0].scroll(); if (Et = n < $ ? -1 : 1, $ = n, r && (pt && !nt && 200 < t - pt && (pt = 0, V("scrollEnd")), tt = S, S = t), Et < 0) { for (it = e; 0 < it--;)Ot[it] && Ot[it].update(0, r); Et = 1 } else for (it = 0; it < e; it++)Ot[it] && Ot[it].update(0, r); oe.isUpdating = !1 } x = 0 }, te = ["left", "top", P, _, _t + wt, _t + mt, _t + xt, _t + yt, "display", "flexShrink", "float", "zIndex", "gridColumnStart", "gridColumnEnd", "gridRowStart", "gridRowEnd", "gridArea", "justifySelf", "alignSelf", "placeSelf", "order"], re = te.concat([vt, bt, "boxSizing", "max" + Tt, "max" + D, "position", _t, St, St + xt, St + mt, St + wt, St + yt]), ne = /([A-Z])/g, It = function _setState(e) { if (e) { var t, r, n = e.t.style, i = e.length, o = 0; for ((e.t._gsap || We.core.getCache(e.t)).uncache = 1; o < i; o += 2)r = e[o + 1], t = e[o], r ? n[t] = r : n[t] && n.removeProperty(t.replace(ne, "-$1").toLowerCase()) } }, Bt = { left: 0, top: 0 }, ie = /(webkit|moz|length|cssText|inset)/i, oe = (ScrollTrigger.prototype.init = function init(_, T) { if (this.progress = this.start = 0, this.vars && this.kill(!0, !0), gt) { var k, n, p, M, A, C, O, P, E, B, D, e, z, Y, X, F, L, t, H, b, R, N, m, U, x, w, r, S, V, W, i, g, j, Q, q, G, K, o, Z = (_ = fb(Ha(_) || Ja(_) || _.nodeType ? { trigger: _ } : _, Ct)).onUpdate, $ = _.toggleClass, a = _.id, ee = _.onToggle, te = _.onRefresh, re = _.scrub, ne = _.trigger, ie = _.pin, oe = _.pinSpacing, ae = _.invalidateOnRefresh, se = _.anticipatePin, s = _.onScrubComplete, h = _.onSnapComplete, le = _.once, ce = _.snap, ue = _.pinReparent, l = _.pinSpacer, fe = _.containerAnimation, de = _.fastScrollEnd, pe = _.preventOverlaps, ge = _.horizontal || _.containerAnimation && !1 !== _.horizontal ? Re : Ne, he = !re && 0 !== re, ve = I(_.scroller || je), c = We.core.getCache(ve), be = Ba(ve), me = "fixed" === ("pinType" in _ ? _.pinType : y(ve, "pinType") || be && "fixed"), ye = [_.onEnter, _.onLeave, _.onEnterBack, _.onLeaveBack], xe = he && _.toggleActions.split(" "), u = "markers" in _ ? _.markers : Ct.markers, we = be ? 0 : parseFloat(db(ve)["border" + ge.p2 + Tt]) || 0, Se = this, _e = _.onRefreshInit && function () { return _.onRefreshInit(Se) }, Te = function _getSizeFunc(e, t, r) { var n = r.d, i = r.d2, o = r.a; return (o = y(e, "getBoundingClientRect")) ? function () { return o()[n] } : function () { return (t ? je["inner" + i] : e["client" + i]) || 0 } }(ve, be, ge), ke = function _getOffsetsFunc(e, t) { return !t || ~Le.indexOf(e) ? Ca(e) : function () { return Bt } }(ve, be), Me = 0, Ae = 0, Ce = J(ve, ge); if (Se.media = lt, Se._dir = ge, se *= 45, Se.scroller = ve, Se.scroll = fe ? fe.time.bind(fe) : Ce, M = Ce(), Se.vars = _, T = T || _.animation, "refreshPriority" in _ && (ot = 1, -9999 === _.refreshPriority && (ut = Se)), c.tweenScroll = c.tweenScroll || { top: gc(ve, Ne), left: gc(ve, Re) }, Se.tweenTo = k = c.tweenScroll[ge.p], Se.scrubDuration = function (e) { (i = Ja(e) && e) ? W ? W.duration(e) : W = We.to(T, { ease: "expo", totalProgress: "+=0.001", duration: i, paused: !0, onComplete: function onComplete() { return s && s(Se) } }) : (W && W.progress(1).kill(), W = 0) }, T && (T.vars.lazy = !1, T._initted || !1 !== T.vars.immediateRender && !1 !== _.immediateRender && T.render(0, !0, !0), Se.animation = T.pause(), (T.scrollTrigger = Se).scrubDuration(re), S = 0, a = a || T.vars.id), Ot.push(Se), ce && (Ka(ce) && !ce.push || (ce = { snapTo: ce }), "scrollBehavior" in Ge.style && We.set(be ? [Ge, qe] : ve, { scrollBehavior: "auto" }), p = Ia(ce.snapTo) ? ce.snapTo : "labels" === ce.snapTo ? function _getClosestLabel(t) { return function (e) { return We.utils.snap(ib(t), e) } }(T) : "labelsDirectional" === ce.snapTo ? function _getLabelAtDirection(r) { return function (e, t) { return kb(ib(r))(e, t.direction) } }(T) : !1 !== ce.directional ? function (e, t) { return kb(ce.snapTo)(e, dt() - Ae < 500 ? 0 : t.direction) } : We.utils.snap(ce.snapTo), g = ce.duration || { min: .1, max: 2 }, g = Ka(g) ? et(g.min, g.max) : et(g, g), j = We.delayedCall(ce.delay || i / 2 || .1, function () { var e = Ce(), t = dt() - Ae < 500, r = k.tween; if (!(t || Math.abs(Se.getVelocity()) < 10) || r || nt || Me === e) Se.isActive && Me !== e && j.restart(!0); else { var n = (e - C) / z, i = T && !he ? T.totalProgress() : n, o = t ? 0 : (i - V) / (dt() - tt) * 1e3 || 0, a = We.utils.clamp(-n, 1 - n, ht(o / 2) * o / .185), s = n + (!1 === ce.inertia ? 0 : a), l = et(0, 1, p(s, Se)), c = Math.round(C + l * z), u = ce.onStart, f = ce.onInterrupt, d = ce.onComplete; if (e <= O && C <= e && c !== e) { if (r && !r._initted && r.data <= ht(c - e)) return; !1 === ce.inertia && (a = l - n), k(c, { duration: g(ht(.185 * Math.max(ht(s - i), ht(l - i)) / o / .05 || 0)), ease: ce.ease || "power3", data: ht(c - e), onInterrupt: function onInterrupt() { return j.restart(!0) && f && f(Se) }, onComplete: function onComplete() { Se.update(), Me = Ce(), S = V = T && !he ? T.totalProgress() : Se.progress, h && h(Se), d && d(Se) } }, e, a * z, c - e - a * z), u && u(Se, k.tween) } } }).pause()), a && (Pt[a] = Se), o = (o = (ne = Se.trigger = I(ne || ie)) && ne._gsap && ne._gsap.stRevert) && o(Se), ie = !0 === ie ? ne : I(ie), Ha($) && ($ = { targets: ne, className: $ }), ie && (!1 === oe || oe === _t || (oe = !(!oe && "flex" === db(ie.parentNode).display) && St), Se.pin = ie, !1 !== _.force3D && We.set(ie, { force3D: !0 }), (n = We.core.getCache(ie)).spacer ? Y = n.pinState : (l && ((l = I(l)) && !l.nodeType && (l = l.current || l.nativeElement), n.spacerIsNative = !!l, l && (n.spacerState = ac(l))), n.spacer = L = l || Je.createElement("div"), L.classList.add("pin-spacer"), a && L.classList.add("pin-spacer-" + a), n.pinState = Y = ac(ie)), Se.spacer = L = n.spacer, r = db(ie), m = r[oe + ge.os2], H = We.getProperty(ie), b = We.quickSetter(ie, ge.a, kt), Zb(ie, L, r), F = ac(ie)), u) { e = Ka(u) ? fb(u, At) : At, B = ub("scroller-start", a, ve, ge, e, 0), D = ub("scroller-end", a, ve, ge, e, 0, B), t = B["offset" + ge.op.d2]; var f = I(y(ve, "content") || ve); P = this.markerStart = ub("start", a, f, ge, e, t, 0, fe), E = this.markerEnd = ub("end", a, f, ge, e, t, 0, fe), fe && (K = We.quickSetter([P, E], ge.a, kt)), me || Le.length && !0 === y(ve, "fixedMarkers") || (function _makePositionable(e) { var t = db(e).position; e.style.position = "absolute" === t || "fixed" === t ? t : "relative" }(be ? Ge : ve), We.set([B, D], { force3D: !0 }), x = We.quickSetter(B, ge.a, kt), w = We.quickSetter(D, ge.a, kt)) } if (fe) { var d = fe.vars.onUpdate, v = fe.vars.onUpdateParams; fe.eventCallback("onUpdate", function () { Se.update(0, 0, 1), d && d.apply(v || []) }) } Se.previous = function () { return Ot[Ot.indexOf(Se) - 1] }, Se.next = function () { return Ot[Ot.indexOf(Se) + 1] }, Se.revert = function (e) { var t = !1 !== e || !Se.enabled, r = rt; t !== Se.isReverted && (t && (!Se.scroll.rec && rt && ct && (Se.scroll.rec = Ce()), q = Math.max(Ce(), Se.scroll.rec || 0), Q = Se.progress, G = T && T.progress()), P && [P, E, B, D].forEach(function (e) { return e.style.display = t ? "none" : "block" }), t && (rt = 1), Se.update(t), rt = r, ie && (t ? function _swapPinOut(e, t, r) { It(r); var n = e._gsap; if (n.spacerIsNative) It(n.spacerState); else if (e.parentNode === t) { var i = t.parentNode; i && (i.insertBefore(e, t), i.removeChild(t)) } }(ie, L, Y) : ue && Se.isActive || Zb(ie, L, db(ie), U)), Se.isReverted = t) }, Se.refresh = function (e, t) { if (!rt && Se.enabled || t) if (ie && e && pt) nb(ScrollTrigger, "scrollEnd", Jb); else { !ct && _e && _e(Se), rt = 1, Ae = dt(), k.tween && (k.tween.kill(), k.tween = 0), W && W.pause(), ae && T && T.time(-.01, !0).invalidate(), Se.isReverted || Se.revert(); for (var r, n, i, o, a, s, l, c, u, f, d = Te(), p = ke(), g = fe ? fe.duration() : Fa(ve, ge), h = 0, v = 0, b = _.end, m = _.endTrigger || ne, y = _.start || (0 !== _.start && ne ? ie ? "0 0" : "0 100%" : 0), x = Se.pinnedContainer = _.pinnedContainer && I(_.pinnedContainer), w = ne && Math.max(0, Ot.indexOf(Se)) || 0, S = w; S--;)(s = Ot[S]).end || s.refresh(0, 1) || (rt = 1), !(l = s.pin) || l !== ne && l !== ie || s.isReverted || ((f = f || []).unshift(s), s.revert()), s !== Ot[S] && (w--, S--); for (Ia(y) && (y = y(Se)), C = dc(y, ne, d, ge, Ce(), P, B, Se, p, we, me, g, fe) || (ie ? -.001 : 0), Ia(b) && (b = b(Se)), Ha(b) && !b.indexOf("+=") && (~b.indexOf(" ") ? b = (Ha(y) ? y.split(" ")[0] : "") + b : (h = tb(b.substr(2), d), b = Ha(y) ? y : C + h, m = ne)), O = Math.max(C, dc(b || (m ? "100% 0" : g), m, d, ge, Ce() + h, E, D, Se, p, we, me, g, fe)) || -.001, z = O - C || (C -= .01) && .001, h = 0, S = w; S--;)(l = (s = Ot[S]).pin) && s.start - s._pinPush < C && !fe && 0 < s.end && (r = s.end - s.start, l !== ne && l !== x || Ja(y) || (h += r * (1 - s.progress)), l === ie && (v += r)); if (C += h, O += h, Se._pinPush = v, P && h && ((r = {})[ge.a] = "+=" + h, x && (r[ge.p] = "-=" + Ce()), We.set([P, E], r)), ie) r = db(ie), o = ge === Ne, i = Ce(), R = parseFloat(H(ge.a)) + v, !g && 1 < O && ((be ? Ge : ve).style["overflow-" + ge.a] = "scroll"), Zb(ie, L, r), F = ac(ie), n = Mt(ie, !0), c = me && J(ve, o ? Re : Ne)(), oe && ((U = [oe + ge.os2, z + v + kt]).t = L, (S = oe === St ? hb(ie, ge) + z + v : 0) && U.push(ge.d, S + kt), It(U), me && Ce(q)), me && ((a = { top: n.top + (o ? i - C : c) + kt, left: n.left + (o ? c : i - C) + kt, boxSizing: "border-box", position: "fixed" })[vt] = a.maxWidth = Math.ceil(n.width) + kt, a[bt] = a.maxHeight = Math.ceil(n.height) + kt, a[_t] = a[_t + xt] = a[_t + mt] = a[_t + wt] = a[_t + yt] = "0", a[St] = r[St], a[St + xt] = r[St + xt], a[St + mt] = r[St + mt], a[St + wt] = r[St + wt], a[St + yt] = r[St + yt], X = function _copyState(e, t, r) { for (var n, i = [], o = e.length, a = r ? 8 : 0; a < o; a += 2)n = e[a], i.push(n, n in t ? t[n] : e[a + 1]); return i.t = e.t, i }(Y, a, ue)), T ? (u = T._initted, at(1), T.render(T.duration(), !0, !0), N = H(ge.a) - R + z + v, z !== N && me && X.splice(X.length - 2, 2), T.render(0, !0, !0), u || T.invalidate(), at(0)) : N = z; else if (ne && Ce() && !fe) for (n = ne.parentNode; n && n !== Ge;)n._pinOffset && (C -= n._pinOffset, O -= n._pinOffset), n = n.parentNode; f && f.forEach(function (e) { return e.revert(!1) }), Se.start = C, Se.end = O, M = A = Ce(), fe || (M < q && Ce(q), Se.scroll.rec = 0), Se.revert(!1), j && (Me = -1, Se.isActive && Ce(C + z * Q), j.restart(!0)), rt = 0, T && he && (T._initted || G) && T.progress() !== G && T.progress(G, !0).render(T.time(), !0, !0), Q === Se.progress && !fe || (T && !he && T.totalProgress(Q, !0), Se.progress = Q, Se.update(0, 0, 1)), ie && oe && (L._pinOffset = Math.round(Se.progress * N)), te && te(Se) } }, Se.getVelocity = function () { return (Ce() - A) / (dt() - tt) * 1e3 || 0 }, Se.endAnimation = function () { Na(Se.callbackAnimation), T && (W ? W.progress(1) : T.paused() ? he || Na(T, Se.direction < 0, 1) : Na(T, T.reversed())) }, Se.labelToScroll = function (e) { return T && T.labels && (C || Se.refresh() || C) + T.labels[e] / T.duration() * z || 0 }, Se.getTrailing = function (t) { var e = Ot.indexOf(Se), r = 0 < Se.direction ? Ot.slice(0, e).reverse() : Ot.slice(e + 1); return (Ha(t) ? r.filter(function (e) { return e.vars.preventOverlaps === t }) : r).filter(function (e) { return 0 < Se.direction ? e.end <= C : e.start >= O }) }, Se.update = function (e, t, r) { if (!fe || r || e) { var n, i, o, a, s, l, c, u = Se.scroll(), f = e ? 0 : (u - C) / z, d = f < 0 ? 0 : 1 < f ? 1 : f || 0, p = Se.progress; if (t && (A = M, M = fe ? Ce() : u, ce && (V = S, S = T && !he ? T.totalProgress() : d)), se && !d && ie && !rt && !ft && pt && C < u + (u - A) / (dt() - tt) * se && (d = 1e-4), d !== p && Se.enabled) { if (a = (s = (n = Se.isActive = !!d && d < 1) != (!!p && p < 1)) || !!d != !!p, Se.direction = p < d ? 1 : -1, Se.progress = d, a && !rt && (i = d && !p ? 0 : 1 === d ? 1 : 1 === p ? 2 : 3, he && (o = !s && "none" !== xe[i + 1] && xe[i + 1] || xe[i], c = T && ("complete" === o || "reset" === o || o in T))), pe && (s || c) && (c || re || !T) && (Ia(pe) ? pe(Se) : Se.getTrailing(pe).forEach(function (e) { return e.endAnimation() })), he || (!W || rt || ft ? T && T.totalProgress(d, !!rt) : ((fe || ut && ut !== Se) && W.render(W._dp._time - W._start), W.resetTo ? W.resetTo("totalProgress", d, T._tTime / T._tDur) : (W.vars.totalProgress = d, W.invalidate().restart()))), ie) if (e && oe && (L.style[oe + ge.os2] = m), me) { if (a) { if (l = !e && p < d && u < O + 1 && u + 1 >= Fa(ve, ge), ue) if (e || !n && !l) fc(ie, L); else { var g = Mt(ie, !0), h = u - C; fc(ie, Ge, g.top + (ge === Ne ? h : 0) + kt, g.left + (ge === Ne ? 0 : h) + kt) } It(n || l ? X : F), N !== z && d < 1 && n || b(R + (1 !== d || l ? 0 : N)) } } else b(ya(R + N * d)); !ce || k.tween || rt || ft || j.restart(!0), $ && (s || le && d && (d < 1 || !st)) && Ke($.targets).forEach(function (e) { return e.classList[n || le ? "add" : "remove"]($.className) }), !Z || he || e || Z(Se), a && !rt ? (he && (c && ("complete" === o ? T.pause().totalProgress(1) : "reset" === o ? T.restart(!0).pause() : "restart" === o ? T.restart(!0) : T[o]()), Z && Z(Se)), !s && st || (ee && s && Oa(Se, ee), ye[i] && Oa(Se, ye[i]), le && (1 === d ? Se.kill(!1, 1) : ye[i] = 0), s || ye[i = 1 === d ? 1 : 3] && Oa(Se, ye[i])), de && !n && Math.abs(Se.getVelocity()) > (Ja(de) ? de : 2500) && (Na(Se.callbackAnimation), W ? W.progress(1) : Na(T, !d, 1))) : he && Z && !rt && Z(Se) } if (w) { var v = fe ? u / fe.duration() * (fe._caScrollDist || 0) : u; x(v + (B._isFlipped ? 1 : 0)), w(v) } K && K(-u / fe.duration() * (fe._caScrollDist || 0)) } }, Se.enable = function (e, t) { Se.enabled || (Se.enabled = !0, nb(ve, "resize", Cb), nb(be ? Je : ve, "scroll", Ab), _e && nb(ScrollTrigger, "refreshInit", _e), !1 !== e && (Se.progress = Q = 0, M = A = Me = Ce()), !1 !== t && Se.refresh()) }, Se.getTween = function (e) { return e && k ? k.tween : W }, Se.setPositions = function (e, t) { ie && (R += e - C, N += t - e - z), Se.start = C = e, Se.end = O = t, z = t - e, Se.update() }, Se.disable = function (e, t) { if (Se.enabled && (!1 !== e && Se.revert(), Se.enabled = Se.isActive = !1, t || W && W.pause(), q = 0, n && (n.uncache = 1), _e && ob(ScrollTrigger, "refreshInit", _e), j && (j.pause(), k.tween && k.tween.kill() && (k.tween = 0)), !be)) { for (var r = Ot.length; r--;)if (Ot[r].scroller === ve && Ot[r] !== Se) return; ob(ve, "resize", Cb), ob(ve, "scroll", Ab) } }, Se.kill = function (e, t) { Se.disable(e, t), W && !t && W.kill(), a && delete Pt[a]; var r = Ot.indexOf(Se); 0 <= r && Ot.splice(r, 1), r === it && 0 < Et && it--, r = 0, Ot.forEach(function (e) { return e.scroller === Se.scroller && (r = 1) }), r || (Se.scroll.rec = 0), T && (T.scrollTrigger = null, e && T.render(-1), t || T.kill()), P && [P, E, B, D].forEach(function (e) { return e.parentNode && e.parentNode.removeChild(e) }), ut === Se && (ut = 0), ie && (n && (n.uncache = 1), r = 0, Ot.forEach(function (e) { return e.pin === ie && r++ }), r || (n.spacer = 0)), _.onKill && _.onKill(Se) }, Se.enable(!1, !1), o && o(Se), T && T.add && !z ? We.delayedCall(.01, function () { return C || O || Se.refresh() }) && (z = .01) && (C = O = 0) : Se.refresh() } else this.update = this.refresh = this.kill = xa }, ScrollTrigger.register = function register(e) { return a || (We = e || Aa(), za() && window.document && ScrollTrigger.enable(), a = gt), a }, ScrollTrigger.defaults = function defaults(e) { if (e) for (var t in e) Ct[t] = e[t]; return Ct }, ScrollTrigger.disable = function disable(t, r) { gt = 0, Ot.forEach(function (e) { return e[r ? "kill" : "disable"](t) }), ob(je, "wheel", Ab), ob(Je, "scroll", Ab), clearInterval(c), ob(Je, "touchcancel", xa), ob(Ge, "touchstart", xa), mb(ob, Je, "pointerdown,touchstart,mousedown", va), mb(ob, Je, "pointerup,touchend,mouseup", wa), l.kill(), Ga(ob); for (var e = 0; e < T.length; e += 3)pb(ob, T[e], T[e + 1]), pb(ob, T[e], T[e + 2]) }, ScrollTrigger.enable = function enable() { if (je = window, Je = document, qe = Je.documentElement, Ge = Je.body, We && (Ke = We.utils.toArray, et = We.utils.clamp, at = We.core.suppressOverwrites || xa, We.core.globals("ScrollTrigger", ScrollTrigger), Ge)) { gt = 1, k.register(We), ScrollTrigger.isTouch = k.isTouch, C = k.isTouch && /(iPad|iPhone|iPod|Mac)/g.test(navigator.userAgent), nb(je, "wheel", Ab), s = [je, Je, qe, Ge], ScrollTrigger.matchMedia({ "(orientation: portrait)": function orientationPortrait() { return Bb(), Bb } }), nb(Je, "scroll", Ab); var e, t, r = Ge.style, n = r.borderTopStyle; for (r.borderTopStyle = "solid", e = Mt(Ge), Ne.m = Math.round(e.top + Ne.sc()) || 0, Re.m = Math.round(e.left + Re.sc()) || 0, n ? r.borderTopStyle = n : r.removeProperty("border-top-style"), c = setInterval(zb, 250), We.delayedCall(.5, function () { return ft = 0 }), nb(Je, "touchcancel", xa), nb(Ge, "touchstart", xa), mb(nb, Je, "pointerdown,touchstart,mousedown", va), mb(nb, Je, "pointerup,touchend,mouseup", wa), u = We.utils.checkPrefix("transform"), re.push(u), a = dt(), l = We.delayedCall(.2, Z).pause(), p = [Je, "visibilitychange", function () { var e = je.innerWidth, t = je.innerHeight; Je.hidden ? (f = e, d = t) : f === e && d === t || Cb() }, Je, "DOMContentLoaded", Z, je, "load", Z, je, "resize", Cb], Ga(nb), Ot.forEach(function (e) { return e.enable(0, 1) }), t = 0; t < T.length; t += 3)pb(ob, T[t], T[t + 1]), pb(ob, T[t], T[t + 2]) } }, ScrollTrigger.config = function config(e) { "limitCallbacks" in e && (st = !!e.limitCallbacks); var t = e.syncInterval; t && clearInterval(c) || (c = t) && setInterval(zb, t), "ignoreMobileResize" in e && (v = 1 === ScrollTrigger.isTouch && e.ignoreMobileResize), "autoRefreshEvents" in e && (Ga(ob) || Ga(nb, e.autoRefreshEvents || "none"), g = -1 === (e.autoRefreshEvents + "").indexOf("resize")) }, ScrollTrigger.scrollerProxy = function scrollerProxy(e, t) { var r = I(e), n = T.indexOf(r), i = Ba(r); ~n && T.splice(n, i ? 6 : 2), t && (i ? Le.unshift(je, t, Ge, t, qe, t) : Le.unshift(r, t)) }, ScrollTrigger.matchMedia = function matchMedia(e) { var t, r, n, i, o; for (r in e) n = U.indexOf(r), i = e[r], "all" === (lt = r) ? i() : (t = je.matchMedia(r)) && (t.matches && (o = i()), ~n ? (U[n + 1] = Ma(U[n + 1], i), U[n + 2] = Ma(U[n + 2], o)) : (n = U.length, U.push(r, i, o), t.addListener ? t.addListener(Ib) : t.addEventListener("change", Ib)), U[n + 3] = t.matches), lt = 0; return U }, ScrollTrigger.clearMatchMedia = function clearMatchMedia(e) { e || (U.length = 0), 0 <= (e = U.indexOf(e)) && U.splice(e, 4) }, ScrollTrigger.isInViewport = function isInViewport(e, t, r) { var n = (Ha(e) ? I(e) : e).getBoundingClientRect(), i = n[r ? vt : bt] * t || 0; return r ? 0 < n.right - i && n.left + i < je.innerWidth : 0 < n.bottom - i && n.top + i < je.innerHeight }, ScrollTrigger.positionInViewport = function positionInViewport(e, t, r) { Ha(e) && (e = I(e)); var n = e.getBoundingClientRect(), i = n[r ? vt : bt], o = null == t ? i / 2 : t in Y ? Y[t] * i : ~t.indexOf("%") ? parseFloat(t) * i / 100 : parseFloat(t) || 0; return r ? (n.left + o) / je.innerWidth : (n.top + o) / je.innerHeight }, ScrollTrigger); function ScrollTrigger(e, t) { a || ScrollTrigger.register(We) || console.warn("Please gsap.registerPlugin(ScrollTrigger)"), this.init(e, t) } oe.version = "3.10.4", oe.saveStyles = function (e) { return e ? Ke(e).forEach(function (e) { if (e && e.style) { var t = W.indexOf(e); 0 <= t && W.splice(t, 5), W.push(e, e.style.cssText, e.getBBox && e.getAttribute("transform"), We.core.getCache(e), lt) } }) : W }, oe.revert = function (e, t) { return Q(!e, t) }, oe.create = function (e, t) { return new oe(e, t) }, oe.refresh = function (e) { return e ? Cb() : (a || oe.register()) && Z(!0) }, oe.update = ee, oe.clearScrollMemory = Ob, oe.maxScroll = function (e, t) { return Fa(e, t ? Re : Ne) }, oe.getScrollFunc = function (e, t) { return J(I(e), t ? Re : Ne) }, oe.getById = function (e) { return Pt[e] }, oe.getAll = function () { return Ot.filter(function (e) { return "ScrollSmoother" !== e.vars.id }) }, oe.isScrolling = function () { return !!pt }, oe.snapDirectional = kb, oe.addEventListener = function (e, t) { var r = H[e] || (H[e] = []); ~r.indexOf(t) || r.push(t) }, oe.removeEventListener = function (e, t) { var r = H[e], n = r && r.indexOf(t); 0 <= n && r.splice(n, 1) }, oe.batch = function (e, t) { function to(e, t) { var r = [], n = [], i = We.delayedCall(o, function () { t(r, n), r = [], n = [] }).pause(); return function (e) { r.length || i.restart(!0), r.push(e.trigger), n.push(e), a <= r.length && i.progress(1) } } var r, n = [], i = {}, o = t.interval || .016, a = t.batchMax || 1e9; for (r in t) i[r] = "on" === r.substr(0, 2) && Ia(t[r]) && "onRefreshInit" !== r ? to(0, t[r]) : t[r]; return Ia(a) && (a = a(), nb(oe, "refresh", function () { return a = t.batchMax() })), Ke(e).forEach(function (e) { var t = {}; for (r in i) t[r] = i[r]; t.trigger = e, n.push(oe.create(t)) }), n }; function ic(e, t, r, n) { return n < t ? e(n) : t < 0 && e(0), n < r ? (n - t) / (r - t) : r < 0 ? t / (t - r) : 1 } function jc(e, t) { !0 === t ? e.style.removeProperty("touch-action") : e.style.touchAction = !0 === t ? "auto" : t ? "pan-" + t + (k.isTouch ? " pinch-zoom" : "") : "none", e === qe && jc(Ge, t) } function lc(e) { var t, r = e.event, n = e.target, i = e.axis, o = (r.changedTouches ? r.changedTouches[0] : r).target, a = o._gsap || We.core.getCache(o), s = dt(); if (!a._isScrollT || 2e3 < s - a._isScrollT) { for (; o && o.scrollHeight <= o.clientHeight;)o = o.parentNode; a._isScroll = o && !Ba(o) && o !== n && (se[(t = db(o)).overflowY] || se[t.overflowX]), a._isScrollT = s } !a._isScroll && "x" !== i || (r._gsapAllow = !0) } function mc(e, t, r, n) { return k.create({ target: e, capture: !0, debounce: !1, lockAxis: !0, type: t, onWheel: n = n && lc, onPress: n, onDrag: n, onScroll: n, onEnable: function onEnable() { return r && nb(Je, k.eventTypes[0], ce, !1, !0) }, onDisable: function onDisable() { return ob(Je, k.eventTypes[0], ce, !0) } }) } function qc(e) { function op() { return n = !1 } function rp() { o = Fa(d, Ne), _ = et(C ? 1 : 0, o), f && (S = et(0, Fa(d, Re))), a = G } function xp() { rp(), s.isActive() && s.vars.scrollY > o && (h() > o ? s.progress(1) && h(o) : s.resetTo("scrollY", o)) } Ka(e) || (e = {}), e.preventDefault = e.isNormalizer = e.allowClicks = !0, e.type || (e.type = "wheel,touch"), e.debounce = !!e.debounce, e.id = e.id || "normalizer"; var r, o, n, a, s, l, c, u, f = e.normalizeScrollX, t = e.momentum, i = e.allowNestedScroll, d = I(e.target) || qe, p = We.core.globals().ScrollSmoother, g = C && (e.content && I(e.content) || p && p.get() && p.get().content()), h = J(d, Ne), v = J(d, Re), b = 1, m = (k.isTouch && je.visualViewport ? je.visualViewport.scale * je.visualViewport.width : je.outerWidth) / je.innerWidth, y = 0, x = Ia(t) ? function () { return t(r) } : function () { return t || 2.8 }, w = mc(d, e.type, !0, i), S = xa, _ = xa; return e.ignoreCheck = function (e) { return C && "touchmove" === e.type && function ignoreDrag() { if (n) { requestAnimationFrame(op); var e = ya(r.deltaY / 2), t = _(h.v - e); return g && t !== h.v + h.offset && (h.offset = t - h.v, g.style.transform = "translateY(" + -h.offset + "px)", g._gsap && (g._gsap.y = -h.offset + "px"), h.cacheID = T.cache, ee()), !0 } g && (g.style.transform = "translateY(0px)", h.offset = h.cacheID = 0, g._gsap && (g._gsap.y = "0px")), n = !0 }() || 1.05 < b && "touchstart" !== e.type || r.isGesturing || e.touches && 1 < e.touches.length }, e.onPress = function () { var e = b; b = ya((je.visualViewport && je.visualViewport.scale || 1) / m), s.pause(), e !== b && jc(d, 1.01 < b || !f && "x"), n = !1, l = v(), c = h(), rp(), a = G }, e.onRelease = e.onGestureStart = function (e, t) { if (g && (g.style.transform = "translateY(0px)", h.offset = h.cacheID = 0, g._gsap && (g._gsap.y = "0px")), t) { T.cache++; var r, n, i = x(); f && (n = (r = v()) + .05 * i * -e.velocityX / .227, i *= ic(v, r, n, Fa(d, Re)), s.vars.scrollX = S(n)), n = (r = h()) + .05 * i * -e.velocityY / .227, i *= ic(h, r, n, Fa(d, Ne)), s.vars.scrollY = _(n), s.invalidate().duration(i).play(.01), (C && s.vars.scrollY >= o || o - 1 <= r) && We.to({}, { onUpdate: xp, duration: i }) } else u.restart(!0) }, e.onWheel = function () { s._ts && s.pause(), 1e3 < dt() - y && (a = 0, y = dt()) }, e.onChange = function (e, t, r, n, i) { G !== a && rp(), t && f && v(S(n[2] === t ? l + (e.startX - e.x) : v() + t - n[1])), r && h(_(i[2] === r ? c + (e.startY - e.y) : h() + r - i[1])), ee() }, e.onEnable = function () { jc(d, !f && "x"), nb(je, "resize", xp), w.enable() }, e.onDisable = function () { jc(d, !0), ob(je, "resize", xp), w.kill() }, ((r = new k(e)).iOS = C) && !h() && h(1), u = r._dc, s = We.to(r, { ease: "power4", paused: !0, scrollX: f ? "+=0.1" : "+=0", scrollY: "+=0.1", onComplete: u.vars.onComplete }), r } var ae, se = { auto: 1, scroll: 1 }, le = /(input|label|select|textarea)/i, ce = function _captureInputs(e) { var t = le.test(e.target.tagName); (t || ae) && (e._gsapAllow = !0, ae = t) }; oe.sort = function (e) { return Ot.sort(e || function (e, t) { return -1e6 * (e.vars.refreshPriority || 0) + e.start - (t.start + -1e6 * (t.vars.refreshPriority || 0)) }) }, oe.observe = function (e) { return new k(e) }, oe.normalizeScroll = function (e) { if (void 0 === e) return h; if (!0 === e && h) return h.enable(); if (!1 === e) return h && h.kill(); var t = e instanceof k ? e : qc(e); return h && h.target === t.target && h.kill(), Ba(t.target) && (h = t), t }, oe.core = { _getVelocityProp: K, _inputObserver: mc, _scrollers: T, _proxies: Le, bridge: { ss: function ss() { pt || V("scrollStart"), pt = dt() }, ref: function ref() { return rt } } }, Aa() && We.registerPlugin(oe), e.ScrollTrigger = oe, e.default = oe; if (typeof (window) === "undefined" || window !== e) { Object.defineProperty(e, "__esModule", { value: !0 }) } else { delete e.default } });
33
+
assets/frontend/js/headroom.js ADDED
@@ -0,0 +1,7 @@
 
 
 
 
 
 
 
1
+ /*!
2
+ * headroom.js v0.12.0 - Give your page some headroom. Hide your header until you need it
3
+ * Copyright (c) 2020 Nick Williams - http://wicky.nillia.ms/headroom.js
4
+ * License: MIT
5
+ */
6
+
7
+ !function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t=t||self).Headroom=n()}(this,function(){"use strict";function t(){return"undefined"!=typeof window}function d(t){return function(t){return t&&t.document&&function(t){return 9===t.nodeType}(t.document)}(t)?function(t){var n=t.document,o=n.body,s=n.documentElement;return{scrollHeight:function(){return Math.max(o.scrollHeight,s.scrollHeight,o.offsetHeight,s.offsetHeight,o.clientHeight,s.clientHeight)},height:function(){return t.innerHeight||s.clientHeight||o.clientHeight},scrollY:function(){return void 0!==t.pageYOffset?t.pageYOffset:(s||o.parentNode||o).scrollTop}}}(t):function(t){return{scrollHeight:function(){return Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight)},height:function(){return Math.max(t.offsetHeight,t.clientHeight)},scrollY:function(){return t.scrollTop}}}(t)}function n(t,s,e){var n,o=function(){var n=!1;try{var t={get passive(){n=!0}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){n=!1}return n}(),i=!1,r=d(t),l=r.scrollY(),a={};function c(){var t=Math.round(r.scrollY()),n=r.height(),o=r.scrollHeight();a.scrollY=t,a.lastScrollY=l,a.direction=l<t?"down":"up",a.distance=Math.abs(t-l),a.isOutOfBounds=t<0||o<t+n,a.top=t<=s.offset[a.direction],a.bottom=o<=t+n,a.toleranceExceeded=a.distance>s.tolerance[a.direction],e(a),l=t,i=!1}function h(){i||(i=!0,n=requestAnimationFrame(c))}var u=!!o&&{passive:!0,capture:!1};return t.addEventListener("scroll",h,u),c(),{destroy:function(){cancelAnimationFrame(n),t.removeEventListener("scroll",h,u)}}}function o(t){return t===Object(t)?t:{down:t,up:t}}function s(t,n){n=n||{},Object.assign(this,s.options,n),this.classes=Object.assign({},s.options.classes,n.classes),this.elem=t,this.tolerance=o(this.tolerance),this.offset=o(this.offset),this.initialised=!1,this.frozen=!1}return s.prototype={constructor:s,init:function(){return s.cutsTheMustard&&!this.initialised&&(this.addClass("initial"),this.initialised=!0,setTimeout(function(t){t.scrollTracker=n(t.scroller,{offset:t.offset,tolerance:t.tolerance},t.update.bind(t))},100,this)),this},destroy:function(){this.initialised=!1,Object.keys(this.classes).forEach(this.removeClass,this),this.scrollTracker.destroy()},unpin:function(){!this.hasClass("pinned")&&this.hasClass("unpinned")||(this.addClass("unpinned"),this.removeClass("pinned"),this.onUnpin&&this.onUnpin.call(this))},pin:function(){this.hasClass("unpinned")&&(this.addClass("pinned"),this.removeClass("unpinned"),this.onPin&&this.onPin.call(this))},freeze:function(){this.frozen=!0,this.addClass("frozen")},unfreeze:function(){this.frozen=!1,this.removeClass("frozen")},top:function(){this.hasClass("top")||(this.addClass("top"),this.removeClass("notTop"),this.onTop&&this.onTop.call(this))},notTop:function(){this.hasClass("notTop")||(this.addClass("notTop"),this.removeClass("top"),this.onNotTop&&this.onNotTop.call(this))},bottom:function(){this.hasClass("bottom")||(this.addClass("bottom"),this.removeClass("notBottom"),this.onBottom&&this.onBottom.call(this))},notBottom:function(){this.hasClass("notBottom")||(this.addClass("notBottom"),this.removeClass("bottom"),this.onNotBottom&&this.onNotBottom.call(this))},shouldUnpin:function(t){return"down"===t.direction&&!t.top&&t.toleranceExceeded},shouldPin:function(t){return"up"===t.direction&&t.toleranceExceeded||t.top},addClass:function(t){this.elem.classList.add.apply(this.elem.classList,this.classes[t].split(" "))},removeClass:function(t){this.elem.classList.remove.apply(this.elem.classList,this.classes[t].split(" "))},hasClass:function(t){return this.classes[t].split(" ").every(function(t){return this.classList.contains(t)},this.elem)},update:function(t){t.isOutOfBounds||!0!==this.frozen&&(t.top?this.top():this.notTop(),t.bottom?this.bottom():this.notBottom(),this.shouldUnpin(t)?this.unpin():this.shouldPin(t)&&this.pin())}},s.options={tolerance:{up:0,down:0},offset:0,scroller:t()?window:null,classes:{frozen:"headroom--frozen",pinned:"headroom--pinned",unpinned:"headroom--unpinned",top:"headroom--top",notTop:"headroom--not-top",bottom:"headroom--bottom",notBottom:"headroom--not-bottom",initial:"headroom"}},s.cutsTheMustard=!!(t()&&function(){}.bind&&"classList"in document.documentElement&&Object.assign&&Object.keys&&requestAnimationFrame),s});
assets/frontend/js/premium-addons.js CHANGED
@@ -1,2496 +1,2677 @@
1
- (function ($) {
2
-
3
- $(window).on('elementor/frontend/init', function () {
4
- var ModuleHandler = elementorModules.frontend.handlers.Base;
5
-
6
- /****** Premium Progress Bar Handler ******/
7
- var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
-
9
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
- settings = $progressbarElem.data("settings"),
11
- length = settings.progress_length,
12
- speed = settings.speed,
13
- type = settings.type;
14
-
15
-
16
- if ("line" === type) {
17
-
18
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
-
20
- if (settings.gradient)
21
- $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
-
23
- $progressbar.animate({
24
- width: length + "%"
25
- }, speed);
26
-
27
- } else if ("circle" === type || "half-circle" === type) {
28
- if (length > 100)
29
- length = 100;
30
-
31
- var degreesFactor = 1.8 * (elementorFrontend.config.is_rtl ? -1 : 1);
32
-
33
- $progressbarElem.find(".premium-progressbar-hf-circle-progress").css({
34
- transform: "rotate(" + length * degreesFactor + "deg)",
35
- });
36
-
37
- $progressbarElem.prop({
38
- 'counter': 0
39
- }).animate({
40
- counter: length
41
- }, {
42
- duration: speed,
43
- easing: 'linear',
44
- step: function (counter) {
45
- var rotate = (counter * 3.6);
46
-
47
- $progressbarElem.find(".premium-progressbar-right-label").text(Math.ceil(counter) + "%");
48
-
49
-
50
- if ('circle' === type && rotate > 180) {
51
-
52
- $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
53
-
54
- $progressbarElem.find(".premium-progressbar-circle").css({
55
- '-webkit-clip-path': 'inset(0)',
56
- 'clip-path': 'inset(0)',
57
- });
58
-
59
- $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
60
- }
61
- }
62
- });
63
-
64
- } else {
65
-
66
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
67
- width = $progressbarElem.outerWidth(),
68
- dotSize = settings.dot || 25,
69
- dotSpacing = settings.spacing || 10,
70
- numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
71
- circlesToFill = numberOfCircles * (length / 100),
72
- numberOfTotalFill = Math.floor(circlesToFill),
73
- fillPercent = 100 * (circlesToFill - numberOfTotalFill);
74
-
75
- $progressbar.attr('data-circles', numberOfCircles);
76
- $progressbar.attr('data-total-fill', numberOfTotalFill);
77
- $progressbar.attr('data-partial-fill', fillPercent);
78
-
79
- var className = "progress-segment";
80
- for (var i = 0; i < numberOfCircles; i++) {
81
- className = "progress-segment";
82
- var innerHTML = '';
83
-
84
- if (i < numberOfTotalFill) {
85
- innerHTML = "<div class='segment-inner'></div>";
86
- } else if (i === numberOfTotalFill) {
87
-
88
- innerHTML = "<div class='segment-inner'></div>";
89
- }
90
-
91
- $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
92
-
93
- }
94
-
95
- if ("frontend" !== trigger) {
96
- PremiumProgressDotsHandler($scope);
97
- }
98
-
99
- }
100
-
101
- };
102
-
103
- var PremiumProgressDotsHandler = function ($scope) {
104
-
105
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
106
- settings = $progressbarElem.data("settings"),
107
- $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
108
- data = $progressbar.data(),
109
- speed = settings.speed,
110
- increment = 0;
111
-
112
- var numberOfTotalFill = data.totalFill,
113
- numberOfCircles = data.circles,
114
- fillPercent = data.partialFill;
115
-
116
- dotIncrement(increment);
117
-
118
- function dotIncrement(inc) {
119
-
120
- var $dot = $progressbar.find(".progress-segment").eq(inc),
121
- dotWidth = 100;
122
-
123
- if (inc === numberOfTotalFill)
124
- dotWidth = fillPercent
125
-
126
- $dot.find(".segment-inner").animate({
127
- width: dotWidth + '%'
128
- }, speed / numberOfCircles, function () {
129
- increment++;
130
- if (increment <= numberOfTotalFill) {
131
- dotIncrement(increment);
132
- }
133
-
134
- });
135
- }
136
- };
137
-
138
- /****** Premium Progress Bar Scroll Handler *****/
139
- var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
140
-
141
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
142
- settings = $progressbarElem.data("settings"),
143
- type = settings.type;
144
-
145
- if ("dots" === type) {
146
- PremiumProgressBarWidgetHandler($scope, "frontend");
147
- }
148
-
149
- elementorFrontend.waypoint($scope, function () {
150
- if ("dots" !== type) {
151
- PremiumProgressBarWidgetHandler($(this));
152
- } else {
153
- PremiumProgressDotsHandler($(this));
154
- }
155
-
156
- });
157
- };
158
-
159
- /****** Premium Video Box Handler ******/
160
- var PremiumVideoBoxWidgetHandler = function ($scope, $) {
161
-
162
- var $videoBoxElement = $scope.find(".premium-video-box-container"),
163
- $videoListElement = $scope.find(".premium-video-box-playlist-container"),
164
- $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
165
- $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
166
- $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
167
- type = $videoBoxElement.data("type"),
168
- thumbnail = $videoBoxElement.data("thumbnail"),
169
- sticky = $videoBoxElement.data('sticky'),
170
- stickyOnPlay = $videoBoxElement.data('sticky-play'),
171
- hoverEffect = $videoBoxElement.data('hover'),
172
- $lighboxContainer = $videoListElement.length ? $videoListElement : $videoBoxElement,
173
- lightBox = $lighboxContainer.data('lightbox') ? $lighboxContainer.data('lightbox') : false,
174
- video, vidSrc;
175
-
176
- if (lightBox) {
177
-
178
- if ('prettyphoto' === lightBox.type) {
179
- $lighboxContainer.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").prettyPhoto(getPrettyPhotoSettings(lightBox.theme));
180
- }
181
-
182
- $lighboxContainer.find('.premium-video-box-image-container, .premium-video-box-play-icon-container').on('click', function (e) {
183
- triggerLightbox($lighboxContainer, lightBox.type);
184
- });
185
-
186
- } else {
187
- // Youtube playlist option.
188
- if ($videoListElement.length) {
189
-
190
- //Make sure that video were pulled from the API.
191
- if (!$videoContainer.length)
192
- return;
193
-
194
- $videoContainer.each(function (index, item) {
195
-
196
- var vidSrc,
197
- $videoContainer = $(item),
198
- $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
199
- $trigger = $videoContainer.closest(".premium-video-box-trigger");
200
-
201
- vidSrc = $videoContainer.data("src");
202
- vidSrc = vidSrc + "&autoplay=1";
203
-
204
- $trigger.on("click", function () {
205
-
206
- var $iframe = $("<iframe/>");
207
-
208
- $iframe.attr({
209
- "src": vidSrc,
210
- "frameborder": "0",
211
- "allowfullscreen": "1",
212
- "allow": "autoplay;encrypted-media;"
213
- });
214
- $videoContainer.css("background", "#000");
215
- $videoContainer.html($iframe);
216
-
217
- $videoBoxElement.find(
218
- ".premium-video-box-image-container, .premium-video-box-play-icon-container"
219
- ).remove();
220
-
221
- });
222
-
223
- });
224
-
225
- return;
226
- }
227
-
228
- if ("self" === type) {
229
-
230
- video = $videoContainer.find("video");
231
- vidSrc = video.attr("src");
232
-
233
- } else {
234
-
235
- vidSrc = $videoContainer.data("src");
236
-
237
- if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
238
-
239
- //Check if Autoplay on viewport option is enabled
240
- if ($videoBoxElement.data("play-viewport")) {
241
- elementorFrontend.waypoint($videoBoxElement, function () {
242
- playVideo();
243
- });
244
- } else {
245
- playVideo();
246
- }
247
-
248
- } else {
249
- vidSrc = vidSrc + "&autoplay=1";
250
- }
251
-
252
- }
253
-
254
- $videoBoxElement.on("click", function () {
255
- playVideo();
256
- });
257
-
258
- if ("yes" !== sticky || "yes" === stickyOnPlay)
259
- return;
260
-
261
- stickyOption();
262
- }
263
-
264
- function playVideo() {
265
-
266
- if ($videoBoxElement.hasClass("playing")) return;
267
-
268
- $videoBoxElement.addClass("playing");
269
-
270
- if (stickyOnPlay === 'yes')
271
- stickyOption();
272
-
273
- if ("self" === type) {
274
-
275
- $(video).get(0).play();
276
-
277
- $videoContainer.css({
278
- opacity: "1",
279
- visibility: "visible"
280
- });
281
-
282
- } else {
283
-
284
- var $iframe = $("<iframe/>");
285
-
286
- $iframe.attr({
287
- "src": vidSrc,
288
- "frameborder": "0",
289
- "allowfullscreen": "1",
290
- "allow": "autoplay;encrypted-media;"
291
- });
292
- $videoContainer.css("background", "#000");
293
- $videoContainer.html($iframe);
294
- }
295
-
296
- $videoBoxElement.find(
297
- ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
298
- ).remove();
299
-
300
- if ("vimeo" === type)
301
- $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
302
- }
303
-
304
- function triggerLightbox($container, type) {
305
- if ('elementor' === type) {
306
- $container.find('.premium-video-box-video-container').click();
307
- } else {
308
- $container.find(".premium-vid-lightbox-container[data-rel^='prettyPhoto']").click();
309
- }
310
- }
311
-
312
- function stickyOption() {
313
-
314
- var stickyDesktop = $videoBoxElement.data('hide-desktop'),
315
- stickyTablet = $videoBoxElement.data('hide-tablet'),
316
- stickyMobile = $videoBoxElement.data('hide-mobile'),
317
- stickyMargin = $videoBoxElement.data('sticky-margin');
318
-
319
- $videoBoxElement.off('click').on('click', function (e) {
320
- // if ('yes' === sticky) {
321
- var stickyTarget = e.target.className;
322
- if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
323
- return false;
324
- }
325
- // }
326
- playVideo();
327
-
328
- });
329
-
330
- //Make sure Elementor Waypoint is defined
331
- if (typeof elementorFrontend.waypoint !== 'undefined') {
332
-
333
- var stickyWaypoint = elementorFrontend.waypoint(
334
- $videoBoxElement,
335
- function (direction) {
336
- if ('down' === direction) {
337
-
338
- $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
339
-
340
- //Fix conflict with Elementor motion effects
341
- if ($scope.hasClass("elementor-motion-effects-parent")) {
342
- $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
343
- }
344
-
345
- if ($videoBoxElement.data("mask")) {
346
- //Fix Sticky position issue when drop-shadow is applied
347
- $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
348
-
349
- $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
350
-
351
- $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
352
- 'transition': 'width 0.2s, height 0.2s',
353
- '-webkit-transition': 'width 0.2s, height 0.2s'
354
- });
355
- }
356
-
357
- $(document).trigger('premium_after_sticky_applied', [$scope]);
358
-
359
- // Entrance Animation Option
360
- if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
361
- $videoInnerContainer.css("opacity", "0");
362
- var animationDelay = $videoInnerContainer.data('delay-animation');
363
- setTimeout(function () {
364
-
365
- $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
366
-
367
- }, animationDelay * 1000);
368
- }
369
-
370
- } else {
371
-
372
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
373
-
374
- //Fix conflict with Elementor motion effects
375
- if ($scope.hasClass("elementor-motion-effects-parent")) {
376
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
377
- }
378
-
379
- if ($videoBoxElement.data("mask")) {
380
- //Fix Sticky position issue when drop-shadow is applied
381
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
382
-
383
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
384
- $videoImageContainer.addClass('premium-video-box-mask-media');
385
- }
386
-
387
- $videoImageContainer.addClass(hoverEffect).css({
388
- 'transition': 'all 0.2s',
389
- '-webkit-transition': 'all 0.2s'
390
- });
391
-
392
- $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
393
- }
394
- }, {
395
- offset: 0 + '%',
396
- triggerOnce: false
397
- }
398
- );
399
- }
400
-
401
- var closeBtn = $scope.find('.premium-video-box-sticky-close');
402
-
403
- closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
404
- e.stopPropagation();
405
- stickyWaypoint[0].disable();
406
-
407
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
408
-
409
- //Fix conflict with Elementor motion effects
410
- if ($scope.hasClass("elementor-motion-effects-parent")) {
411
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
412
- }
413
-
414
- if ($videoBoxElement.data("mask")) {
415
- //Fix Sticky position issue when drop-shadow is applied
416
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
417
-
418
- //Necessary classes for mask shape option
419
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
420
- $videoImageContainer.addClass('premium-video-box-mask-media');
421
- }
422
-
423
-
424
- });
425
-
426
- checkResize(stickyWaypoint);
427
-
428
- checkScroll();
429
-
430
- window.addEventListener("scroll", checkScroll);
431
-
432
- $(window).resize(function (e) {
433
- checkResize(stickyWaypoint);
434
- });
435
-
436
- function checkResize(stickyWaypoint) {
437
- var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
438
-
439
- if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
440
- disableSticky(stickyWaypoint);
441
- } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
442
- disableSticky(stickyWaypoint);
443
- } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
444
- disableSticky(stickyWaypoint);
445
- } else {
446
- stickyWaypoint[0].enable();
447
- }
448
- }
449
-
450
- function disableSticky(stickyWaypoint) {
451
- stickyWaypoint[0].disable();
452
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
453
- }
454
-
455
- function checkScroll() {
456
- if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
457
- $videoInnerContainer.draggable({
458
- start: function () {
459
- $(this).css({
460
- transform: "none",
461
- top: $(this).offset().top + "px",
462
- left: $(this).offset().left + "px"
463
- });
464
- },
465
- containment: 'window'
466
- });
467
- }
468
- }
469
-
470
- $(document).on('premium_after_sticky_applied', function (e, $scope) {
471
- var infobar = $scope.find('.premium-video-box-sticky-infobar');
472
-
473
- if (0 !== infobar.length) {
474
- var infobarHeight = infobar.outerHeight();
475
-
476
- if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
477
- infobarHeight = Math.ceil(infobarHeight / 2);
478
- $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
479
- }
480
-
481
- if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
482
- if ('' !== stickyMargin) {
483
- infobarHeight = Math.ceil(infobarHeight);
484
- var stickBottom = infobarHeight + stickyMargin;
485
- $videoInnerContainer.css('bottom', stickBottom);
486
- }
487
- }
488
- }
489
- });
490
-
491
- }
492
-
493
- function getPrettyPhotoSettings(theme) {
494
- return {
495
- theme: theme,
496
- hook: "data-rel",
497
- opacity: 0.7,
498
- show_title: false,
499
- deeplinking: false,
500
- overlay_gallery: true,
501
- custom_markup: "",
502
- default_width: 900,
503
- default_height: 506,
504
- social_tools: ""
505
- };
506
- }
507
- };
508
-
509
- /****** Premium Media Grid Handler ******/
510
- var PremiumGridWidgetHandler = ModuleHandler.extend({
511
-
512
- settings: {},
513
-
514
- getDefaultSettings: function () {
515
- return {
516
- selectors: {
517
- galleryElement: '.premium-gallery-container',
518
- filters: '.premium-gallery-cats-container li',
519
- gradientLayer: '.premium-gallery-gradient-layer',
520
- loadMore: '.premium-gallery-load-more',
521
- loadMoreDiv: '.premium-gallery-load-more div',
522
- vidWrap: '.premium-gallery-video-wrap',
523
- }
524
- }
525
- },
526
-
527
- getDefaultElements: function () {
528
-
529
- var selectors = this.getSettings('selectors'),
530
- elements = {
531
- $galleryElement: this.$element.find(selectors.galleryElement),
532
- $filters: this.$element.find(selectors.filters),
533
- $gradientLayer: this.$element.find(selectors.gradientLayer),
534
- $vidWrap: this.$element.find(selectors.vidWrap)
535
- };
536
-
537
- elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
538
- elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
539
-
540
- return elements;
541
- },
542
-
543
- bindEvents: function () {
544
- this.getGlobalSettings();
545
- this.run();
546
- },
547
-
548
- getGlobalSettings: function () {
549
- var $galleryElement = this.elements.$galleryElement,
550
- settings = $galleryElement.data('settings');
551
-
552
- this.settings = {
553
- layout: settings.img_size,
554
- loadMore: settings.load_more,
555
- columnWidth: null,
556
- filter: null,
557
- isFilterClicked: false,
558
- minimum: settings.minimum,
559
- imageToShow: settings.click_images,
560
- counter: settings.minimum,
561
- ltrMode: settings.ltr_mode,
562
- shuffle: settings.shuffle,
563
- active_cat: settings.active_cat,
564
- theme: settings.theme,
565
- overlay: settings.overlay,
566
- sort_by: settings.sort_by,
567
- light_box: settings.light_box,
568
- flag: settings.flag,
569
- lightbox_type: settings.lightbox_type
570
- }
571
- },
572
-
573
- updateCounter: function () {
574
-
575
- if (this.settings.isFilterClicked) {
576
-
577
- this.settings.counter = this.settings.minimum;
578
-
579
- this.settings.isFilterClicked = false;
580
-
581
- } else {
582
- this.settings.counter = this.settings.counter;
583
- }
584
-
585
- this.settings.counter = this.settings.counter + this.settings.imageToShow;
586
- },
587
-
588
- updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
589
- $.ajax({
590
- url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
591
- beforeSend: function () {
592
- $loadMoreDiv.removeClass("premium-gallery-item-hidden");
593
- },
594
- success: function () {
595
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
596
- }
597
- });
598
- },
599
-
600
- loadMore: function (gradHeight, $isotopeGallery) {
601
-
602
- var $galleryElement = this.elements.$galleryElement,
603
- $loadMoreDiv = this.elements.$loadMoreDiv,
604
- $loadMore = this.elements.$loadMore,
605
- _this = this;
606
-
607
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
608
-
609
- if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
610
-
611
- $loadMore.removeClass("premium-gallery-item-hidden");
612
-
613
- $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
614
- _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
615
- });
616
-
617
- $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
618
- _this.updateCounter();
619
- _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
620
- });
621
-
622
- }
623
-
624
- },
625
-
626
- getItemsToHide: function (instance, imagesToShow) {
627
- var items = instance.filteredItems.slice(imagesToShow, instance
628
- .filteredItems.length).map(function (item) {
629
- return item.element;
630
- });
631
-
632
- return items;
633
- },
634
-
635
- appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
636
-
637
- var $galleryElement = this.elements.$galleryElement,
638
- $gradientLayer = this.elements.$gradientLayer,
639
- instance = $galleryElement.data("isotope"),
640
- itemsToHide = this.getItemsToHide(instance, imagesToShow);
641
-
642
- $gradientLayer.outerHeight(gradHeight);
643
-
644
- $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
645
-
646
- $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
647
-
648
- $(itemsToHide).addClass("premium-gallery-item-hidden");
649
-
650
- $isotopeGallery.isotope("layout");
651
-
652
- if (0 == itemsToHide) {
653
-
654
- $gradientLayer.addClass("premium-gallery-item-hidden");
655
-
656
- $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
657
- }
658
- },
659
-
660
- triggerFilerTabs: function (url) {
661
- var filterIndex = url.searchParams.get(this.settings.flag),
662
- $filters = this.elements.$filters;
663
-
664
- if (filterIndex) {
665
-
666
- var $targetFilter = $filters.eq(filterIndex).find("a");
667
-
668
- $targetFilter.trigger('click');
669
-
670
- }
671
- },
672
-
673
- onReady: function ($isotopeGallery) {
674
- var _this = this;
675
-
676
- $isotopeGallery.isotope("layout");
677
-
678
- $isotopeGallery.isotope({
679
- filter: _this.settings.active_cat
680
- });
681
-
682
- var url = new URL(window.location.href);
683
-
684
- if (url)
685
- _this.triggerFilerTabs(url);
686
-
687
- },
688
-
689
- onResize: function ($isotopeGallery) {
690
- var _this = this;
691
-
692
- _this.setMetroLayout();
693
-
694
- $isotopeGallery.isotope({
695
- itemSelector: ".premium-gallery-item",
696
- masonry: {
697
- columnWidth: _this.settings.columnWidth
698
- },
699
- });
700
-
701
- },
702
-
703
- lightBoxDisabled: function () {
704
- var _this = this,
705
- $vidWrap = this.elements.$vidWrap;
706
-
707
- $vidWrap.each(function (index, item) {
708
- var type = $(item).data("type");
709
-
710
- $(item).closest(".premium-gallery-item").on("click", function () {
711
- var $this = $(this);
712
-
713
- $this.find(".pa-gallery-img-container").css("background", "#000");
714
-
715
- $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
716
-
717
- if ("style3" !== _this.settings.skin)
718
- $this.find(".premium-gallery-caption").css("visibility", "hidden");
719
-
720
- if ("hosted" !== type) {
721
- _this.playVid($this);
722
- } else {
723
- _this.playHostedVid(item);
724
- }
725
- });
726
- });
727
-
728
- },
729
-
730
- playVid: function ($this) {
731
- var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
732
- src = $iframeWrap.data("src");
733
-
734
- src = src.replace("&mute", "&autoplay=1&mute");
735
-
736
- var $iframe = $("<iframe/>");
737
-
738
- $iframe.attr({
739
- "src": src,
740
- "frameborder": "0",
741
- "allowfullscreen": "1",
742
- "allow": "autoplay;encrypted-media;"
743
- });
744
-
745
- $iframeWrap.html($iframe);
746
-
747
- $iframe.css("visibility", "visible");
748
- },
749
-
750
- playHostedVid: function (item) {
751
- var $video = $(item).find("video");
752
-
753
- $video.get(0).play();
754
- $video.css("visibility", "visible");
755
- },
756
-
757
- run: function () {
758
-
759
- var $galleryElement = this.elements.$galleryElement,
760
- $vidWrap = this.elements.$vidWrap,
761
- $filters = this.elements.$filters,
762
- _this = this;
763
-
764
- if ('metro' === this.settings.layout) {
765
-
766
- this.setMetroLayout();
767
-
768
- this.settings.layout = "masonry";
769
-
770
- $(window).resize(function () { _this.onResize($isotopeGallery); });
771
- }
772
-
773
- var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
774
-
775
- $isotopeGallery.imagesLoaded().progress(function () {
776
- $isotopeGallery.isotope("layout");
777
- });
778
-
779
- $(document).ready(function () { _this.onReady($isotopeGallery); });
780
-
781
- if (this.settings.loadMore) {
782
-
783
- var $gradientLayer = this.elements.$gradientLayer,
784
- gradHeight = null;
785
-
786
- setTimeout(function () {
787
- gradHeight = $gradientLayer.outerHeight();
788
- }, 200);
789
-
790
- this.loadMore(gradHeight, $isotopeGallery);
791
- }
792
-
793
- if ("yes" !== this.settings.light_box)
794
- this.lightBoxDisabled();
795
-
796
- $filters.find("a").click(function (e) {
797
- e.preventDefault();
798
-
799
- _this.isFilterClicked = true;
800
-
801
- $filters.find(".active").removeClass("active");
802
-
803
- $(this).addClass("active");
804
-
805
- _this.settings.filter = $(this).attr("data-filter");
806
-
807
- $isotopeGallery.isotope({
808
- filter: _this.settings.filter
809
- });
810
-
811
- if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
812
-
813
- if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
814
-
815
- return false;
816
- });
817
-
818
- if ("default" === this.settings.lightbox_type)
819
- this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
820
- },
821
-
822
- getPrettyPhotoSettings: function () {
823
- return {
824
- theme: this.settings.theme,
825
- hook: "data-rel",
826
- opacity: 0.7,
827
- show_title: false,
828
- deeplinking: false,
829
- overlay_gallery: this.settings.overlay,
830
- custom_markup: "",
831
- default_width: 900,
832
- default_height: 506,
833
- social_tools: ""
834
- }
835
- },
836
-
837
- getIsoTopeSettings: function () {
838
- return {
839
- itemSelector: '.premium-gallery-item',
840
- percentPosition: true,
841
- animationOptions: {
842
- duration: 750,
843
- easing: 'linear'
844
- },
845
- filter: this.settings.active_cat,
846
- layoutMode: this.settings.layout,
847
- originLeft: this.settings.ltrMode,
848
- masonry: {
849
- columnWidth: this.settings.columnWidth
850
- },
851
- sortBy: this.settings.sort_by
852
- }
853
- },
854
-
855
- getRepeaterSettings: function () {
856
- return this.getElementSettings('premium_gallery_img_content');
857
- },
858
-
859
- setMetroLayout: function () {
860
-
861
- var $galleryElement = this.elements.$galleryElement,
862
- gridWidth = $galleryElement.width(),
863
- cellSize = Math.floor(gridWidth / 12),
864
- deviceType = elementorFrontend.getCurrentDeviceMode(),
865
- suffix = 'desktop' === deviceType ? '' : '_' + deviceType,
866
- repeater = this.getRepeaterSettings();
867
-
868
- $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
869
-
870
- var cells = repeater[index]['premium_gallery_image_cell' + suffix].size,
871
- vCells = repeater[index]['premium_gallery_image_vcell' + suffix].size;
872
-
873
- if ("" === cells || undefined == cells) {
874
- cells = repeater[index].premium_gallery_image_cell.size;
875
- }
876
-
877
- if ("" === vCells || undefined == vCells) {
878
- vCells = repeater[index].premium_gallery_image_vcell.size;
879
- }
880
-
881
- $(item).css({
882
- width: Math.ceil(cells * cellSize),
883
- height: Math.ceil(vCells * cellSize)
884
- });
885
- });
886
-
887
- this.settings.columnWidth = cellSize;
888
- }
889
-
890
- });
891
-
892
- /****** Premium Counter Handler ******/
893
- var PremiumCounterHandler = function ($scope, $) {
894
-
895
- var $counterElement = $scope.find(".premium-counter"),
896
- isHScrollWidget = $counterElement.closest(".premium-hscroll-temp"),
897
- counterSettings = $counterElement.data(),
898
- incrementElement = $counterElement.find(".premium-counter-init"),
899
- iconElement = $counterElement.find(".icon");
900
-
901
- if (!isHScrollWidget.length) {
902
- elementorFrontend.waypoint($counterElement, function () {
903
-
904
- $(incrementElement).numerator(counterSettings);
905
-
906
- $(iconElement).addClass("animated " + iconElement.data("animation"));
907
-
908
- });
909
- } else {
910
-
911
- $(window).on("scroll", function () {
912
-
913
- if ($(window).scrollTop() >= isHScrollWidget.data("scroll-offset")) {
914
- $(incrementElement).numerator(counterSettings);
915
-
916
- $(iconElement).addClass("animated " + iconElement.data("animation"));
917
- }
918
-
919
- });
920
-
921
- }
922
-
923
- };
924
-
925
- /****** Premium Fancy Text Handler ******/
926
- var PremiumFancyTextHandler = function ($scope, $) {
927
-
928
- var $elem = $scope.find(".premium-fancy-text-wrapper"),
929
- settings = $elem.data("settings"),
930
- loadingSpeed = settings.delay || 2500,
931
- itemCount = $elem.find('.premium-fancy-list-items').length,
932
- loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
933
-
934
- function escapeHtml(unsafe) {
935
- return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
936
- /"/g, "&quot;");
937
- }
938
-
939
- if ("typing" === settings.effect) {
940
-
941
- var fancyStrings = [];
942
-
943
- settings.strings.forEach(function (item) {
944
- fancyStrings.push(escapeHtml(item));
945
- });
946
-
947
- var fancyTextID = '#' + $elem.find('.premium-fancy-text').attr('id');
948
- new Typed(fancyTextID, {
949
- strings: fancyStrings,
950
- typeSpeed: settings.typeSpeed,
951
- backSpeed: settings.backSpeed,
952
- startDelay: settings.startDelay,
953
- backDelay: settings.backDelay,
954
- showCursor: settings.showCursor,
955
- cursorChar: settings.cursorChar,
956
- loop: settings.loop
957
- });
958
-
959
- } else if ("slide" === settings.effect) {
960
- loadingSpeed = settings.pause;
961
-
962
- $elem.find(".premium-fancy-text").vTicker({
963
- speed: settings.speed,
964
- showItems: settings.showItems,
965
- pause: settings.pause,
966
- mousePause: settings.mousePause,
967
- direction: "up"
968
- });
969
-
970
- } else if ('auto-fade' === settings.effect) {
971
- var $items = $elem.find(".premium-fancy-list-items"),
972
- len = $items.length;
973
-
974
- if (0 === len) {
975
- return;
976
- }
977
-
978
- var delay = settings.duration / len,
979
- itemDelay = 0;
980
-
981
- loadingSpeed = delay;
982
-
983
- $items.each(function ($index, $item) {
984
- $item.style.animationDelay = itemDelay + 'ms';
985
- itemDelay += delay;
986
- });
987
-
988
- } else {
989
-
990
- setFancyAnimation();
991
-
992
- function setFancyAnimation() {
993
-
994
- var $item = $elem.find(".premium-fancy-list-items"),
995
- current = 1;
996
-
997
- //Get effect settings
998
- var delay = settings.delay || 2500,
999
- loopCount = settings.count;
1000
-
1001
- //If Loop Count option is set
1002
- if (loopCount) {
1003
- var currentLoop = 1,
1004
- fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
1005
- }
1006
-
1007
- var loopInterval = setInterval(function () {
1008
-
1009
- var animationClass = "";
1010
-
1011
- //Add animation class
1012
- if (settings.effect === "custom")
1013
- animationClass = "animated " + settings.animation;
1014
-
1015
- //Show current active item
1016
- $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
1017
-
1018
- var $inactiveItems = $item.filter(function (index) {
1019
- return index !== current;
1020
- });
1021
-
1022
- //Hide inactive items
1023
- $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
1024
-
1025
- current++;
1026
-
1027
- //Restart loop
1028
- if ($item.length === current)
1029
- current = 0;
1030
-
1031
- //Increment interval and check if loop count is reached
1032
- if (loopCount) {
1033
- currentLoop++;
1034
-
1035
- if ((fancyStringsCount * loopCount) === currentLoop)
1036
- clearInterval(loopInterval);
1037
- }
1038
-
1039
-
1040
- }, delay);
1041
-
1042
- }
1043
- }
1044
-
1045
- //Show the strings after the layout is set.
1046
- if ("typing" !== settings.effect) {
1047
- setTimeout(function () {
1048
- $elem.find(".premium-fancy-text").css('opacity', '1');
1049
- }, 500);
1050
-
1051
- }
1052
-
1053
- if ('loading' === settings.loading && 'typing' !== settings.effect) {
1054
- $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
1055
- $scope.find('.premium-loading-bar').css({
1056
- 'animation-iteration-count': loopCount,
1057
- 'animation-duration': loadingSpeed + 'ms'
1058
- });
1059
- }
1060
-
1061
- };
1062
-
1063
- /****** Premium Countdown Handler ******/
1064
- var PremiumCountDownHandler = function ($scope, $) {
1065
-
1066
- var $countDownElement = $scope.find(".premium-countdown"),
1067
- settings = $countDownElement.data("settings"),
1068
- id = $scope.data('id'),
1069
- label1 = settings.label1,
1070
- label2 = settings.label2,
1071
- newLabe1 = label1.split(","),
1072
- newLabel2 = label2.split(","),
1073
- timerType = settings.timerType,
1074
- until = 'evergreen' === timerType ? settings.until.date : settings.until,
1075
- layout = '',
1076
- map = {
1077
- y: { index: 0, oldVal: '' },
1078
- o: { index: 1, oldVal: '' },
1079
- w: { index: 2, oldVal: '' },
1080
- d: { index: 3, oldVal: '' },
1081
- h: { index: 4, oldVal: '' },
1082
- m: { index: 5, oldVal: '' },
1083
- s: { index: 6, oldVal: '' }
1084
- };
1085
-
1086
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1087
- settings.format.split('').forEach(function (unit) {
1088
- var lowercased = unit.toLowerCase();
1089
-
1090
- layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
1091
- });
1092
- }
1093
-
1094
- $countDownElement.find('#countdown-' + id).countdown({
1095
- layout: layout,
1096
- labels: newLabel2,
1097
- labels1: newLabe1,
1098
- until: new Date(until),
1099
- format: settings.format,
1100
- padZeroes: true,
1101
- timeSeparator: settings.separator,
1102
- onTick: function (periods) {
1103
-
1104
- equalWidth();
1105
-
1106
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1107
- animateFigure(periods, map);
1108
- }
1109
- },
1110
- onExpiry: function () {
1111
- if ('onExpiry' === settings.event) {
1112
- $countDownElement.find('#countdown-' + id).html(settings.text);
1113
- }
1114
- },
1115
- serverSync: function () {
1116
- return new Date(settings.serverSync);
1117
- }
1118
- });
1119
-
1120
- if (settings.reset) {
1121
- $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
1122
- }
1123
-
1124
- if ('expiryUrl' === settings.event) {
1125
- $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
1126
- }
1127
-
1128
- function equalWidth() {
1129
- var width = 0;
1130
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
1131
- if (width < $(slot).outerWidth()) {
1132
- width = $(slot).outerWidth();
1133
- }
1134
- });
1135
-
1136
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
1137
- }
1138
-
1139
- function animateFigure(periods, map) {
1140
- settings.format.split('').forEach(function (unit) {
1141
-
1142
- var lowercased = unit.toLowerCase(),
1143
- index = map[lowercased].index,
1144
- oldVal = map[lowercased].oldVal;
1145
-
1146
- if (periods[index] !== oldVal) {
1147
-
1148
- map[lowercased].oldVal = periods[index];
1149
-
1150
- var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
1151
- $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
1152
-
1153
- TweenMax.to($top, 0.8, {
1154
- rotationX: '-180deg',
1155
- transformPerspective: 300,
1156
- ease: Quart.easeOut,
1157
- onComplete: function () {
1158
- TweenMax.set($top, { rotationX: 0 });
1159
- }
1160
- });
1161
-
1162
- TweenMax.to($back_top, 0.8, {
1163
- rotationX: 0,
1164
- transformPerspective: 300,
1165
- ease: Quart.easeOut,
1166
- clearProps: 'all'
1167
- });
1168
- }
1169
- });
1170
- }
1171
-
1172
- times = $countDownElement.find('#countdown-' + id).count