phcthemes_web_theme_pack 2.0.1 → 2.0.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/phcthemes_web_theme_pack_antlr.js +1 -0
  3. data/app/assets/javascripts/phcthemes_web_theme_pack_hostinza.js +28 -0
  4. data/app/assets/javascripts/phcthemes_web_theme_pack_pressroom.js +0 -0
  5. data/app/assets/javascripts/themes/antlr/theme/sidebar.js +36 -0
  6. data/app/assets/javascripts/themes/hostinza/theme/hostslide.js +94 -0
  7. data/app/assets/javascripts/themes/hostinza/theme/jquery.parallax-scroll.js +185 -0
  8. data/app/assets/javascripts/themes/hostinza/theme/jquery.parallax.js +521 -0
  9. data/app/assets/javascripts/themes/hostinza/theme/main.js +1106 -0
  10. data/app/assets/javascripts/themes/hostinza/theme/plugins.js +31 -0
  11. data/app/assets/javascripts/themes/hostinza/theme/shuffle-letters.js +140 -0
  12. data/app/assets/javascripts/themes/hostinza/theme/tweetie.js +130 -0
  13. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-month-products.js +66 -0
  14. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-month-settings.js +134 -0
  15. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-products.js +66 -0
  16. data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-settings.js +134 -0
  17. data/app/assets/stylesheets/phcthemes_web_theme_pack_antlr.scss +2 -1
  18. data/app/assets/stylesheets/phcthemes_web_theme_pack_hostinza.scss +24 -0
  19. data/app/assets/stylesheets/phcthemes_web_theme_pack_pressroom.scss +24 -0
  20. data/app/assets/stylesheets/themes/antlr/filter.css +189 -0
  21. data/lib/phcthemes_web_theme_pack/version.rb +1 -1
  22. metadata +19 -2
data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-products.js ADDED
@@ -0,0 +1,66 @@
1
+ let yearproducts = [
2
+
3
+ {
4
+ name : 'WordPress Solo',
5
+ price : '$40.00',
6
+ desc : 'Solo site package created especially for entrepreneurs, bloggers, writers, business professionals, business/lifestyle coaches and small businesses starting out.',
7
+
8
+ ram : '1 GB',
9
+ processor: '1 Core',
10
+ storage: '25 GB',
11
+
12
+ bandwidth: '1 TB' ,
13
+ sites: '2 Max',
14
+ databases: '2 Max',
15
+
16
+ setup: 'Included',
17
+ migration: 'Included',
18
+ ssl: 'Included',
19
+
20
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
21
+ },
22
+
23
+ {
24
+ name : 'WordPress Business',
25
+ price : '$60.00',
26
+ desc : 'Multiple site package for medium to larger businesses and startups that require a bit more resources to handle traffic, sales funnels to meet their demand.',
27
+
28
+ ram : '2 GB',
29
+ processor: '1 Core',
30
+ storage: '50 GB',
31
+
32
+ bandwidth: '2 TB' ,
33
+ sites: '4 Included',
34
+ databases: '4 Included',
35
+
36
+ setup: 'Included',
37
+ migration: 'Included',
38
+ ssl: 'Included',
39
+
40
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
41
+ },
42
+
43
+ {
44
+ name : 'WordPress Enterprise',
45
+ price : '$80.00',
46
+ desc : 'Multiple site package for enterprises, education institutions or organizations with resource intensive WordPress sites with plugins like learning management systems and memberships sites.',
47
+
48
+ ram : '4 GB',
49
+ processor: '2 Core',
50
+ storage: '.5 TB',
51
+
52
+ bandwidth: '1 GB' ,
53
+ sites: '10 Included',
54
+ databases: '10 Included',
55
+
56
+ setup: 'Included',
57
+ migration: 'Included',
58
+ ssl: 'Included',
59
+
60
+ urlclass: 'http://whmcs.finesttheme.com/cart.php?a=add&pid=3'
61
+ },
62
+
63
+ ];
64
+
65
+ // let url = 'https://www.domainname.com/?cmd=cart&id=';
66
+ // $('.slider-btns').attr('href', url + sliderplans[1][ui.value-1]);
data/app/assets/javascripts/themes/hostinza/theme/vps-slider-year-settings.js ADDED
@@ -0,0 +1,134 @@
1
+ // PHC- Start Month Function
2
+ (function($) {
3
+
4
+ "use strict";
5
+ $(document).ready(function() {
6
+
7
+ if ($(".vps-slider-annually").length > 0) {
8
+
9
+ let $this = $(".vps-slider-annually");
10
+ let sliderplans = [];
11
+
12
+ // Title
13
+ sliderplans[0] = [yearproducts[0].name, yearproducts[1].name, yearproducts[2].name, yearproducts[3].name, yearproducts[4].name];
14
+ // Price
15
+ sliderplans[1] = [yearproducts[0].price, yearproducts[1].price, yearproducts[2].price, yearproducts[3].price, yearproducts[4].price];
16
+ // Description
17
+ sliderplans[2] = [yearproducts[0].desc, yearproducts[1].desc, yearproducts[2].desc, yearproducts[3].desc, yearproducts[4].desc];
18
+
19
+ // Ram
20
+ sliderplans[3] = [yearproducts[0].ram, yearproducts[1].ram, yearproducts[2].ram, yearproducts[3].ram, yearproducts[4].ram];
21
+ // Processor
22
+ sliderplans[4] = [yearproducts[0].processor, yearproducts[1].processor, yearproducts[2].processor, yearproducts[3].processor, yearproducts[4].processor];
23
+ // Storage
24
+ sliderplans[5] = [yearproducts[0].storage, yearproducts[1].storage, yearproducts[2].storage, yearproducts[3].storage, yearproducts[4].storage];
25
+
26
+ // Bandwidth
27
+ sliderplans[6] = [yearproducts[0].bandwidth, yearproducts[1].bandwidth, yearproducts[2].bandwidth, yearproducts[3].bandwidth, yearproducts[4].bandwidth];
28
+ // sites
29
+ sliderplans[7] = [yearproducts[0].sites, yearproducts[1].sites, yearproducts[2].sites, yearproducts[3].sites, yearproducts[4].sites];
30
+ // Databases
31
+ sliderplans[8] = [yearproducts[0].databases, yearproducts[1].databases, yearproducts[2].databases, yearproducts[3].databases, yearproducts[4].databases];
32
+
33
+ // Setup
34
+ sliderplans[9] = [yearproducts[0].setup, yearproducts[1].setup, yearproducts[2].setup, yearproducts[3].setup, yearproducts[4].setup];
35
+
36
+ // ip one
37
+ sliderplans[10] = [yearproducts[0].migration, yearproducts[1].migration, yearproducts[2].migration, yearproducts[3].migration, yearproducts[4].migration];
38
+
39
+ // ip two
40
+ sliderplans[11] = [yearproducts[0].ssl, yearproducts[1].ssl, yearproducts[2].ssl, yearproducts[3].ssl, yearproducts[4].ssl];
41
+
42
+ let urlClass = [yearproducts[0].urlclass, yearproducts[1].urlclass, yearproducts[2].urlclass, yearproducts[3].urlclass, yearproducts[4].urlclass];
43
+ let currentplan = 1;
44
+
45
+ $this.xsslide('single', sliderplans, currentplan, 'xs', 'horizontal');
46
+ $this.slider({
47
+
48
+ animate: true,
49
+ slide: function( event, ui ) {
50
+
51
+ // Title
52
+ $('.slider-container .title').html(sliderplans[0][ui.value-1]);
53
+ // Price
54
+ $('.slider-container .price').html(sliderplans[1][ui.value-1]);
55
+ // Description
56
+ $('.slider-container .desc').html(sliderplans[2][ui.value-1]);
57
+
58
+ // Ram
59
+ $('.vps-pricing-list .ram').html(sliderplans[3][ui.value-1]);
60
+ // Processor
61
+ $('.vps-pricing-list .processor').html(sliderplans[4][ui.value-1]);
62
+ // Storage
63
+ $('.vps-pricing-list .storage').html(sliderplans[5][ui.value-1]);
64
+
65
+ // Bandwidth
66
+ $('.vps-pricing-list .bandwidth').html(sliderplans[6][ui.value-1]);
67
+ // sites
68
+ $('.vps-pricing-list .sites').html(sliderplans[7][ui.value-1]);
69
+ // Databases
70
+ $('.vps-pricing-list .databases').html(sliderplans[8][ui.value-1]);
71
+
72
+ // sites
73
+ $('.vps-pricing-list .sites').html(sliderplans[9][ui.value-1]);
74
+ // Migration
75
+ $('.vps-pricing-list .migration').html(sliderplans[10][ui.value-1]);
76
+ // SSL
77
+ $('.vps-pricing-list .ssl').html(sliderplans[11][ui.value-1]);
78
+
79
+ // Buttons
80
+ $('.slider-btns').attr('href', urilink[ui.value-1]);
81
+
82
+ },
83
+ change: function( event, ui ) {
84
+
85
+ // Title
86
+ $('.slider-container .title').html(sliderplans[0][ui.value-1]);
87
+ // Price
88
+ $('.slider-container .price').html(sliderplans[1][ui.value-1]);
89
+ // Description
90
+ $('.slider-container .desc').html(sliderplans[2][ui.value-1]);
91
+
92
+ // Ram
93
+ $('.vps-pricing-list .ram').html(sliderplans[3][ui.value-1]);
94
+ // Processor
95
+ $('.vps-pricing-list .processor').html(sliderplans[4][ui.value-1]);
96
+ // Storage
97
+ $('.vps-pricing-list .storage').html(sliderplans[5][ui.value-1]);
98
+
99
+ // Bandwidth
100
+ $('.vps-pricing-list .bandwidth').html(sliderplans[6][ui.value-1]);
101
+ // sites
102
+ $('.vps-pricing-list .sites').html(sliderplans[7][ui.value-1]);
103
+ // Databases
104
+ $('.vps-pricing-list .databases').html(sliderplans[8][ui.value-1]);
105
+
106
+ // Steup
107
+ $('.vps-pricing-list .setup').html(sliderplans[9][ui.value-1]);
108
+ // Migration
109
+ $('.vps-pricing-list .migration').html(sliderplans[10][ui.value-1]);
110
+ // SSL
111
+ $('.vps-pricing-list .ssl').html(sliderplans[11][ui.value-1]);
112
+
113
+ // Buttons
114
+ $('.slider-btns').attr('href', urlClass[ui.value-1]);
115
+
116
+ }
117
+ });
118
+ }
119
+
120
+ $('.slider-tigger-annually').click(function() {
121
+ var value= parseInt(this.id.slice(5)) + 1;
122
+ $('.vps-slider-annually').slider('value', value);
123
+ if (!$(this).hasClass('current')) {
124
+ $(this).addClass('current');
125
+ $(this).nextAll().removeClass('current');
126
+ $(this).prevAll().removeClass('current');
127
+ } else {
128
+ $(this).removeClass('current');
129
+ }
130
+ });
131
+
132
+ });
133
+
134
+ })(jQuery);
data/app/assets/stylesheets/phcthemes_web_theme_pack_antlr.scss CHANGED
@@ -16,7 +16,8 @@
16
16
  @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/animate.min.css");
17
17
 
18
18
  // Load Theme Files
19
- @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/style.min.css");
19
+ @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/filter.css");
20
+ @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/style.css");
20
21
  @import url("https://frmwrks.phcnetworks.net/antlr/version-2.1.4/template/css/colors/green.css");
21
22
  @import "themes/antlr/maps.scss";
22
23
 
data/app/assets/stylesheets/phcthemes_web_theme_pack_hostinza.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Load Font
2
+ @import url("https://fonts.googleapis.com/css?family=Karla:400,700,700i%7CRubik:300,400,500,700");
3
+
4
+ // Load Common Files
5
+ @import url("https://cdn.phcnetworks.net/frameworks/css/bootstrap/version-4.5.2/css/bootstrap.css");
6
+ @import url("https://cdn.phcnetworks.net/icons/fonts/fontawesome-pro/version-5.14.0/css/all.css");
7
+ @import url("https://cdn.phcnetworks.net/css/animations/animate-css/version-3.7.2/animate.css");
8
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/magnific-popup.css");
9
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/owl.carousel.min.css");
10
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/owl.theme.default.min.css");
11
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/jquery-ui.structure.min.css");
12
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/jquery-ui.theme.min.css");
13
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/rev-settings.css");
14
+
15
+ // Load Icon Files
16
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/iconfont.css");
17
+
18
+ // Load Theme Files
19
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/plugins.css");
20
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/style.css");
21
+ @import url("https://frmwrks.phcnetworks.net/hostinza/version-1.8.0/html/assets/css/responsive.css");
22
+
23
+ // Load PHCNetco Files
24
+ @import "common/hanna_hearts/hanna_hearts.scss";
data/app/assets/stylesheets/phcthemes_web_theme_pack_pressroom.scss ADDED
@@ -0,0 +1,24 @@
1
+ // Load Gem Files
2
+ @import "jquery-ui";
3
+
4
+ // Load Fonts
5
+ @import url("http://fonts.googleapis.com/css?family=Roboto:300,400,700");
6
+ @import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
7
+
8
+ // Load Common Files
9
+ @import url("https://cdn.phcnetworks.net/frameworks/css/bootstrap/version-4.5.2/css/bootstrap.css");
10
+ @import url("https://cdn.phcnetworks.net/icons/fonts/fontawesome-pro/version-5.14.0/css/all.css");
11
+ @import url("https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css");
12
+
13
+ // Load Theme Files
14
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/reset.css");
15
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/superfish.css");
16
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/prettyPhoto.css");
17
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/jquery.qtip.css");
18
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/style.css");
19
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/menu_styles.css");
20
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/animations.css");
21
+ @import url("http://frmwrks.phcnetworks.net/pressroom/version-1.9.0/template/html/style/responsive.css");
22
+
23
+ // Load PHCNetco Files
24
+ @import "common/hanna_hearts/hanna_hearts.scss";
data/app/assets/stylesheets/themes/antlr/filter.css ADDED
@@ -0,0 +1,189 @@
1
+ /* --------------------------------
2
+ Main Components
3
+ -------------------------------- */
4
+ .cd-header { position: relative; height: 150px; background-color: #331d35; }
5
+ .cd-header h1 { color: #ffffff; line-height: 150px; text-align: center; font-size: 2.4rem; font-weight: 300; }
6
+ @media only screen and (min-width:1170px) {
7
+ .cd-header { height: 180px; }
8
+ .cd-header h1 { line-height: 180px; }
9
+ }
10
+ .cd-main-content:after { content: ""; display: table; clear: both; }
11
+ .cd-main-content.is-fixed .cd-tab-filter-wrapper { position: fixed; top: 0; left: 0; width: 100%; }
12
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 76px; }
13
+ .cd-main-content.is-fixed .cd-filter { position: fixed; height: 100vh; overflow: hidden; }
14
+ .cd-main-content.is-fixed .cd-filter-trigger { position: fixed; }
15
+ @media only screen and (min-width:768px) {
16
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 90px; }
17
+ }
18
+ @media only screen and (min-width:1170px) {
19
+ .cd-main-content.is-fixed .cd-gallery { padding-top: 100px; }
20
+ }
21
+
22
+ /* --------------------------------
23
+ xtab-filter
24
+ -------------------------------- */
25
+ .cd-tab-filter-wrapper { background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); z-index: 1; }
26
+ .cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
27
+ .cd-tab-filter { /* tabbed navigation style on mobile - dropdown */
28
+ position: relative; height: 50px; width: 140px; margin: 0 auto; z-index: 1; }
29
+ .cd-tab-filter::after { /* small arrow icon */
30
+ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("../img/filter/cd-icon-arrow.svg") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
31
+ .cd-tab-filter ul { position: absolute; top: 0; left: 0; background-color: #ffffff; box-shadow: inset 0 -2px 0 #a3d133; }
32
+ .cd-tab-filter li { display: none; }
33
+ .cd-tab-filter li:first-child { /* this way the placehodler is alway visible */
34
+ display: block; }
35
+ .cd-tab-filter a { display: block; /* set same size of the .cd-tab-filter */ height: 50px; width: 140px; line-height: 50px; padding-left: 14px; }
36
+ .cd-tab-filter a.selected { background: #a3d133; color: #ffffff; }
37
+ .cd-tab-filter.is-open::after { /* small arrow rotation */
38
+ -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }
39
+ .cd-tab-filter.is-open ul { box-shadow: inset 0 -2px 0 #a3d133, 0 2px 10px rgba(0, 0, 0, 0.2); }
40
+ .cd-tab-filter.is-open ul li { display: block; }
41
+ .cd-tab-filter.is-open .placeholder a { /* reduces the opacity of the placeholder on mobile when the menu is open */
42
+ opacity: .4; }
43
+ @media only screen and (min-width:768px) {
44
+ .cd-tab-filter { /* tabbed navigation style on medium devices */
45
+ width: auto; cursor: auto; }
46
+ .cd-tab-filter::after { /* hide the arrow */
47
+ display: none; }
48
+ .cd-tab-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; }
49
+ .cd-tab-filter li { display: inline-block; }
50
+ .cd-tab-filter li.placeholder { display: none !important; }
51
+ .cd-tab-filter a { display: inline-block; padding: 0 1em; width: auto; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; }
52
+ .no-touch .cd-tab-filter a:hover { color: #a3d133; }
53
+ .cd-tab-filter a.selected { background: transparent; color: #a3d133; /* create border bottom using box-shadow property */ box-shadow: inset 0 -2px 0 #a3d133; }
54
+ .cd-tab-filter.is-open ul li { display: inline-block; }
55
+ }
56
+ @media only screen and (min-width:1170px) {
57
+ .cd-tab-filter { /* tabbed navigation on big devices */
58
+ width: 100%; float: right; margin: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
59
+ .cd-tab-filter.filter-is-visible { /* reduce width when filter is visible */
60
+ width: 80%; }
61
+ }
62
+
63
+ /* --------------------------------
64
+ xgallery
65
+ -------------------------------- */
66
+ .cd-gallery { padding: 26px 5%; width: 100%; }
67
+ .cd-gallery li { margin-bottom: 1.6em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); display: none; }
68
+ .cd-gallery li.gap { /* used in combination with text-align: justify to align gallery elements */
69
+ opacity: 0; height: 0; display: inline-block; }
70
+ .cd-gallery img { display: block; width: 100%; }
71
+ .mixcontainer .cd-fail-message { box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1); border-radius: 15px; background: #fff; padding: 30px; text-align: center; display: none; }
72
+ .mixcontainer .sec-main .cd-fail-message { box-shadow: none; padding: 30px 0px 0px 0px; }
73
+ .mixitup-container-failed .cd-fail-message { width: 100%; display: inline-block !important; }
74
+ @media (max-width:767px) {
75
+ .mixitup-container-failed .cd-fail-message { margin-bottom: 80px; }
76
+ }
77
+ @media only screen and (min-width:768px) {
78
+ .cd-gallery { padding: 40px 3%; }
79
+ .cd-gallery ul { text-align: justify; }
80
+ .cd-gallery ul:after { content: ""; display: table; clear: both; }
81
+ .cd-gallery li { width: 48%; margin-bottom: 2em; }
82
+ }
83
+ @media only screen and (min-width:1170px) {
84
+ .cd-gallery { padding: 50px 2%; float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
85
+ .cd-gallery li { width: 23%; }
86
+ .cd-gallery.filter-is-visible { /* reduce width when filter is visible */
87
+ width: 80%; }
88
+ }
89
+
90
+ /* --------------------------------
91
+ xfilter
92
+ -------------------------------- */
93
+ .cd-filter { position: absolute; top: 0; left: 0; width: 280px; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
94
+ .cd-filter .cd-close { position: absolute; top: 0px; right: 5px; height: 45px; line-height: 45px; width: 45px; color: #414142; font-size: 1.3rem; text-align: center; background: #fed800; opacity: 0; font-size: 20px !important; border-radius: 50px; box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 3; }
95
+ .no-touch .cd-filter .cd-close:hover { background: #32255f; }
96
+ .cd-filter.filter-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
97
+ .cd-filter.filter-is-visible .cd-close { opacity: 1; }
98
+ @media only screen and (min-width:1170px) {
99
+ .cd-filter { width: 20%; }
100
+ .cd-filter form { padding: 70px 10%; }
101
+ }
102
+ .cd-filter-trigger { position: absolute; top: 0; left: 0; line-height: 50px; width: 60px; /* image replacement */ overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; z-index: 3; }
103
+ .cd-filter-trigger.filter-is-visible { pointer-events: none; }
104
+ @media only screen and (min-width:1170px) {
105
+ .cd-filter-trigger { width: auto; text-indent: 0; color: #9a9a9a; font-size: 1.3rem; font-weight: 700; padding-left: 24px; background-position: left center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
106
+ .no-touch .cd-filter-trigger:hover { color: #a3d133; }
107
+ .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover { color: #ffffff; }
108
+ }
109
+
110
+ /* --------------------------------
111
+ xcustom form elements
112
+ -------------------------------- */
113
+ .cd-filter-block { position: relative; margin-bottom: 1.6em; }
114
+ .cd-filter-block h4 { /* filter block title */
115
+ position: relative; margin-bottom: 15px; padding: 10px 0 10px 20px; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
116
+ .no-touch .cd-filter-block h4:hover { color: #a3d133; }
117
+ .cd-filter-block h4::before { /* arrow */
118
+ font-family: 'Font Awesome 5 Free'; content: "\f107"; position: absolute; left: 0; top: 17px; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
119
+ .cd-filter-block h4.closed::before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
120
+ .cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before { /* shared style for input elements */
121
+ font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: none; }
122
+ .cd-filter-block input, .cd-filter-block select { width: 100%; padding: 15px 60px 15px 30px; border-radius: 50px; font-size: 14px; cursor: pointer; background-color: #ffffff !important; border: solid 1px #d8d8d8 !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
123
+ .cd-filter-block input:hover, .cd-filter-block select:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
124
+ .cd-filter-block label i { color: #d8d8d8; top: 42px; right: 40px; position: absolute; }
125
+ .cd-filter-block input:focus, .cd-filter-block select:focus { outline: none; background-color: #ffffff; }
126
+ .cd-filter-block input { /* custom style for the search element */
127
+ border-color: transparent; background-color: #e6e6e6; /* prevent jump - ios devices */ }
128
+ .cd-filter-block input::-webkit-search-cancel-button { display: none; }
129
+ .cd-filter-block .cd-select { /* select element wrapper */
130
+ position: relative; }
131
+ .cd-filter-block .cd-select::after { /* switcher arrow for select element */
132
+ content: ''; position: absolute; z-index: 1; right: 30px; top: 27px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url("../img/filter/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; }
133
+ .cd-filter-block select::-ms-expand { display: none; }
134
+ .cd-filter-block .list li { position: relative; margin-bottom: .8em; }
135
+ .cd-filter-block .list li:last-of-type { margin-bottom: 0; list-style: none; }
136
+ .cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] { /* hide original check and radio buttons */
137
+ position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
138
+ .cd-filter-block .checkbox-label, .cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
139
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { /* custom radio and check boxes */
140
+ content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
141
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; }
142
+ .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after { /* check mark - hidden */
143
+ display: none; }
144
+ .cd-filter-block .checkbox-label::after { /* check mark style for check boxes */
145
+ width: 16px; height: 16px; background: url("../img/filter/cd-icon-check.svg") no-repeat center center; }
146
+ .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { border-radius: 50%; }
147
+ .cd-filter-block .radio-label::after { /* check mark style for radio buttons */
148
+ width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
149
+ .cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before { border-color: #a3d133; background-color: #a3d133; }
150
+ .cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
151
+ #ex1Slider .slider-selection { background: #BABABA; }
152
+ .tooltip.in { filter: alpha(opacity=90); opacity: .9; }
153
+ .tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }
154
+ .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
155
+ ol, ul { list-style: none; }
156
+ blockquote, q { quotes: none; }
157
+ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
158
+ table { border-collapse: collapse; border-spacing: 0; }
159
+
160
+ /* --------------------------------
161
+ Custom
162
+ -------------------------------- */
163
+ .cd-gallery { padding: 50px 0px 0px 0px; }
164
+ .cd-gallery li { box-shadow: none; }
165
+ .cd-gallery .wrapper .title { font-size: 18px; font-family: "Open Sans"; }
166
+ .cd-gallery.domains .wrapper .title { font-size: 32px; font-family: "Open Sans"; }
167
+ .cd-tab-filter a.selected { border: none !important; background: #fdd700 !important; color: #fff !important; box-shadow: none !important; }
168
+ .cd-tab-filter a.selected:hover { text-transform: none !important; text-decoration: none !important; }
169
+ .cd-tab-filter a { text-transform: none; font-size: 15px !important; font-family: "Open Sans"; color: #808080; }
170
+ .no-touch .cd-tab-filter a:hover { text-decoration: none !important; }
171
+ .no-touch .cd-filter .cd-close:hover { background-color: #313131 !important; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
172
+ .cd-filter.filter-is-visible { font-family: "Open Sans"; box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.1); }
173
+ .cd-filter-block h4 { text-transform: capitalize !important; font-weight: 600 !important; font-size: 16px !important; color: #212122 !important; }
174
+ .cd-filter-block .cd-filter-content input[type='search'] { border: solid 1px #e0e0e0; font-size: 14px !important; background: transparent; }
175
+ .cd-filter-block .cd-filter-content { padding: 0px; }
176
+ .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { border: solid 1px #808080 !important; }
177
+ .cd-filter-block .checkbox-label, .cd-filter-block .radio-label { position: relative; display: grid !important; font-size: 14px !important; color: #000; }
178
+ .action-content { position: relative; }
179
+ .action { bottom: 0; right: 0; top: 0 !important; left: 0; position: absolute; display: inline-block; height: 100%; border-radius: 15px; background: rgba(0, 0, 0, 0.7); top: 0px; text-align: center; opacity: 0; transition: all 0.3s; z-index: 1; }
180
+ .action:hover { opacity: 1; }
181
+ .action a { margin-right: 20px; font-size: 16px; color: #fff; }
182
+ .action a:last-child { margin-right: 0px; }
183
+ .action a:hover { color: #fdd700; text-decoration: none; }
184
+ .action a i { color: #fff; font-size: 32px; padding: 0px }
185
+ .action a i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
186
+ .action .metatag { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
187
+ .action .rating { font-size: 24px; padding-top: 15px; width: 100%; }
188
+ .action .rating i { font-size: 18px; color: #808080; padding: 2px; }
189
+ .action .rating i:hover { color: #fdd700; text-decoration: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }