Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-02-18 14:53:33 +01:00
parent f9e8170a41
commit c21d9609a1
3 changed files with 8726 additions and 8679 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/style.css.map
View File

File diff suppressed because one or more lines are too long

247
layout/style-scss/style.scss
View File

@@ -612,7 +612,7 @@ p {
@include justify-content(center); @include justify-content(center);
} }
>ul { > ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
@@ -626,7 +626,7 @@ p {
text-align: center; text-align: center;
} }
>li { > li {
position: relative; position: relative;
&:first-child { &:first-child {
@@ -634,7 +634,7 @@ p {
} }
&:hover { &:hover {
>a { > a {
color: $cGrayLightTextMenuHover; color: $cGrayLightTextMenuHover;
@include respond-below(sm) { @include respond-below(sm) {
@@ -644,7 +644,7 @@ p {
} }
} }
>a { > a {
@include respond-above(lg) { @include respond-above(lg) {
display: block; display: block;
padding: 20px 8px; padding: 20px 8px;
@@ -681,7 +681,7 @@ p {
} }
&.parent { &.parent {
>a { > a {
@include respond-above(sm) { @include respond-above(sm) {
pointer-events: none; pointer-events: none;
@@ -694,7 +694,7 @@ p {
&#link-8 { &#link-8 {
&.parent { &.parent {
>a { > a {
@include respond-above(sm) { @include respond-above(sm) {
i { i {
display: none; display: none;
@@ -880,13 +880,13 @@ p {
min-height: 59px; min-height: 59px;
transition: 0.3s all ease; transition: 0.3s all ease;
>.container { > .container {
>.row { > .row {
@include respond-below(sm) { @include respond-below(sm) {
height: 60px; height: 60px;
} }
>div[class^='col-']:nth-child(2) { > div[class^='col-']:nth-child(2) {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
@@ -921,7 +921,7 @@ p {
} }
} }
>img { > img {
@include respond-above(lg) { @include respond-above(lg) {
width: 145px; width: 145px;
height: 38px; height: 38px;
@@ -1249,7 +1249,6 @@ p {
} }
.banner { .banner {
.slick-prev, .slick-prev,
.slick-next { .slick-next {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
@@ -1291,8 +1290,8 @@ p {
@extend .bottom-margin; @extend .bottom-margin;
.container { .container {
>.row { > .row {
>div[class^='col-'] { > div[class^='col-'] {
&:first-child { &:first-child {
@include respond-below(sm) { @include respond-below(sm) {
margin-bottom: 30px; margin-bottom: 30px;
@@ -1304,7 +1303,6 @@ p {
div[class^='col-'] { div[class^='col-'] {
div[class^='col-'] { div[class^='col-'] {
&:nth-child(1), &:nth-child(1),
&:nth-child(2) { &:nth-child(2) {
margin-bottom: 30px; margin-bottom: 30px;
@@ -1437,7 +1435,6 @@ p {
} }
#scontainer-4 { #scontainer-4 {
h4, h4,
h2 { h2 {
font-family: $font2; font-family: $font2;
@@ -1463,7 +1460,7 @@ p {
.row { .row {
&:nth-child(2) { &:nth-child(2) {
div[class^='col-'] { div[class^='col-'] {
>div { > div {
background: $cGrayBg; background: $cGrayBg;
padding: 100px 50px 90px; padding: 100px 50px 90px;
@@ -1502,7 +1499,7 @@ p {
} }
&:last-child { &:last-child {
>div { > div {
margin-bottom: 0; margin-bottom: 0;
} }
} }
@@ -1562,7 +1559,6 @@ p {
} }
div[class^='col-'] { div[class^='col-'] {
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
@include respond-between(xs, md) { @include respond-between(xs, md) {
@@ -1852,8 +1848,8 @@ p {
div[class^='col-']:first-child { div[class^='col-']:first-child {
#menu-container-1 { #menu-container-1 {
>ul { > ul {
>li { > li {
display: none; display: none;
&:nth-child(2) { &:nth-child(2) {
@@ -1870,8 +1866,8 @@ p {
div[class^='col-']:nth-child(2) { div[class^='col-']:nth-child(2) {
#menu-container-1 { #menu-container-1 {
>ul { > ul {
>li { > li {
display: none; display: none;
&:nth-child(5), &:nth-child(5),
@@ -1892,13 +1888,13 @@ p {
} }
#menu-container-1 { #menu-container-1 {
>ul { > ul {
margin-bottom: 0; margin-bottom: 0;
padding-inline-start: 0; padding-inline-start: 0;
list-style-type: none; list-style-type: none;
>li { > li {
>a { > a {
.fa { .fa {
display: none; display: none;
} }
@@ -1912,12 +1908,12 @@ p {
pointer-events: none; pointer-events: none;
} }
>ul { > ul {
padding-inline-start: 0; padding-inline-start: 0;
list-style-type: none; list-style-type: none;
>li { > li {
>a { > a {
font-size: 12px; font-size: 12px;
color: #7a7a7a; color: #7a7a7a;
font-weight: 400; font-weight: 400;
@@ -2338,7 +2334,8 @@ p {
height: 987px; height: 987px;
} }
img {} img {
}
.text-center-box { .text-center-box {
h1 { h1 {
@@ -2581,7 +2578,8 @@ p {
text-transform: uppercase; text-transform: uppercase;
} }
p {} p {
}
top: auto; top: auto;
left: auto; left: auto;
@@ -2806,7 +2804,6 @@ p {
} }
#scontainer-19 { #scontainer-19 {
h3, h3,
p { p {
@include respond-above(md) { @include respond-above(md) {
@@ -2965,7 +2962,8 @@ p {
#scontainer-25, #scontainer-25,
#scontainer-50, #scontainer-50,
#scontainer-54, #scontainer-54,
#scontainer-65 { #scontainer-65,
#scontainer-161 {
@extend .top-bottom-margin; @extend .top-bottom-margin;
h2 { h2 {
@@ -3040,7 +3038,7 @@ p {
&:last-child { &:last-child {
text-align: center; text-align: center;
>img { > img {
margin-bottom: 30px; margin-bottom: 30px;
width: 179px; width: 179px;
} }
@@ -3078,7 +3076,8 @@ p {
#scontainer-50, #scontainer-50,
#scontainer-54, #scontainer-54,
#scontainer-65 { #scontainer-65,
#scontainer-161 {
.tab-content { .tab-content {
div[class^='col-'] { div[class^='col-'] {
&:first-child { &:first-child {
@@ -3128,7 +3127,7 @@ p {
} }
&:last-child { &:last-child {
>img { > img {
width: 240px; width: 240px;
} }
} }
@@ -3409,7 +3408,6 @@ p {
} }
.row { .row {
&:first-child, &:first-child,
&:nth-child(2), &:nth-child(2),
&:nth-child(3) { &:nth-child(3) {
@@ -3682,8 +3680,8 @@ p {
@extend .left-right-margin; @extend .left-right-margin;
.container { .container {
>.row { > .row {
>div[class^='col-'] { > div[class^='col-'] {
&:first-child { &:first-child {
padding-right: 80px; padding-right: 80px;
@@ -3775,7 +3773,7 @@ p {
@extend .top-bottom-margin; @extend .top-bottom-margin;
div[class^='col-'] { div[class^='col-'] {
>img { > img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
@@ -3862,7 +3860,7 @@ p {
div[class^='col-'] { div[class^='col-'] {
&:first-child { &:first-child {
>div { > div {
margin-top: -70px; margin-top: -70px;
} }
} }
@@ -3873,7 +3871,7 @@ p {
} }
} }
>div { > div {
background: #fff; background: #fff;
margin-top: -70px; margin-top: -70px;
@@ -3935,7 +3933,7 @@ p {
#scontainer-63 { #scontainer-63 {
div[class^='col-'] { div[class^='col-'] {
>div { > div {
div { div {
p { p {
min-height: 209px; min-height: 209px;
@@ -3999,7 +3997,7 @@ p {
min-height: 105px; min-height: 105px;
} }
>div { > div {
position: relative; position: relative;
border: 2px solid #fff; border: 2px solid #fff;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -4173,14 +4171,14 @@ p {
} }
div[class^='col-'] { div[class^='col-'] {
>img { > img {
max-height: 111px; max-height: 111px;
} }
} }
} }
.salony { .salony {
>.row { > .row {
div[class^='col-'] { div[class^='col-'] {
&:last-child { &:last-child {
display: flex; display: flex;
@@ -4656,7 +4654,8 @@ p {
right: -30px; right: -30px;
} }
@include respond-below(xs) {} @include respond-below(xs) {
}
} }
} }
} }
@@ -5009,7 +5008,7 @@ p {
} }
@include respond-below(xs) { @include respond-below(xs) {
width: 50% width: 50%;
} }
} }
@@ -5139,7 +5138,8 @@ p {
img { img {
width: 135%; width: 135%;
@include respond-between(md, lg) {} @include respond-between(md, lg) {
}
@include respond-between(sm, md) { @include respond-between(sm, md) {
width: 130%; width: 130%;
@@ -5349,9 +5349,9 @@ p {
#scontainer-51 { #scontainer-51 {
#scontainer-51-content { #scontainer-51-content {
>.row { > .row {
>div[class^='col-'] { > div[class^='col-'] {
>img { > img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
@@ -5528,12 +5528,12 @@ p {
} }
#scontainer-55-content { #scontainer-55-content {
>p { > p {
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
>img { > img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
} }
@@ -5579,7 +5579,8 @@ p {
@extend .title50; @extend .title50;
} }
p {} p {
}
} }
} }
} }
@@ -5607,7 +5608,7 @@ p {
} }
#scontainer-57-content { #scontainer-57-content {
>.row { > .row {
@include respond-above(xs) { @include respond-above(xs) {
background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back.jpg'); background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -5619,7 +5620,7 @@ p {
} }
} }
>div[class^='col-'] { > div[class^='col-'] {
&:first-child { &:first-child {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@@ -5636,7 +5637,6 @@ p {
&:last-child { &:last-child {
div[class^='col-'] { div[class^='col-'] {
&:nth-child(3), &:nth-child(3),
&:nth-child(4) { &:nth-child(4) {
padding-top: 20px; padding-top: 20px;
@@ -5784,7 +5784,7 @@ p {
} }
#scontainer-59-content { #scontainer-59-content {
>.row { > .row {
background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back3.png'); background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back3.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: auto;
@@ -5794,7 +5794,7 @@ p {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
>div[class^='col-'] { > div[class^='col-'] {
&:first-child { &:first-child {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -5928,7 +5928,7 @@ p {
div[class^='col-'] { div[class^='col-'] {
&:not(:last-child) { &:not(:last-child) {
>div { > div {
@include respond-below(md) { @include respond-below(md) {
margin-bottom: 30px; margin-bottom: 30px;
} }
@@ -5936,7 +5936,7 @@ p {
} }
&:last-child { &:last-child {
>div { > div {
.btn5 { .btn5 {
img { img {
@include respond-below(xs) { @include respond-below(xs) {
@@ -5947,7 +5947,7 @@ p {
} }
} }
>div { > div {
background-color: rgba(255, 255, 255, 0.87); background-color: rgba(255, 255, 255, 0.87);
padding: 50px 20px; padding: 50px 20px;
text-align: center; text-align: center;
@@ -5957,11 +5957,12 @@ p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
>img { > img {
margin-bottom: 40px; margin-bottom: 40px;
} }
.btn5 {} .btn5 {
}
} }
} }
} }
@@ -6105,7 +6106,8 @@ p {
font-size: 18px; font-size: 18px;
} }
p {} p {
}
} }
.img-100 { .img-100 {
@@ -6314,8 +6316,8 @@ p {
.box30 { .box30 {
position: relative; position: relative;
>div[class^='col-'] { > div[class^='col-'] {
>img { > img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
height: 500px; height: 500px;
@@ -6364,8 +6366,8 @@ p {
.box32 { .box32 {
position: relative; position: relative;
>div[class^='col-'] { > div[class^='col-'] {
>img { > img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
height: 500px; height: 500px;
@@ -6408,14 +6410,14 @@ p {
} }
.box34 { .box34 {
>.row { > .row {
img { img {
max-width: 100%; max-width: 100%;
margin-bottom: 30px; margin-bottom: 30px;
} }
&:first-child { &:first-child {
>div[class^='col-'] { > div[class^='col-'] {
&:first-child { &:first-child {
@include respond-below(md) { @include respond-below(md) {
text-align: center; text-align: center;
@@ -6455,7 +6457,8 @@ p {
} }
} }
div[class^='col-'] {} div[class^='col-'] {
}
} }
.box35, .box35,
@@ -6968,7 +6971,8 @@ p {
left: calc(50% - 316px); left: calc(50% - 316px);
width: 633px; width: 633px;
@include respond-between(sm, md) {} @include respond-between(sm, md) {
}
@include respond-between(xs, sm) { @include respond-between(xs, sm) {
top: calc(50% - 233px); top: calc(50% - 233px);
@@ -7405,7 +7409,7 @@ p {
} }
} }
>p { > p {
max-width: 450px; max-width: 450px;
} }
} }
@@ -7532,10 +7536,10 @@ p {
} }
ol { ol {
>li { > li {
margin-bottom: 20px; margin-bottom: 20px;
>ul { > ul {
list-style-type: disc; list-style-type: disc;
li { li {
@@ -7743,7 +7747,8 @@ div[class^='col-'] {
} }
} }
.article-box-container {} .article-box-container {
}
.article-box { .article-box {
@include respond-above(md) { @include respond-above(md) {
@@ -7854,7 +7859,7 @@ div[class^='col-'] {
.article-32 { .article-32 {
.text { .text {
>.row { > .row {
&:first-child { &:first-child {
text-align: center; text-align: center;
@extend .bottom-margin; @extend .bottom-margin;
@@ -8146,8 +8151,8 @@ div[class^='col-'] {
#scontainer-67 { #scontainer-67 {
@extend .top-bottom-padding; @extend .top-bottom-padding;
>#scontainer-67-content { > #scontainer-67-content {
>.row { > .row {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px 0 #232323; box-shadow: 0 0 10px 0 #232323;
padding: 40px 20px; padding: 40px 20px;
@@ -8413,7 +8418,7 @@ div[class^='col-'] {
.article-187 { .article-187 {
.container { .container {
>.row:first-child { > .row:first-child {
@extend .top-margin; @extend .top-margin;
h3 { h3 {
@@ -8453,7 +8458,6 @@ div[class^='col-'] {
} }
.row { .row {
&:first-child, &:first-child,
&:nth-child(2), &:nth-child(2),
&:nth-child(3) { &:nth-child(3) {
@@ -8492,7 +8496,7 @@ div[class^='col-'] {
} }
div[class^='col-'] { div[class^='col-'] {
>div { > div {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
@@ -8570,7 +8574,6 @@ div[class^='col-'] {
justify-content: flex-end; justify-content: flex-end;
@include respond-below(sm) { @include respond-below(sm) {
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
margin-bottom: 30px; margin-bottom: 30px;
@@ -9101,7 +9104,8 @@ div[class^='col-'] {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-align: right; text-align: right;
background: url('../../images/popup/popup-cloud-computing.png') no-repeat center left; background: url('../../images/popup/popup-cloud-computing.png')
no-repeat center left;
background-size: contain; background-size: contain;
cursor: pointer; cursor: pointer;
@@ -9304,7 +9308,6 @@ div[class^='col-'] {
} }
.step-actions { .step-actions {
button, button,
input { input {
font-size: 14px !important; font-size: 14px !important;
@@ -10439,12 +10442,12 @@ div[class^='col-'] {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
gap: 10px; gap: 10px;
transition: all .3s ease-in; transition: all 0.3s ease-in;
} }
.btn-success { .btn-success {
margin-left: 7px; margin-left: 7px;
background: #FBF27A; background: #fbf27a;
color: #000; color: #000;
@include respond-below(sm) { @include respond-below(sm) {
@@ -10452,7 +10455,7 @@ div[class^='col-'] {
} }
&:hover { &:hover {
background: rgba(251, 242, 122, .8); background: rgba(251, 242, 122, 0.8);
} }
&::after { &::after {
@@ -10476,7 +10479,7 @@ div[class^='col-'] {
} }
&:hover { &:hover {
background: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, 0.8);
} }
&::after { &::after {
@@ -10495,7 +10498,7 @@ div[class^='col-'] {
background: url('/images/faq-background.png') no-repeat center center; background: url('/images/faq-background.png') no-repeat center center;
padding-top: 120px; padding-top: 120px;
padding-bottom: 120px; padding-bottom: 120px;
color: #FFF; color: #fff;
@include respond-below(md) { @include respond-below(md) {
background: #000; background: #000;
@@ -10504,7 +10507,7 @@ div[class^='col-'] {
} }
h2 { h2 {
color: #FFF; color: #fff;
margin-bottom: 50px; margin-bottom: 50px;
} }
@@ -10512,9 +10515,9 @@ div[class^='col-'] {
.panel { .panel {
margin-bottom: 10px; margin-bottom: 10px;
div[role="tabpanel"] { div[role='tabpanel'] {
display: none; display: none;
color: #FFF; color: #fff;
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
@@ -10524,9 +10527,9 @@ div[class^='col-'] {
} }
p { p {
color: #FFF; color: #fff;
font-size: 16px; font-size: 16px;
font-family: "URW Form"; font-family: 'URW Form';
line-height: 1.5; line-height: 1.5;
font-weight: 200; font-weight: 200;
@@ -10544,10 +10547,10 @@ div[class^='col-'] {
.panel-title { .panel-title {
a { a {
display: flex; display: flex;
color: #FFF; color: #fff;
height: 60px; height: 60px;
padding: 0 25px; padding: 0 25px;
border: 1px solid #FFF; border: 1px solid #fff;
font-family: 'URW Form', sans-serif; font-family: 'URW Form', sans-serif;
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 24px;
@@ -10570,7 +10573,8 @@ div[class^='col-'] {
&.active { &.active {
&::after { &::after {
background: url('/images/icon-arrow-up-white.png') no-repeat center; background: url('/images/icon-arrow-up-white.png') no-repeat
center;
} }
} }
@@ -10579,7 +10583,8 @@ div[class^='col-'] {
display: block; display: block;
height: 15px; height: 15px;
width: 15px; width: 15px;
background: url('/images/icon-arrow-down-white.png') no-repeat center; background: url('/images/icon-arrow-down-white.png') no-repeat
center;
} }
} }
} }
@@ -10587,3 +10592,45 @@ div[class^='col-'] {
} }
} }
} }
.illustration_product_slider {
.swiper-wrapper {
.swiper-slide {
text-align: center;
}
}
.swiper-navigation {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
gap: 60px;
.swiper-button-disabled {
opacity: 0.6;
}
.swiper-slide-next {
position: relative;
cursor: pointer;
transition: opacity 250ms ease-in;
img {
width: 50px;
height: 50px;
}
}
.swiper-slide-prev {
position: relative;
cursor: pointer;
transition: opacity 250ms ease-in;
img {
width: 50px;
height: 50px;
}
}
}
}