xxxxxxxxxx
1
<!--back to the top-->
2
<a href="javascript:" id="return-to-top">
3
<i class="fas fa-chevron-up">
4
</i>
5
</a>
6
<!--back-to-the-top-end-->
7
<span class="position-absolute trigger">
8
<!-- hidden trigger to apply 'stuck' styles -->
9
</span>
10
<!--Navbar-->
11
<nav class="navbar navbar-expand-lg sticky-top navbar-dark">
12
<!-- Navbar brand -->
13
<a class="navbar-brand" href="#">
14
</a>
15
<!-- Collapse button -->
16
<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse"
17
data-target="#navbarSupportedContent1">
18
<span>
19
</span>
20
<span>
21
</span>
22
<span>
23
</span>
24
</button>
25
<!-- Collapsible content -->
26
<!-- Collapsible content -->
27
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent1">
28
<ul class="navbar-nav mx-auto">
29
<!-- Links -->
30
<li class="nav-item active">
31
<a class="nav-link" href="index">Domov
32
<span class="sr-only">(current)
33
</span>
34
</a>
35
<div class="dropdown-divider d-lg-none">
36
</div>
37
</li>
38
<!-- Dropdown -->
39
<li class="nav-item dropdown">
40
<a class="nav-link dropdown-toggle" href="regresija-v-prejsnja-zivljenja" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Regresoterapija
41
</a>
42
<div class="dropdown-divider my-divider-1 d-lg-none">
43
</div>
44
<div class="dropdown-menu" aria-labelledby="navbarDropdowns">
45
<a class="dropdown-item" href="regresija-v-prejsnja-zivljenja">Regresija v prejšnja življenja
46
</a>
47
<div class="dropdown-divider">
48
</div>
49
<a class="dropdown-item" href="regresija-sedanjega-zivljenja">Regresija sedanjega življenja
50
</a>
51
<div class="dropdown-divider">
52
</div>
53
<a class="dropdown-item" href="zivljenje-med-zivljenji">Življenje med življenji
54
</a>
55
</div>
56
</li>
57
<li class="nav-item">
58
<a class="nav-link" href="progresija">Progresija
59
</a>
60
<div class="dropdown-divider my-divider-1 d-lg-none">
61
</div>
62
<!-- Dropdown -->
63
<li class="nav-item dropdown">
64
<a class="nav-link dropdown-toggle" href="hipnoza" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Hipnoterapija
65
</a>
66
<div class="dropdown-divider my-divider-1 d-lg-none">
67
</div>
68
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
69
<a class="dropdown-item" href="hipnoza">Hipnoza
70
</a>
71
<div class="dropdown-divider">
72
</div>
73
<a class="dropdown-item" href="fobije">Fobije
74
</a>
75
<div class="dropdown-divider">
76
</div>
77
<a class="dropdown-item" href="kajenje">Kajenje
78
</a>
79
<div class="dropdown-divider">
80
</div>
81
<a class="dropdown-item" href="reprogramiranje-caker">Reprogramiranje čaker
82
</a>
83
<div class="dropdown-divider">
84
</div>
85
<a class="dropdown-item" href="telesna-teza">Telesna teža
86
</a>
87
</div>
88
</li>
89
<!-- Links -->
90
<li class="nav-item">
91
<a class="nav-link" href="ujete-duse">Ujete duše
92
</a>
93
<div class="dropdown-divider my-divider-1 d-lg-none">
94
</div>
95
</li>
96
<li class="nav-item">
97
<a class="nav-link" href="pricevanja">Pričevanja
98
</a>
99
<div class="dropdown-divider my-divider-1 d-lg-none">
100
</div>
101
</li>
102
<li class="nav-item">
103
<a class="nav-link" href="o-meni">O meni
104
</a>
105
<div class="dropdown-divider my-divider-1 d-lg-none">
106
</div>
107
</li>
108
<li class="nav-item">
109
<a class="nav-link" href="kontakt">Kontakt
110
</a>
111
<div class="dropdown-divider my-divider-1 d-lg-none">
112
</div>
113
</li>
114
<li class="nav-item">
115
<a class="nav-link" href="clanek">Mediji
116
</a>
117
<div class="dropdown-divider my-divider-1 d-lg-none">
118
</div>
119
</li>
120
<!-- Dropdown -->
121
<li class="nav-item dropdown">
122
<a class="nav-link dropdown-toggle" href="dogodki" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dogodki
123
</a>
124
<div class="dropdown-divider my-divider-1 d-lg-none">
125
</div>
126
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
127
<a class="dropdown-item" href="skupinska-regresija-v-prejsnja-zivljenja">Skupinska regresija v prejšnja življenja
128
</a>
129
<div class="dropdown-divider">
130
</div>
131
<a class="dropdown-item" href="skupinska-progresija-v-prihodnost">Skupinska progresija v prihodnost
132
</a>
133
<div class="dropdown-divider">
134
</div>
135
<a class="dropdown-item" href="skupinski-kvantni-skoki">Skupinski kvantni skoki
136
</a>
137
<div class="dropdown-divider">
138
</div>
139
<a class="dropdown-item" href="prebujanje-duse">Prebujanje duše
140
</a>
141
</div>
142
</li>
143
</ul>
144
</div>
145
<!-- Collapsible content -->
146
</nav>
147
<!--Navbar-end-->
148
149
<!-- Modal -->
150
<div class="modal fade" id="darkModalForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
151
aria-hidden="true">
152
<div class="modal-dialog form-dark" role="document">
153
<!--Content-->
154
<div class="modal-content card card-image" style="background-image: url('img/za-popup-4.jpg');">
155
<div class="text-white rgba-stylish-strong py-5 px-5 z-depth-4">
156
<!--Header-->
157
<div class="modal-header text-center pb-4">
158
<h3 class="modal-title w-100 white-text font-weight-bold mb-3" id="myModalLabel"><strong>Brezplačni
159
sprostitveni posnetek</strong>
160
</h3>
161
<button type="button" class="close white-text" data-dismiss="modal" aria-label="Zapri">
162
<span aria-hidden="true">×</span>
163
</button>
164
</div>
165
<div>
166
<p class="white-text">S pomočjo varne hipnoze in vaše domišljije se sprostite v globokem stanju hipnoze in
167
uživajte v najbolj sproščujočih izkušnjah, ki si jih lahko zamislite!</p>
168
</div>
169
<!--Body-->
170
<form class="md-form" action="signup.php" method="POST">
171
<div class="modal-body">
172
<!--Body-->
173
<div class="md-form md-form1 mb-5">
174
<i class="fas fa-user prefix white-text"></i>
175
<input type="text" name="name" id="orangeForm-name" class="form-control validate white-text">
176
<label for="orangeForm-name">Ime in Priimek</label>
177
</div>
178
179
<div class="md-form md-form1 pb-3">
180
<i class="fas fa-envelope prefix white-text"></i>
181
<input type="email" name="email" id="orangeForm-email" class="form-control validate white-text">
182
<label for="orangeForm-email">Your email</label>
183
</div>
184
<div class="form-group mt-4">
185
<input class="form-check-input" type="checkbox" id="checkbox624">
186
<label for="checkbox624" class="white-text form-check-label">Strinjam se <strong>s splošnimi pogoji
187
</strong>poslovanja centra Holos in politiko varovanja osebnih podatkov!</label>
188
</div>
189
</div>
190
<div class="g-recaptcha mb-5 mt-3" data-sitekey="6LesYV8UAAAAAFemD2towAKqCciQfNSTwsq9wcvY">
191
</div>
192
<!--Grid row-->
193
<div class="row d-flex align-items-center mb-4">
194
195
<!--Grid column-->
196
<div class="text-center mb-3 col-md-12">
197
<button type="submit" class="btn btn-primary btn-block btn-rounded z-depth-1">Želim prenesti</button>
198
</div>
199
<!--Grid column-->
200
201
</div>
202
<!--Grid row-->
203
</form>
204
</div>
205
</div>
206
</div>
207
<!--/.Content-->
208
</div>
209
xxxxxxxxxx
1
.navbar-toggler:focus, .navbar-toggler:active {
2
outline: 0; }
3
4
.navbar-toggler span {
5
display: block;
6
background-color: #c2d2e0;
7
height: .25rem;
8
border-radius: .25rem;
9
width: 25px;
10
margin-top: 4px;
11
margin-bottom: 4px;
12
-webkit-transform: rotate(0deg);
13
-moz-transform: rotate(0deg);
14
-ms-transform: rotate(0deg);
15
-o-transform: rotate(0deg);
16
transform: rotate(0deg);
17
position: relative;
18
right: 0;
19
opacity: 1; }
20
21
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
22
-webkit-transition: transform 0.35s ease-in-out;
23
-moz-transition: transform 0.35s ease-in-out;
24
-o-transition: transform 0.35s ease-in-out;
25
transition: transform 0.35s ease-in-out; }
26
27
.navbar-toggler:not(.collapsed) span:nth-child(1) {
28
position: absolute;
29
right: 32px;
30
top: 20px;
31
-webkit-transform: rotate(135deg);
32
-moz-transform: rotate(135deg);
33
-ms-transform: rotate(0deg);
34
-o-transform: rotate(135deg);
35
transform: rotate(135deg);
36
opacity: 0.9; }
37
38
.navbar-toggler:not(.collapsed) span:nth-child(2) {
39
height: 12px;
40
visibility: hidden;
41
background-color: transparent; }
42
43
.navbar-toggler:not(.collapsed) span:nth-child(3) {
44
position: absolute;
45
right: 32px;
46
top: 20px;
47
-webkit-transform: rotate(-135deg);
48
-moz-transform: rotate(-135deg);
49
-ms-transform: rotate(0deg);
50
-o-transform: rotate(-135deg);
51
transform: rotate(-135deg);
52
opacity: 0.9; }
53
54
.row1 {
55
background-color: #326796;
56
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
57
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
58
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
59
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
60
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
61
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);
62
border-bottom: 1px solid #76ABD9; }
63
64
.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
65
background-color: rgba(57,119,172,0);
66
}
67
68
.navbar {
69
background-color: #3977ac;
70
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
71
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
72
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #3977ac));
73
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
74
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
75
background: radial-gradient(ellipse at center, #3f81bc 0%, #3977ac 100%);
76
border-bottom: 1px solid #76ABD9; }
77
}
78
79
.navbar-text {
80
color: #c2d2e0; }
81
.navbar-text a {
82
color: #ffffff; }
83
.navbar-text a:hover, .navbar-text a:focus {
84
color: #c2d2e0; }
85
86
.navbar-nav .nav-link {
87
color: #c2d2e0;
88
border-radius: 0.25rem;
89
margin: 0 0.25em; }
90
91
.navbar-nav .nav-link:not(.disabled):hover, .navbar-nav .nav-link:not(.disabled):focus {
92
color: #ffffff; }
93
94
.navbar .navbar-nav .dropdown-menu {
95
background-color: #3977ac;
96
border-color: #76ABD9;
97
}
98
.navbar .navbar-nav .dropdown-menu .dropdown-item {
99
color: #c2d2e0;
100
}
101
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
102
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
103
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
104
color: #ffffff;
105
background-color: #3977ac;
106
}
107
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
108
border-top-color: #c2d2e0;
109
}
110
.navbar .navbar-nav .nav-item.active .nav-link,
111
.navbar .navbar-nav .nav-item.active .nav-link:hover,
112
.navbar .navbar-nav .nav-item.active .nav-link:focus,
113
.navbar .navbar-nav .nav-item.show .nav-link,
114
.navbar .navbar-nav .nav-item.show .nav-link:hover,
115
.navbar .navbar-nav .nav-item.show .nav-link:focus {
116
color: #ffffff;
117
}
118
.navbar .navbar-toggle {
119
border-color: #3977ac;
120
}
121
.navbar .navbar-toggle:hover,
122
.navbar .navbar-toggle:focus {
123
background-color: #3977ac;
124
}
125
.navbar .navbar-toggle .navbar-toggler-icon {
126
color: #c2d2e0;
127
}
128
.navbar .navbar-collapse,
129
.navbar .navbar-form {
130
border-color: #c2d2e0;
131
}
132
.navbar .navbar-link {
133
color: #c2d2e0;
134
}
135
.navbar .navbar-link:hover {
136
color: #ffffff;
137
}
138
139
@media (max-width: 575px) {
140
.navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
141
color: #c2d2e0;
142
}
143
.navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
144
.navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
145
color: #ffffff;
146
}
147
.navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
148
color: #ffffff;
149
background-color: #3977ac;
150
}
151
}
152
153
@media (max-width: 767px) {
154
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
155
color: #c2d2e0;
156
}
157
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
158
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
159
color: #ffffff;
160
}
161
.navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
162
color: #ffffff;
163
background-color: #3977ac;
164
}
165
}
166
167
@media (max-width: 991px) {
168
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
169
color: #c2d2e0;
170
}
171
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
172
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
173
color: #ffffff;
174
}
175
.navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
176
color: #ffffff;
177
background-color: #3977ac;
178
}
179
}
180
181
@media (max-width: 1199px) {
182
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
183
color: #c2d2e0;
184
}
185
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
186
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
187
color: #ffffff;
188
}
189
.navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
190
color: #ffffff;
191
background-color: #3977ac;
192
}
193
}
194
195
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
196
color: #c2d2e0;
197
}
198
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
199
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
200
color: #ffffff;
201
}
202
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
203
color: #ffffff;
204
background-color: #3977ac;
205
}
206
.navbar-nav .dropdown-divider {
207
border-top-color: #c2d2e0; }
208
209
.header-bord.t {
210
border-bottom: thin solid #76ABD9; }
211
212
.subscribe-line {
213
background-color: #6397E1; }
214
215
.navbar-toggle {
216
border-color: #428bca; }
217
218
.navbar-toggle:hover, .navbar-toggle:focus {
219
background-color: #428bca; }
220
221
.navbar-toggle .navbar-toggler-icon {
222
color: #c2d2e0; }
223
224
.dropdown-toggle[aria-expanded="true"]:after {
225
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
226
-webkit-transform: rotate(180deg);
227
-moz-transform: rotate(180deg);
228
-o-transform: rotate(180deg);
229
-ms-transform: rotate(180deg);
230
transform: rotate(180deg); }
231
232
/*for the animation*/
233
.dropdown-toggle:after {
234
-webkit-transition: 0.5s;
235
-moz-transition: 0.5s;
236
-o-transition: 0.5s;
237
-ms-transition: 0.5s;
238
transition: 0.5s; }
239
240
.two {
241
background-color: #326796;
242
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
243
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
244
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
245
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
246
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
247
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);
248
position: relative;
249
z-index: 10;
250
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
251
margin-bottom: -10vw;
252
}
253
254
.row1 {
255
background-color: #326796;
256
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
257
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
258
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
259
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
260
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
261
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);
262
border-bottom: 1px solid #76ABD9; }
263
264
.row7 {
265
background-color: #3f81bc;
266
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
267
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
268
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
269
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
270
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
271
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%); }
272
273
.row8 {
274
background-color: #3f81bc;
275
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
276
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
277
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
278
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
279
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
280
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);
281
border-bottom: thin solid #76ABD9;
282
border-top: thin solid #76ABD9;
283
padding-top: 1rem;
284
padding-bottom: 1rem; }
285
286
.row9 {
287
background-color: #3977ac;
288
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
289
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
290
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #3977ac));
291
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
292
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #3977ac 100%);
293
background: radial-gradient(ellipse at center, #3f81bc 0%, #3977ac 100%);}
294
295
.navbar-dark .navbar-toggler {
296
border: 0px black solid; }
297
298
.header-bord.t {
299
border-bottom: thin solid #76ABD9; }
300
301
.logo-container, .call-to-action-container {
302
margin-left: auto;
303
margin-right: auto; }
304
305
#return-to-top {
306
position: fixed;
307
bottom: 20px;
308
right: 20px;
309
background: black;
310
background: rgba(0, 0, 0, 0.7);
311
width: 50px;
312
height: 50px;
313
display: none;
314
z-index: 99;
315
cursor: pointer;
316
text-decoration: none;
317
-webkit-border-radius: 35px;
318
-moz-border-radius: 35px;
319
border-radius: 35px;
320
-webkit-transition: all 0.3s linear;
321
-moz-transition: all 0.3s ease;
322
-ms-transition: all 0.3s ease;
323
-o-transition: all 0.3s ease;
324
transition: all 0.3s ease; }
325
326
#return-to-top i {
327
color: #fff;
328
margin: 0;
329
position: relative;
330
left: 16px;
331
top: 13px;
332
font-size: 19px;
333
-webkit-transition: all 0.3s ease;
334
-moz-transition: all 0.3s ease;
335
-ms-transition: all 0.3s ease;
336
-o-transition: all 0.3s ease;
337
transition: all 0.3s ease; }
338
339
#return-to-top:hover {
340
background: rgba(0, 0, 0, 0.9); }
341
342
#return-to-top:hover i {
343
color: #fff;
344
top: 5px; }
345
346
.sticky-top {
347
padding-top: 0.3rem;
348
padding-bottom: 0.3rem;
349
-webkit-transition: all 0.25s ease-in;
350
-moz-transition: all 0.25s ease-in;
351
-ms-transition: all 0.25s ease-in;
352
-o-transition: all 0.25s ease-in;
353
transition: all 0.25s ease-in; }
354
355
/* style for when sitcky is applied */
356
.stuck .sticky-top {
357
padding-top: 0;
358
padding-bottom: 0;
359
-webkit-transition: padding 0.2s linear;
360
-moz-transition: padding 0.2s linear;
361
-ms-transition: padding 0.2s linear;
362
-o-transition: padding 0.2s linear;
363
transition: padding 0.2s linear;
364
z-index: 1000;
365
top: 0; }
366
367
#checkbox101:checked + label:after {
368
border-color: #4285F4;
369
background-color: #4285F4; }
370
371
.dropdown-toggle[aria-expanded="true"]:after {
372
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
373
-webkit-transform: rotate(180deg);
374
-moz-transform: rotate(180deg);
375
-o-transform: rotate(180deg);
376
-ms-transform: rotate(180deg);
377
transform: rotate(180deg); }
378
379
/*for the animation*/
380
.dropdown-toggle:after {
381
-webkit-transition: 0.5s;
382
-moz-transition: 0.5s;
383
-o-transition: 0.5s;
384
-ms-transition: 0.5s;
385
transition: 0.5s; }
386
387
.logo {
388
width: 155px;
389
height: 115px; }
390
391
.call-to-action {
392
width: 150px;
393
height: 130px; }
394
@font-face {
395
font-family: "Roboto";
396
src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot");
397
src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
398
font-weight: 200; }
399
400
@font-face {
401
font-family: "Roboto";
402
src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot");
403
src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
404
font-weight: 300; }
405
406
@font-face {
407
font-family: "Roboto";
408
src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot");
409
src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
410
font-weight: 400; }
411
412
@font-face {
413
font-family: "Roboto";
414
src: url("../font/roboto/Roboto-Medium.eot");
415
src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
416
font-weight: 500; }
417
418
@font-face {
419
font-family: "Roboto";
420
src: url("../font/roboto/Roboto-Bold.eot");
421
src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
422
font-weight: 700; }
423
424
body {
425
font-family: "Roboto", sans-serif;
426
font-weight: 300; }
427
428
.my-jumbotron {
429
background-image: url(../img/Hero-image.jpg);
430
background-repeat: no-repeat;
431
background-size: cover;
432
-webkit-background-size: cover;
433
-moz-background-size: cover;
434
-o-background-size: cover;
435
background-position: center center;
436
height: 600px; }
437
438
.h6-1-responsive {
439
font-family: 'Varela Round', sans-serif;
440
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
441
font-size: 200%;
442
line-height: 100%; }
443
444
@media (min-width: 576px) {
445
.h6-1-responsive {
446
font-size: 230%;
447
line-height: 100%; } }
448
@media (min-width: 768px) {
449
.h6-1-responsive {
450
font-size: 280%;
451
line-height: 110%; } }
452
@media (min-width: 992px) {
453
.h6-1-responsive {
454
font-size: 280%;
455
line-height: 140%; } }
456
@media (min-width: 1200px) {
457
.h6-1-responsive {
458
font-size: 330%;
459
line-height: 165%; } }
460
@media (max-width: 575px) {
461
.h6-1-responsive {
462
padding-top: 5%; } }
463
464
.p-1-responsive {
465
font-family: 'Varela Round', sans-serif;
466
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
467
font-size: 110%;
468
line-height: 110%;
469
margin-top: 32%; }
470
471
@media (min-width: 576px) {
472
.p-1-responsive {
473
font-size: 130%;
474
line-height: 130%; } }
475
@media (min-width: 768px) {
476
.p-1-responsive {
477
font-size: 140%;
478
line-height: 140%; } }
479
@media (min-width: 992px) {
480
.p-1-responsive {
481
font-size: 145%;
482
line-height: 120%; } }
483
@media (min-width: 1200px) {
484
.p-1-responsive {
485
font-size: 150%;
486
line-height: 80%; } }
487
@media (max-width: 575px) {
488
.p-1-responsive {
489
line-height: 120%; } }
490
.h6-responsive {
491
font-family: "Marck Script", cursive;
492
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
493
font-size: 200%;
494
line-height: 100%; }
495
496
@media (min-width: 576px) {
497
.h6-responsive {
498
font-size: 230%;
499
line-height: 100%; } }
500
@media (min-width: 768px) {
501
.h6-responsive {
502
font-size: 280%;
503
line-height: 110%; } }
504
@media (min-width: 992px) {
505
.h6-responsive {
506
font-size: 280%;
507
line-height: 140%; } }
508
@media (min-width: 1200px) {
509
.h6-responsive {
510
font-size: 330%;
511
line-height: 165%; } }
512
@media (max-width: 575px) {
513
.h6-responsive {
514
padding-top: 5%; } }
515
.p-responsive {
516
font-family: "Marck Script", cursive;
517
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
518
font-size: 100%;
519
line-height: 100%;
520
margin-top: 32%; }
521
522
@media (min-width: 576px) {
523
.p-responsive {
524
font-size: 120%;
525
line-height: 120%; } }
526
@media (min-width: 768px) {
527
.p-responsive {
528
font-size: 130%;
529
line-height: 130%; } }
530
@media (min-width: 992px) {
531
.p-responsive {
532
font-size: 135%;
533
line-height: 110%; } }
534
@media (min-width: 1200px) {
535
.p-responsive {
536
font-size: 140%;
537
line-height: 70%; } }
538
@media (max-width: 575px) {
539
.p-responsive {
540
line-height: 120%; } }
541
.footer-link {
542
color: white; }
543
.logo-container, .call-to-action-container {
544
margin-left: auto;
545
margin-right: auto; }
546
547
.h6-responsive {
548
-webkit-animation-name: zoomIn;
549
-moz-animation-name: zoomIn;
550
-o-animation-name: zoomIn;
551
-ms-animation-name: zoomIn;
552
animation-name: zoomIn;
553
animation-duration: 0.5s;
554
animation-delay: 0.5s;
555
animation-iteration-count: 1; }
556
557
.p-responsive {
558
-webkit-animation-name: zoomIn;
559
-moz-animation-name: zoomIn;
560
-o-animation-name: zoomIn;
561
-ms-animation-name: zoomIn;
562
animation-name: zoomIn;
563
animation-duration: 0.5s;
564
animation-delay: 1s;
565
animation-iteration-count: 1; }
566
567
h1, h2, h3, h4 {
568
color: #428BCA!important; }
569
570
h5 {
571
color: #FFFFFF; }
572
573
h6 {
574
color: #428BCA; }
575
576
.img-fluid-a {
577
width: 170px;
578
height: auto;
579
}
580
581
h6 {
582
color: #428BCA; }
583
584
@media (max-width: 768px) {
585
.col-b1 {
586
border-top: thin solid #76ABD9;
587
margin-left: 2em;
588
margin-right: 2em; } }
589
590
.my-divider {
591
background-color: #C2D2E0; }
592
593
.my-f-row-p {
594
color: #428BCA; }
595
596
.logo-container, .call-to-action-container {
597
margin-left: auto;
598
margin-right: auto; }
599
600
.h6-responsive {
601
-webkit-animation-name: zoomIn;
602
-moz-animation-name: zoomIn;
603
-o-animation-name: zoomIn;
604
-ms-animation-name: zoomIn;
605
animation-name: zoomIn;
606
animation-duration: 0.5s;
607
animation-delay: 0.5s;
608
animation-iteration-count: 1; }
609
610
.p-responsive {
611
-webkit-animation-name: zoomIn;
612
-moz-animation-name: zoomIn;
613
-o-animation-name: zoomIn;
614
-ms-animation-name: zoomIn;
615
animation-name: zoomIn;
616
animation-duration: 0.5s;
617
animation-delay: 1s;
618
animation-iteration-count: 1; }
619
620
#return-to-top {
621
position: fixed;
622
bottom: 20px;
623
right: 20px;
624
background: black;
625
background: rgba(0, 0, 0, 0.7);
626
width: 50px;
627
height: 50px;
628
display: none;
629
z-index: 99;
630
cursor: pointer;
631
text-decoration: none;
632
-webkit-border-radius: 35px;
633
-moz-border-radius: 35px;
634
border-radius: 35px;
635
-webkit-transition: all 0.3s linear;
636
-moz-transition: all 0.3s ease;
637
-ms-transition: all 0.3s ease;
638
-o-transition: all 0.3s ease;
639
transition: all 0.3s ease; }
640
641
#return-to-top i {
642
color: #fff;
643
margin: 0;
644
position: relative;
645
left: 16px;
646
top: 13px;
647
font-size: 19px;
648
-webkit-transition: all 0.3s ease;
649
-moz-transition: all 0.3s ease;
650
-ms-transition: all 0.3s ease;
651
-o-transition: all 0.3s ease;
652
transition: all 0.3s ease; }
653
654
#return-to-top:hover {
655
background: rgba(0, 0, 0, 0.9); }
656
657
#return-to-top:hover i {
658
color: #fff;
659
top: 5px; }
660
661
.fa-pencil::before {
662
content: "\f040"; }
663
664
.my-fa-user-icon {
665
color: #bdbdbd; }
666
667
.my-fa-envelope-icon {
668
color: #bdbdbd; }
669
670
.my-fa-phone-icon {
671
color: #bdbdbd; }
672
673
.my-fa-edit-icon {
674
color: #bdbdbd; }
675
676
.required label {
677
font-weight: bold; }
678
679
.my-card, .card-header, .card-body {
680
border: none!important;
681
background-color: transparent!important;
682
}
683
684
.my-jumbotron-1 {
685
background-color: #d9d9d9 !important; }
686
687
p {
688
color: #404040;
689
}
690
691
.my-ul {
692
color: #404040; }
693
694
.my-divider-1 {
695
height: 0.1px;
696
background: #c2d2e0; }
697
698
.my-hr-1 {
699
width: 60%; }
700
701
.sticky-top {
702
padding-top: 0.3rem;
703
padding-bottom: 0.3rem;
704
-webkit-transition: all 0.25s ease-in;
705
-moz-transition: all 0.25s ease-in;
706
-ms-transition: all 0.25s ease-in;
707
-o-transition: all 0.25s ease-in;
708
transition: all 0.25s ease-in; }
709
710
/* style for when sitcky is applied */
711
.stuck .sticky-top {
712
padding-top: 0;
713
padding-bottom: 0;
714
-webkit-transition: padding 0.2s linear;
715
-moz-transition: padding 0.2s linear;
716
-ms-transition: padding 0.2s linear;
717
-o-transition: padding 0.2s linear;
718
transition: padding 0.2s linear;
719
z-index: 1000;
720
top: 0; }
721
722
#checkbox101:checked + label:after {
723
border-color: #4285F4;
724
background-color: #4285F4; }
725
726
@media screen and (max-width: 991px) {
727
.img-fluid {
728
width: 100%;
729
height: auto; } }
730
731
.my-img-fluid {
732
width: 500px;
733
height: auto; }
734
735
@media screen and (max-width: 991px) {
736
.my-img-fluid {
737
width: 100%;
738
height: auto; } }
739
740
@media screen and (max-width: 991px) {
741
.my-img-fluid {
742
padding-left: 0 !important;
743
padding-right: 0 !important;} }
744
745
.my-img-fluid-1 {
746
width: 400px;
747
height: auto; }
748
749
.logo {
750
width: 155px;
751
height: 115px; }
752
753
.call-to-action {
754
width: 150px;
755
height: 130px; }
756
757
.fb-icon {
758
width: 50px;
759
height: 50px; }
760
761
.g-plus-icon {
762
width: 50px;
763
height: 50px; }
764
765
.tw-icon {
766
width: 50px;
767
height: 50px; }
768
769
.h6-responsive {
770
font-family: "Marck Script", cursive;
771
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
772
font-size: 200%;
773
line-height: 100%; }
774
775
@media (min-width: 576px) {
776
.h6-responsive {
777
font-size: 230%;
778
line-height: 100%; } }
779
@media (min-width: 768px) {
780
.h6-responsive {
781
font-size: 280%;
782
line-height: 110%; } }
783
@media (min-width: 992px) {
784
.h6-responsive {
785
font-size: 280%;
786
line-height: 140%; } }
787
@media (min-width: 1200px) {
788
.h6-responsive {
789
font-size: 330%;
790
line-height: 165%; } }
791
@media (max-width: 575px) {
792
.h6-responsive {
793
padding-top: 5%; } }
794
.p-responsive {
795
font-family: "Marck Script", cursive;
796
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
797
font-size: 100%;
798
line-height: 100%;
799
margin-top: 32%; }
800
801
@media (min-width: 576px) {
802
.p-responsive {
803
font-size: 120%;
804
line-height: 120%; } }
805
@media (min-width: 768px) {
806
.p-responsive {
807
font-size: 130%;
808
line-height: 130%; } }
809
@media (min-width: 992px) {
810
.p-responsive {
811
font-size: 135%;
812
line-height: 110%; } }
813
@media (min-width: 1200px) {
814
.p-responsive {
815
font-size: 140%;
816
line-height: 70%; } }
817
@media (max-width: 575px) {
818
.p-responsive {
819
line-height: 120%; } }
820
.footer-link {
821
color: white; }
822
823
.footer-link:hover {
824
color: #cccccc;
825
transition: 0.01s; }
826
827
.card-content {
828
padding: 10px;
829
padding-top: 5px;
830
padding-right: 10px;
831
padding-bottom: 5px;
832
padding-left: 10px; }
833
834
@media (max-width: 767px) {
835
.card-content {
836
padding-bottom: 15px; } }
837
.ch-icon {
838
width: 70px;
839
height: 70px; }
840
841
.my-hiper-link-1 {
842
color: #cccccc; }
843
844
.my-hiper-link-1:hover {
845
color: #a6a6a6; }
846
847
.my-btn-2 {
848
background-color: #007bff; }
849
850
.my-btn-2:hover {
851
background-color: #1a88ff !important;
852
color: #e6e6e6 !important; }
853
854
.my-hiper-link-2 {
855
color: white;
856
}
857
858
.my-hiper-link-2:hover {
859
color: #C4C4C4;
860
}
861
862
.dropdown-toggle[aria-expanded="true"]:after {
863
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
864
-webkit-transform: rotate(180deg);
865
-moz-transform: rotate(180deg);
866
-o-transform: rotate(180deg);
867
-ms-transform: rotate(180deg);
868
transform: rotate(180deg); }
869
870
/*for the animation*/
871
.dropdown-toggle:after {
872
-webkit-transition: 0.5s;
873
-moz-transition: 0.5s;
874
-o-transition: 0.5s;
875
-ms-transition: 0.5s;
876
transition: 0.5s; }
877
878
.my-icon {
879
width: 250px;
880
height: 250px;
881
}
882
.google-maps {
883
width:100%;
884
height:220px;
885
border: 0;
886
}
887
.my-divider-1 {
888
color:white;
889
}
890
891
@media screen and (max-device-width : 768px) {
892
.google-maps {
893
margin: auto!important;
894
}
895
}
896
897
.img-fluid-2 {
898
width: 100%;
899
height: auto;
900
}
901
902
.h6-1-responsive {
903
font-family: 'Varela Round', sans-serif;
904
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
905
font-size: 200%;
906
line-height: 100%; }
907
908
@media (min-width: 576px) {
909
.h6-1-responsive {
910
font-size: 230%;
911
line-height: 100%; } }
912
@media (min-width: 768px) {
913
.h6-1-responsive {
914
font-size: 280%;
915
line-height: 110%; } }
916
@media (min-width: 992px) {
917
.h6-1-responsive {
918
font-size: 280%;
919
line-height: 140%; } }
920
@media (min-width: 1200px) {
921
.h6-1-responsive {
922
font-size: 330%;
923
line-height: 165%; } }
924
@media (max-width: 575px) {
925
.h6-1-responsive {
926
padding-top: 5%; } }
927
928
.p-1-responsive {
929
font-family: 'Varela Round', sans-serif;
930
text-shadow: black 0px 1px 1px, black 0px -1px 1px, black 1px 0px 1px, black -1px 0px 1px;
931
font-size: 110%;
932
line-height: 110%;
933
margin-top: 32%; }
934
935
@media (min-width: 576px) {
936
.p-1-responsive {
937
font-size: 130%;
938
line-height: 130%; } }
939
@media (min-width: 768px) {
940
.p-1-responsive {
941
font-size: 140%;
942
line-height: 140%; } }
943
@media (min-width: 992px) {
944
.p-1-responsive {
945
font-size: 145%;
946
line-height: 120%; } }
947
@media (min-width: 1200px) {
948
.p-1-responsive {
949
font-size: 150%;
950
line-height: 80%; } }
951
@media (max-width: 575px) {
952
.p-1-responsive {
953
line-height: 120%; } }
954
955
section1 {
956
padding: 30vh 0;
957
}
958
959
.two {
960
background: #FF6B6C;
961
position: relative;
962
z-index: 10;
963
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
964
margin-bottom: -10vw;
965
}
966
967
.three {
968
background: #ffghtk;
969
}
970
971
.switch label input[type="checkbox"]:checked + .lever {
972
background-color: #99caff;
973
}
974
.switch label input[type="checkbox"]:checked + .lever::after {
975
background-color: #007bff;
976
}
977
978
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
979
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 123, 255, 0.1);
980
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 123, 255, 0.1); }
981
.switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after {
982
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
983
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
984
985
.wrapper {
986
background-image: linear-gradient(to right, #054f7d, #00a7cf, #efe348, #861a54, #054f7d);
987
background-size: 600%;
988
background-position: 0 0;
989
/* Animation */
990
animation-duration: 20s;
991
animation-iteration-count: infinite;
992
animation-name: gradients;
993
}
994
@keyframes gradients {
995
0% {
996
background-position: 0 0;
997
}
998
25% {
999
background-position: 50% 0;
1000
}
1001
50% {
1002
background-position: 90% 0;
1003
}
1004
60% {
1005
background-position: 60%;
1006
}
1007
75% {
1008
background-position: 40%;
1009
}
1010
100% {
1011
background-position: 0 0;
1012
}
1013
}
1014
1015
.wrapper1 {
1016
background-image: linear-gradient(to right, #861a54, #054f7d, #efe348, #00a7cf, #054f7d);
1017
background-size: 600%;
1018
background-position: 0 0;
1019
/* Animation */
1020
animation-duration: 20s;
1021
animation-iteration-count: infinite;
1022
animation-name: gradients;
1023
}
1024
@keyframes gradients {
1025
0% {
1026
background-position: 0 0;
1027
}
1028
25% {
1029
background-position: 50% 0;
1030
}
1031
50% {
1032
background-position: 90% 0;
1033
}
1034
60% {
1035
background-position: 60%;
1036
}
1037
75% {
1038
background-position: 40%;
1039
}
1040
100% {
1041
background-position: 0 0;
1042
}
1043
}
1044
1045
.md-form1 .prefix ~ label {
1046
color: #ffffff;
1047
}
1048
1049
xxxxxxxxxx
1
$(document).ready(function ($) {
2
function show_modal() {
3
$('#darkModalForm').modal();
4
}
5
window.setTimeout(show_modal, 1000); // your 5 seconds delay before it calls the modal function
6
});
Console errors: 0