xxxxxxxxxx1
<!--Main Navigation-->2
<header>3
<!-- Navbar-->4
<nav class="navbar navbar-expand-lg fixed-top navbar-scroll mask-custom">5
<!-- Container wrapper -->6
<div class="container-fluid">7
<a class="navbar-brand" href="#!"><img src="https://i.ibb.co/jHcC2WD/Untitled-1.png" alt="Dru-tvo-Henosis-logo" id="logo"></a>8
<!-- Toggle button -->9
<div class="navbar-toggler hamburger ms-auto py-0" role="button" aria-expanded="false"10
aria-label="Toggle navigation">11
<svg class="hamburger-icon" data-mdb-toggle="collapse" data-mdb-target="#navbarCenteredExample" id="icon"12
viewbox="0 0 800 600">13
<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path>14
<path d="M300,320 L540,320" id="middle"></path>15
<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom"16
transform="translate(480, 320) scale(1, -1) translate(-480, -318)"></path>17
</svg>18
</div>19
<div class="dropdown-divider my-divider-1 d-lg-none"></div>20
<!-- Collapsible wrapper -->21
<div class="collapse navbar-collapse justify-content-center" id="navbarCenteredExample">22
<!-- Left links -->23
<ul class="navbar-nav mb-2 mb-lg-0">24
<li class="nav-item">25
<a class="nav-link active" aria-current="page" href="index">26
Domov</a>27
<div class="dropdown-divider my-divider-1 d-lg-none"></div>28
</li>29
<!-- Dropdown -->30
<li class="nav-item dropdown">31
<a class="nav-link dropdown-toggle" href="#" data-mdb-toggle="dropdown" data-mdb-auto-close="outside"32
data-mdb-dropdown-animation="off" id="navbarDropdownMenuLink1">Regresoterapija</a>33
<div class="dropdown-divider my-divider-1 d-lg-none"></div>34
<ul class="dropdown-menu shadow">35
<li class="dropend">36
<a href="#" class="dropdown-item mt-2 dropdown-toggle" data-mdb-toggle="dropdown"37
data-mdb-auto-close="outside" data-mdb-dropdown-animation="off">Regresija</a>38
<ul class="dropdown-menu shadow">39
<li>40
<a class="dropdown-item mt-2" href="regresija">Regresija</a>41
</li>42
43
<li class="dropdown-divider my-divider-1"></li>44
<li>45
<a class="dropdown-item mb-2" href="kako-poteka-regresija">Kako poteka regresija</a>46
</li>47
</ul>48
</li>49
<li class="dropdown-divider my-divider-1"></li>50
<!-- ./Dropdown -->51
<!-- Dropdown -->52
<li class="dropend">53
<a href="#" class="dropdown-item dropdown-toggle" data-mdb-toggle="dropdown"54
data-mdb-auto-close="outside" data-mdb-dropdown-animation="off">Regresija v prejšnja življenja</a>55
<ul class="dropdown-menu shadow">56
<li>57
<a class="dropdown-item mt-2" href="regresija-v-prejsnja-zivljenja">Regresija v prejšnja58
življenja</a>59
</li>60
<li class="dropdown-divider my-divider-1"></li>61
<li>62
<a class="dropdown-item" href="ali-so-prejsnja-zivljenja-resnicna">Ali so prejšnja življenja63
resnična</a>64
</li>65
<li class="dropdown-divider my-divider-1"></li>66
<li>67
<a class="dropdown-item mb-2" href="kaksen-ucinek-ima-lahko-taka-seansa">Kakšen učinek ima lahko68
taka seansa</a>69
</li>70
</ul>71
</li>72
<li class="dropdown-divider my-divider-1"></li>73
<li>74
<a class="dropdown-item" href="regresija-sedanjega-zivljenja">Regresija sedanjega življenja</a>75
</li>76
<li class="dropdown-divider my-divider-1"></li>77
<li>78
<a class="dropdown-item mb-2" href="zivljenje-med-zivljenji">Regresija v življenje med življenji</a>79
</li>80
</ul>81
</li>82
<!-- ./Dropdown -->83
<li class="nav-item">84
<a class="nav-link" href="progresija">Progresija</a>85
<div class="dropdown-divider my-divider-1 d-lg-none"></div>86
</li>87
<!-- Dropdown -->88
<li class="nav-item dropdown">89
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink2" role="button"90
data-mdb-toggle="dropdown" aria-expanded="false">91
Hipnoterapija92
</a>93
<div class="dropdown-divider my-divider-1 d-lg-none"></div>94
<ul class="dropdown-menu shadow">95
<li>96
<a class="dropdown-item mt-2" href="hipnoza">Hipnoza</a>97
</li>98
<li class="dropdown-divider my-divider-1"></li>99
<li>100
<a class="dropdown-item" href="fobije">Fobije</a>101
</li>102
<li class="dropdown-divider my-divider-1"></li>103
<li>104
<a class="dropdown-item" href="kajenje">Kajenje</a>105
</li>106
<li class="dropdown-divider my-divider-1"></li>107
<li>108
<a class="dropdown-item" href="reprogramiranje-caker">Reprogramiranje čaker</a>109
</li>110
<li class="dropdown-divider my-divider-1"></li>111
<li>112
<a class="dropdown-item mb-2" href="telesna-teza">Telesna teža</a>113
</li>114
</ul>115
</li>116
<!-- ./Dropdown -->117
<!-- Dropdown -->118
<li class="nav-item dropdown">119
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-mdb-toggle="dropdown"120
aria-expanded="false">121
Ujete duše122
</a>123
<div class="dropdown-divider my-divider-1 d-lg-none"></div>124
<ul class="dropdown-menu shadow">125
<li>126
<a class="dropdown-item mt-2" href="ujete-duse">Ujete duše</a>127
</li>128
<li class="dropdown-divider my-divider-1"></li>129
<li>130
<a class="dropdown-item mb-2" href="kako-je-mogoce-odstraniti-ujete-duse">Odstranjevanje ujetih duš</a>131
</li>132
</ul>133
</li>134
<li class="nav-item">135
<a class="nav-link" href="mnenja-in-vtisi">Mnenja in vtisi</a>136
<div class="dropdown-divider my-divider-1 d-lg-none"></div>137
</li>138
<!-- Dropdown -->139
<li class="nav-item dropdown">140
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink4" role="button"141
data-mdb-toggle="dropdown" aria-expanded="false">142
O meni143
</a>144
<div class="dropdown-divider my-divider-1 d-lg-none"></div>145
<ul class="dropdown-menu shadow">146
<li>147
<a class="dropdown-item mt-2" href="o-meni">O meni</a>148
</li>149
<li class="dropdown-divider my-divider-1"></li>150
<li>151
<a class="dropdown-item" href="kontakt">Kontakt</a>152
</li>153
<li class="dropdown-divider my-divider-1"></li>154
<li>155
<a class="dropdown-item mb-2" href="mediji">Mediji</a>156
</li>157
</ul>158
</li>159
<!-- ./Dropdown -->160
<li class="nav-item">161
<a class="nav-link" href="delavnice">Dogodki</a>162
<div class="dropdown-divider my-divider-1 d-lg-none"></div>163
</li>164
<li class="nav-item">165
<a class="nav-link" href="blog">Blog</a>166
<div class="dropdown-divider my-divider-1 d-lg-none"></div>167
</li>168
</ul>169
<!-- Left links -->170
</div>171
<!-- Collapsible wrapper -->172
</div>173
<!-- Container wrapper -->174
</nav>175
<!-- ./Navbar -->176
177
</header>178
<main>179
<!-- Section-1 -->180
<section class="mb-3">181
<div class="page-header min-vh-100">182
<span class="mask bg-gradient-info opacity-80"></span>183
<div class="container">184
<div class="row">185
<div class="col-lg-10 ls-1 lh-1 my-auto mx-auto">186
<!-- Heading -->187
<h3 class="display-1 text-white mb-4 text-center my-display-4 my-h3">188
<span class="font-weight-bold" data-mdb-toggle="animation" data-mdb-animation="zoom-in"189
data-mdb-animation-start="onLoad" data-mdb-animation-delay="300"190
data-mdb-animation-duration="1000">Odkrij,</span>191
<span class="font-weight-bold" data-mdb-toggle="animation" data-mdb-animation="zoom-in"192
data-mdb-animation-start="onLoad" data-mdb-animation-delay="800"193
data-mdb-animation-duration="1000">razišči,</span>194
<span class="font-weight-bold" data-mdb-toggle="animation" data-mdb-animation="zoom-in"195
data-mdb-animation-start="onLoad" data-mdb-animation-delay="1300"196
data-mdb-animation-duration="1000">razreši!</span>197
</h3>198
<!-- Divider -->199
<hr class="text-white" />200
<p class="fs-5 lead mb-4 fw-normal lh-sm text-white opacity-90 text-center my-display-4">201
<span data-mdb-toggle="animation" data-mdb-animation="fade-in" data-mdb-animation-start="onLoad"202
data-mdb-animation-delay="1500" data-mdb-animation-duration="1000">Regresija in hipnoza ti lahko203
pomagata da se podaš na potovanje skozi najglobje dele tvoje podzavesti, kjer odkriješ in raziščeš204
vzroke, razumeš in razrešiš karmične vzorce, dokončaš stare nedokončane stvari, razumeš trenutne205
odnose in odpraviš stare omejitve in zaživiš svobodno in polno življenje v tukaj in zdaj!</span>206
</p>207
</div>208
</div>209
</div>210
<div class="position-absolute w-100 z-index-1 bottom-0">211
<svg212
class="waves"213
xmlns="http://www.w3.org/2000/svg"214
xmlns:xlink="http://www.w3.org/1999/xlink"215
viewbox="0 24 150 40"216
preserveaspectratio="none"217
shape-rendering="auto"218
>219
<defs>220
<path221
id="gentle-wave"222
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"223
></path>224
</defs>225
<g class="simple-waves">226
<use227
xlink:href="#gentle-wave"228
x="48"229
y="-1"230
fill="rgba(255,255,255,0.40"231
></use>232
<use233
xlink:href="#gentle-wave"234
x="48"235
y="3"236
fill="rgba(255,255,255,0.35)"237
></use>238
<use239
xlink:href="#gentle-wave"240
x="48"241
y="5"242
fill="rgba(255,255,255,0.25)"243
></use>244
<use245
xlink:href="#gentle-wave"246
x="48"247
y="8"248
fill="rgba(255,255,255,0.20)"249
></use>250
<use251
xlink:href="#gentle-wave"252
x="48"253
y="13"254
fill="rgba(255,255,255,0.15)"255
></use>256
<use257
xlink:href="#gentle-wave"258
x="48"259
y="16"260
fill="rgba(255,255,255,1"261
></use>262
</g>263
</svg>264
</div>265
</div>266
</section>267
<!-- Section-1-end -->268
<div class="container my-5">269
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis quam minima perspiciatis eos tenetur. Praesentium dolores at quos aperiam sed, sint provident consectetur incidunt, nostrum porro earum commodi, ex architecto.</p>270
271
</div>272
273
<div class="container my-5">274
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis quam minima perspiciatis eos tenetur. Praesentium dolores at quos aperiam sed, sint provident consectetur incidunt, nostrum porro earum commodi, ex architecto.</p>275
276
</div>277
278
279
<div class="container my-5">280
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis quam minima perspiciatis eos tenetur. Praesentium dolores at quos aperiam sed, sint provident consectetur incidunt, nostrum porro earum commodi, ex architecto.</p>281
282
</div>283
284
<div class="container my-5">285
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis quam minima perspiciatis eos tenetur. Praesentium dolores at quos aperiam sed, sint provident consectetur incidunt, nostrum porro earum commodi, ex architecto.</p>286
287
</div>288
289
<a href="https://ibb.co/t2QZLvY"><img src="https://i.ibb.co/z2Q86BP/Regresija-hipnoza-xxl.jpg" alt="Regresija-hipnoza-xxl" border="0"></a>xxxxxxxxxx1
@media (max-width: 991px) {2
.navbar-scroll {3
background-color: #326796;4
background: -moz-radial-gradient(center,5
ellipse cover,6
#3f81bc 0%,7
#326796 100%);8
background: -webkit-radial-gradient(center,9
ellipse cover,10
#3f81bc 0%,11
#326796 100%);12
background: -webkit-gradient(radial,13
center center,14
0px,15
center center,16
100%,17
color-stop(0%, #3f81bc),18
color-stop(100%, #326796));19
background: -o-radial-gradient(center,20
ellipse cover,21
#3f81bc 0%,22
#326796 100%);23
background: -ms-radial-gradient(center,24
ellipse cover,25
#3f81bc 0%,26
#326796 100%);27
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);28
}29
}30
31
/* Color of the links BEFORE scroll */32
.navbar-scroll .navbar-brand,33
.navbar-scroll .nav-link,34
.navbar-scroll .navbar-toggler-icon {35
color: #fff;36
}37
38
/* Color of the links AFTER scroll */39
.navbar-scrolled .navbar-brand,40
.navbar-scrolled .nav-link,41
.navbar-scrolled .navbar-toggler-icon {42
color: #fff;43
}44
45
/* Color of the navbar AFTER scroll */46
.navbar-scrolled {47
background-color: #326796;48
background: -moz-radial-gradient(center,49
ellipse cover,50
#3f81bc 0%,51
#326796 100%);52
background: -webkit-radial-gradient(center,53
ellipse cover,54
#3f81bc 0%,55
#326796 100%);56
background: -webkit-gradient(radial,57
center center,58
0px,59
center center,60
100%,61
color-stop(0%, #3f81bc),62
color-stop(100%, #326796));63
background: -o-radial-gradient(center,64
ellipse cover,65
#3f81bc 0%,66
#326796 100%);67
background: -ms-radial-gradient(center,68
ellipse cover,69
#3f81bc 0%,70
#326796 100%);71
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);72
}73
74
/* An optional height of the navbar AFTER scroll */75
.navbar.navbar-scroll.navbar-scrolled {76
padding-top: 5px;77
padding-bottom: 5px;78
}79
80
#logo {81
width: 45px;82
height: 45px;83
margin-left: 10%;84
}85
86
.my-text-color {87
color: #C2D2E0;88
}89
90
.navbar-text {91
color: #c2d2e0; }92
.navbar-text a {93
color: #ffffff; }94
.navbar-text a:hover, .navbar-text a:focus {95
color: #c2d2e0; 96
}97
98
.navbar-nav .nav-link {99
color: #c2d2e0;100
border-radius: 0.25rem;101
margin: 0 0.25em; }102
.navbar-nav .nav-link:not(.disabled):hover, .navbar-nav .nav-link:not(.disabled):focus {103
color: #ffffff; }104
.navbar-nav .dropdown-menu {105
border-color: #76ABD9;106
background-color: #3977ac; }107
.navbar-nav .dropdown-item {108
color: #c2d2e0; }109
.navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item.active {110
color: #ffffff;111
background-color: #3977ac; }112
.navbar-nav .dropdown-divider {113
border-top-color: #c2d2e0; 114
}115
116
.nav-item.active .nav-link {117
color: #ffffff; }118
.nav-item.active .nav-link:hover, .nav-item.active .nav-link:focus {119
color: #ffffff; }120
.nav-item.show .nav-link {121
color: #ffffff; }122
.nav-item.show .nav-link:hover, .nav-item.show .nav-link:focus {123
color: #ffffff; 124
}125
126
.navbar-toggle {127
border-color: #428bca; }128
.navbar-toggle:hover, .navbar-toggle:focus {129
background-color: #428bca; }130
.navbar-toggle .navbar-toggler-icon {131
color: #c2d2e0; 132
}133
134
.navbar-collapse, .navbar-form {135
border-color: #c2d2e0; 136
}137
138
.navbar-link {139
color: #c2d2e0; 140
}141
142
.navbar .navbar-link:hover {143
color: #ffffff;144
background-color: #3977ac; 145
}146
147
.navbar-dark .navbar-toggler {148
border: 0px black solid; 149
}150
151
.my-divider {152
background-color: #c2d2e0;153
}154
155
body {156
font-family: Roboto, sans-serif;157
font-weight: 300;158
}159
160
161
.navbar .navbar-nav .nav-item {162
position: relative;163
}164
.navbar .navbar-nav .nav-item::after {165
position: absolute;166
bottom: 0;167
left: 0;168
right: 0;169
margin: auto;170
background-color: #fff;171
width: 0%;172
content: "";173
height: 2px;174
transition: 0.4s;175
transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);176
}177
.navbar .navbar-nav .nav-item:hover::after {178
width: 100%;179
}180
181
.bg-gradient-info {182
background: linear-gradient(310deg, rgba(106, 17, 203, 0.8), rgba(37, 117, 252, 0.8)); 183
}184
.navbar-text {185
color: #c2d2e0;186
}187
188
.navbar-text a {189
color: #ffffff;190
}191
192
.navbar-text a:hover,193
.navbar-text a:focus {194
color: #c2d2e0;195
}196
197
.navbar-nav .nav-link {198
color: #c2d2e0;199
border-radius: 0.25rem;200
margin: 0 0.25em;201
}202
203
.navbar-nav .nav-link:not(.disabled):hover,204
.navbar-nav .nav-link:not(.disabled):focus {205
color: #ffffff;206
}207
208
.navbar-nav .dropdown-menu {209
border-color: #76abd9;210
background-color: #3977ac;211
}212
213
.navbar-nav .dropdown-item {214
color: #c2d2e0;215
}216
217
.navbar-nav .dropdown-item:hover,218
.navbar-nav .dropdown-item:focus,219
.navbar-nav .dropdown-item.active {220
color: #ffffff;221
background-color: #3977ac;222
}223
224
.navbar-nav .dropdown-divider {225
border-top-color: #c2d2e0;226
}227
228
.nav-item.active .nav-link {229
color: #ffffff;230
}231
232
.nav-item.active .nav-link:hover,233
.nav-item.active .nav-link:focus {234
color: #ffffff;235
}236
237
.nav-item.show .nav-link {238
color: #ffffff;239
}240
241
.nav-item.show .nav-link:hover,242
.nav-item.show .nav-link:focus {243
color: #ffffff;244
}245
246
.navbar-toggle {247
border-color: #428bca;248
}249
250
.navbar-toggle:hover,251
.navbar-toggle:focus {252
background-color: #428bca;253
}254
255
.navbar-toggle .navbar-toggler-icon {256
color: #c2d2e0;257
}258
259
.navbar-collapse,260
.navbar-form {261
border-color: #c2d2e0;262
}263
264
.navbar-link {265
color: #c2d2e0;266
}267
268
.header-bord.t {269
border-bottom: thin solid #76abd9;270
}271
272
.navbar .navbar-link:hover {273
color: #ffffff;274
background-color: #3977ac;275
}276
277
.navbar-dark .navbar-toggler {278
border: 0px black solid;279
}280
281
@media (min-width: 575px) and (max-width: 991.98px) {282
.navbar {283
padding-top: 0px;284
}285
}286
287
@media (max-width: 575px) {288
.navbar {289
padding-top: 0px;290
}291
}292
293
.dropdown-divider {294
border-top: 1px solid #c2d2e0;295
border-top-color: rgb(245, 245, 245);296
opacity: 1;297
}298
299
300
.navbar .navbar-nav .nav-item {301
position: relative;302
}303
304
.navbar .navbar-nav .nav-item::after {305
position: absolute;306
bottom: 0;307
left: 0;308
right: 0;309
margin-top: 0.5rem;310
margin-bottom: 0.5rem;311
background-color: #fff;312
width: 0%;313
content: "";314
height: 2px;315
-webkit-transition: all ease 0.6s;316
-moz-transition: all ease 0.6s;317
transition: all ease 0.6s;318
transition: width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.15);319
}320
321
@media (max-width: 991.98px) {322
.navbar .navbar-nav .nav-item::after {323
margin-left: auto;324
margin-right: auto;325
}326
}327
328
@media (min-width: 992px) {329
.navbar .navbar-nav .nav-item::after {330
top: 65%;331
}332
}333
334
.navbar .navbar-nav .nav-item:hover::after {335
width: 100%;336
}337
338
#icon {339
width: 60px;340
height: 50px;341
cursor: pointer;342
transform: translate3d(0, 0, 0);343
}344
345
.hamburger-icon path {346
fill: none;347
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),348
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);349
stroke-width: 30px;350
stroke-linecap: round;351
stroke: #c2d2e0;352
stroke-dashoffset: 0px;353
}354
355
.hamburger-icon path#top,356
.hamburger-icon path#bottom {357
stroke-dasharray: 240px 950px;358
}359
360
.hamburger-icon path#middle {361
stroke-dasharray: 240px 240px;362
}363
364
.cross path#top,365
.cross path#bottom {366
stroke-dashoffset: -650px;367
stroke-dashoffset: -650px;368
}369
370
.cross path#middle {371
stroke-dashoffset: -115px;372
stroke-dasharray: 1px 220px;373
}374
375
.dropdown-menu li {376
position: relative;377
}378
379
.dropdown-menu .dropdown-submenu {380
position: absolute !important;381
left: 100%;382
top: 0;383
border: 1px solid;384
border-color: #c2d2e0;385
}386
387
.dropdown-menu {388
position: absolute !important;389
left: 100%;390
margin-left: 0 !important;391
top: 0;392
border: 1px solid;393
border-color: #c2d2e0;394
}395
396
.dropdown-menu .dropdown-toggle {397
padding: 0.25rem 1.1rem !important;398
}399
400
@media screen and (max-width: 767px) {401
.dropdown-menu .dropdown-submenu {402
position: static !important;403
}404
}405
406
.dropdown-toggle[aria-expanded="true"]:after {407
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);408
-webkit-transform: rotate(180deg);409
-moz-transform: rotate(180deg);410
-o-transform: rotate(180deg);411
-ms-transform: rotate(180deg);412
transform: rotate(180deg);413
}414
415
/*for the animation*/416
.dropdown-toggle:after {417
-webkit-transition: 0.5s;418
-moz-transition: 0.5s;419
-o-transition: 0.5s;420
-ms-transition: 0.5s;421
transition: 0.5s;422
}423
424
.dropdown-toggle.active-dropdown::after {425
transform: rotate(-90deg);426
}427
428
.dropdown-toggle[aria-expanded="true"]:after {429
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);430
-webkit-transform: rotate(180deg);431
-moz-transform: rotate(180deg);432
-o-transform: rotate(180deg);433
-ms-transform: rotate(180deg);434
transform: rotate(180deg);435
}436
437
.dropdown-toggle:after {438
-webkit-transition: 0.5s;439
-moz-transition: 0.5s;440
-o-transition: 0.5s;441
-ms-transition: 0.5s;442
transition: 0.5s;443
}444
445
.dropdown-submenu .dropdown-menu {446
top: 0;447
left: 100%;448
margin-left: 0.1rem;449
margin-right: 0.1rem;450
}451
452
.z-index-1 {453
z-index: 1;454
}455
456
.page-header {457
padding: 0;458
position: relative;459
overflow: hidden;460
display: flex;461
align-items: center;462
background-size: cover;463
background-position: 50% 50%;464
}465
466
@supports not (background-image: url("https://i.ibb.co/z2Q86BP/Regresija-hipnoza-xxl.jpg")) {467
.page-header {468
background-image: url("https://i.ibb.co/z2Q86BP/Regresija-hipnoza-xxl.jpg");469
}470
}471
472
@supports (background-image: url("https://i.ibb.co/z2Q86BP/Regresija-hipnoza-xxl.jpg")) {473
.page-header {474
background-image: url("https://i.ibb.co/z2Q86BP/Regresija-hipnoza-xxl.jpg");475
}476
}477
478
.page-header .container {479
z-index: 1480
}481
482
.fw-900 {483
font-weight: 900;484
}485
486
.waves {487
position: relative;488
width: 100%;489
height: 15vh;490
margin-bottom: -7px;491
/*Fixforsafarigap*/492
min-height: 100px;493
max-height: 150px;494
}495
496
.simple-waves>use {497
animation: wavy 55s cubic-bezier(.55, .5, .45, .5) infinite;498
}499
500
.simple-waves>use:nth-child(1) {501
animation-delay: -2s;502
animation-duration: 7s;503
}504
505
.simple-waves>use:nth-child(2) {506
animation-delay: -3s;507
animation-duration: 10s;508
}509
510
.simple-waves>use:nth-child(3) {511
animation-delay: -4s;512
animation-duration: 13s;513
}514
515
.simple-waves>use:nth-child(4) {516
animation-delay: -5s;517
animation-duration: 16s;518
}519
520
.simple-waves>use:nth-child(5) {521
animation-delay: -4s;522
animation-duration: 20s;523
}524
525
@keyframes wavy {526
0% {527
transform: translate3d(-90px, 0, 0);528
}529
530
100% {531
transform: translate3d(85px, 0, 0);532
}533
}534
535
@media(max-width:768px) {536
.waves {537
height: 40px;538
min-height: 40px;539
}540
}541
542
.dropdown-menu li {543
position: relative;544
}545
546
.dropdown-menu .dropdown-submenu {547
position: absolute !important;548
left: 100%;549
top: 0;550
border:1px solid;551
border-color:#c2d2e0;552
}553
554
.dropdown-menu {555
position: absolute !important;556
left: 100%;557
margin-left: 0 !important;558
top: 0;559
border:1px solid;560
border-color:#c2d2e0;561
}562
.dropdown-menu .dropdown-toggle {563
padding: .25rem 1.1rem !important;564
}565
566
@media screen and (max-width :767px) {567
.dropdown-menu .dropdown-submenu {568
position: static !important;569
}570
}571
572
.dropdown-toggle[aria-expanded="true"]:after {573
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);574
-webkit-transform: rotate(180deg);575
-moz-transform: rotate(180deg);576
-o-transform: rotate(180deg);577
-ms-transform: rotate(180deg);578
transform: rotate(180deg);579
}580
581
/*for the animation*/582
.dropdown-toggle:after {583
-webkit-transition: 0.5s;584
-moz-transition: 0.5s;585
-o-transition: 0.5s;586
-ms-transition: 0.5s;587
transition: 0.5s;588
}589
590
.dropdown-toggle.active-dropdown::after {591
transform: rotate(-90deg);592
}593
594
.dropdown-toggle[aria-expanded="true"]:after {595
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);596
-webkit-transform: rotate(180deg);597
-moz-transform: rotate(180deg);598
-o-transform: rotate(180deg);599
-ms-transform: rotate(180deg);600
transform: rotate(180deg);601
}602
603
.dropdown-toggle:after {604
-webkit-transition: 0.5s;605
-moz-transition: 0.5s;606
-o-transition: 0.5s;607
-ms-transition: 0.5s;608
transition: 0.5s;609
}610
611
.dropdown-submenu .dropdown-menu {612
top: 0;613
left: 100%;614
margin-left: 0.1rem;615
margin-right: 0.1rem;616
}617
618
.my-bg-color {619
background-color: #326796;620
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);621
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);622
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));623
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);624
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);625
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);626
}627
628
.my-quote-left {629
width: 27px;630
height: 20px;631
color:#4f4f4f;632
}633
634
.my-quote-right {635
width: 27px;636
height: 20px;637
color:#4f4f4f;638
}639
.strike {640
display: block;641
text-align: center;642
overflow: hidden;643
white-space: nowrap;644
}645
646
.strike>span {647
position: relative;648
display: inline-block;649
}650
651
.strike>span:before,652
.strike>span:after {653
content: "";654
position: absolute;655
top: 50%;656
width: 9999px;657
height: 1px;658
background: grey;659
}660
661
.strike>span:before {662
right: 100%;663
margin-right: 15px;664
}665
666
.strike>span:after {667
left: 100%;668
margin-left: 15px;669
}670
671
.header-bord.t {672
border-bottom: thin solid #76abd9;673
}674
675
h1,676
h2,677
h3,678
h4 {679
color: #428bca !important;680
}681
682
.my-divider-1 {683
background-color: #c2d2e0;684
}685
686
@media (max-width: 991px) {687
.col-b1 {688
border-top: thin solid #76abd9;689
width: 90%;690
margin-left: auto;691
margin-right: auto;692
}693
}694
695
#icon {696
width: 60px;697
height: 50px;698
cursor: pointer;699
transform: translate3d(0, 0, 0);700
}701
.hamburger-icon path {702
fill: none;703
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);704
stroke-width: 30px;705
stroke-linecap: round;706
stroke: #c2d2e0;707
stroke-dashoffset: 0px;708
}709
.hamburger-icon path#top,710
.hamburger-icon path#bottom {711
stroke-dasharray: 240px 950px;712
}713
.hamburger-icon path#middle {714
stroke-dasharray: 240px 240px;715
}716
.cross path#top,717
.cross path#bottom {718
stroke-dashoffset: -650px;719
stroke-dashoffset: -650px;720
}721
.cross path#middle {722
stroke-dashoffset: -115px;723
stroke-dasharray: 1px 220px;724
}725
@media (min-width: 575px) and (max-width: 991px) { 726
.navbar {727
padding-top: 0px;728
}729
}730
@media (max-width: 575px) { 731
.navbar {732
padding-top: 0px;733
}734
}735
736
.my-display-4 {737
text-shadow: #000 0 1px 1px, #000 0 -1px 1px, #000 1px 0 1px, #000 -1px 0 1px;738
}739
740
.shadow-custom {741
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 2px rgba(0, 0, 0, 0.05) !important;742
}743
744
.mask-custom {745
backdrop-filter: blur(5px);746
background-color: rgba(255, 255, 255, .15);747
}748
749
xxxxxxxxxx1
var el = document.querySelector(".hamburger");2
3
el.onclick = function () {4
el.classList.toggle("cross");5
}; Console errors: 0