diff --git a/layout/style-css/dyrektywa-omnibus-v2.css b/layout/style-css/dyrektywa-omnibus-v2.css new file mode 100644 index 0000000..c9e2e29 --- /dev/null +++ b/layout/style-css/dyrektywa-omnibus-v2.css @@ -0,0 +1 @@ +@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}.h2-left-line,.box-2 .scontainer-content>h2{font-size:30px;font-weight:700;margin:0 0 50px 0;padding-left:20px;border-left:3px solid #ffbf0b}.hero{margin-top:104px;background:#100e19;position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px;background-image:url("/upload/filemanager/dyrektywa_omnibus/hero.jpg");background-position:center;background-size:cover;color:#fff}@media(max-width: 767px){.hero{margin-top:235px;padding-top:75px;padding-bottom:75px}}@media(max-width: 575px){.hero{margin-top:153px}}.hero .container{max-width:1376px}.hero h1{font-size:32px;font-weight:500;font-family:"DM Sans",sans-serif;line-height:1.5;margin-bottom:20px}@media(max-width: 1199px){.hero h1{font-size:26px}}@media(max-width: 991px){.hero h1{font-size:22px}}.hero p{font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5;font-weight:400}.hero #scontainer-309-content .col-md-6:last-child{display:flex;align-items:center;justify-content:center}.container-box{min-height:auto}.container-box .scontainer-content>.row>.col-md-6{display:flex;flex-direction:column;justify-content:center;font-size:16px}.container-box .scontainer-content>.row>.col-md-6 h3{margin-bottom:30px;font-size:32px}@media(max-width: 1359px){.container-box .scontainer-content>.row>.col-md-6 h3{font-size:24px}}@media(max-width: 1199px){.container-box .scontainer-content>.row>.col-md-6 h3{font-size:22px}}@media(max-width: 991px){.container-box .scontainer-content>.row>.col-md-6 h3{font-size:20px}}@media(min-width: 992px){.container-box:not(.gray) .scontainer-content>.row>.col-md-6:first-child{padding-right:50px}}@media(min-width: 992px){.container-box.gray .scontainer-content>.row>.col-md-6:last-child{padding-left:50px}}.container-box.gray.inverse .scontainer-content>.row>.col-md-6:first-child{text-align:left;padding-right:50px}@media(min-width: 992px){.container-box.gray.inverse .scontainer-content>.row>.col-md-6:last-child{padding-left:15px;text-align:center}}#scontainer-170 .col-md-5{padding-left:100px}#scontainer-170 .col-md-5 .row{display:flex}#scontainer-170 .col-md-5 .row .col-3{width:108px;max-width:100%;flex:auto}#scontainer-170 .col-md-5 .row .col-9{flex:auto;width:calc(100% - 108px);max-width:100%}#scontainer-170 .col-md-5 .row .col-9 img{margin-right:20px;position:relative;top:-1px}#scontainer-170 .btn-dark{background:#000;border:0;transition:all .5s ease}#scontainer-170 .btn-dark:hover{background:#343a40}#scontainer-171{margin-top:125px}.container-box{padding-top:125px;padding-bottom:125px}@media(max-width: 991px){.container-box .container{padding:0 30px !important}}@media(max-width: 767px){.container-box{padding-top:75px;padding-bottom:75px}}.container-box.smaller{min-height:auto}#scontainer-319 h3{margin-bottom:75px}#scontainer-319 .panel-group .panel{border-bottom:1px solid #979797;padding-bottom:35px;margin-bottom:35px}@media(max-width: 991px){#scontainer-319 .panel-group .panel{padding-bottom:20px;margin-bottom:20px}}#scontainer-319 .panel-group .panel .panel-title{margin-bottom:20px}#scontainer-319 .panel-group .panel .panel-title a{color:#000;font-weight:600;font-size:16px;display:block;position:relative;padding-right:50px}#scontainer-319 .panel-group .panel .panel-title a::after{content:"";display:block;height:29px;width:29px;background:url("/upload/filemanager/dyrektywa_omnibus/chevron-up.png") no-repeat center;position:absolute;top:50%;right:0;transform:translateY(-50%)}#scontainer-319 .panel-group .panel .panel-title a.collapsed::after{content:"";display:block;height:29px;width:29px;background:url("/upload/filemanager/dyrektywa_omnibus/chevron-down.png") no-repeat center;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cta-yellow{background:#ffbf0a;border:1px solid #ffbf0a;border-radius:10px;padding:60px;max-width:1347px;margin:0 auto;display:flex;gap:80px}@media(max-width: 1199px){.cta-yellow{gap:60px;padding:40px}}@media(max-width: 991px){.cta-yellow{gap:50px;flex-wrap:wrap;justify-content:center}}.cta-yellow .contact-data{width:40%;display:flex;align-items:center;justify-content:flex-end;gap:35px;margin-left:auto}@media(max-width: 991px){.cta-yellow .contact-data{flex-direction:column;text-align:center;width:100%}}.cta-yellow .contact-data>img{width:120px;height:120px;border-radius:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.cta-yellow .contact-data p{margin-bottom:0}.cta-yellow .contact-data p strong{font-weight:400}.cta-yellow .contact-data p img{margin-right:10px}.cta-yellow .text{font-weight:700;letter-spacing:-0.4284px}@media(max-width: 991px){.cta-yellow .text{text-align:center}}@media(max-width: 991px){.cta-yellow .text{text-align:center;width:100%}}.cta-yellow .text p{margin-bottom:0;font-size:22px;line-height:1.25;letter-spacing:.3px}@media(max-width: 1199px){.cta-yellow .text p{font-size:20px}}@media(max-width: 767px){.cta-yellow .text p{font-size:18px}}.cta-yellow .text .btn{background:#fff;color:#000;margin-top:10px;border-radius:10px;font-size:16px;font-weight:700;max-width:190px;padding:10px 30px}@media(max-width: 767px){#scontainer-165 .scontainer-content>.row>.col-md-6:first-child,#scontainer-167 .scontainer-content>.row>.col-md-6:first-child,#scontainer-169 .scontainer-content>.row>.col-md-6:first-child{order:2}#scontainer-165 .scontainer-content>.row>.col-md-6:last-child,#scontainer-167 .scontainer-content>.row>.col-md-6:last-child,#scontainer-169 .scontainer-content>.row>.col-md-6:last-child{order:1}}.box-1{background-color:#f9f9f9}.box-1 #scontainer-310 .scontainer-content{text-align:center;padding:80px 0}.box-1 #scontainer-310 .scontainer-content h2{color:#000;font-size:30px;font-weight:900;margin-bottom:20px;width:100%;max-width:740px;margin-left:auto;margin-right:auto}.box-1 #scontainer-310 .scontainer-content h2 strong{color:#ffbf0b;font-weight:900}.box-1 #scontainer-310 .scontainer-content h3{color:#000;font-size:16px;font-weight:700;margin-bottom:16px}.box-1 #scontainer-310 .scontainer-content p{font-size:16px;margin-bottom:20px}.box-1 #scontainer-310 .scontainer-content p.sub-title{font-size:18px}.box-1 #scontainer-310 .scontainer-content p strong{font-weight:700}.box-1 #scontainer-310 .scontainer-content p span{font-size:12px}.box-1 #scontainer-310 .scontainer-content a{color:#2b2a24;display:block;margin-bottom:20px}.box-1 #scontainer-310 .scontainer-content ol{display:flex;flex-direction:column;align-items:center;list-style:disc}.box-1 #scontainer-310 .scontainer-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-bottom:0px}.box-1 #scontainer-310 .scontainer-content ul li img{width:20px;height:20px}.box-2{background:#fffbec;padding-top:200px;padding-bottom:130px}.box-2 .scontainer-content>h2{color:#000}.box-2 .scontainer-content p{font-size:16px;flex:1}.box-2 .scontainer-content p:last-child{margin-bottom:10px}.box-2 .scontainer-content a{position:relative;color:#000;font-size:16px;font-weight:600}.box-2 .scontainer-content a::before{content:"";display:inline-block;width:14px;height:10px;background-image:url("/upload/filemanager/icons/arrow.svg");background-position:center;background-size:cover;background-repeat:no-repeat;margin-right:15px}.box-2 .scontainer-content img{width:100%;max-width:-moz-fit-content;max-width:fit-content;border-top-left-radius:12px;border-top-right-radius:12px}.box-2 .scontainer-content ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:40px}.box-2 .scontainer-content ol>li{position:relative;display:flex;flex-direction:column;width:calc(50% - 15px)}@media(max-width: 767px){.box-2 .scontainer-content ol>li{width:100%}}@media(min-width: 768px){.box-2 .scontainer-content ol>li:nth-child(2)::before{content:"";position:absolute;right:10px;bottom:100%;width:230px;height:161px;background-image:url("/upload/filemanager/Pages/person.png");background-position:center;background-repeat:no-repeat;background-size:cover}}.box-2 .scontainer-content ol>li>div{padding:45px 50px 35px 50px;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 24px 64px rgba(100,84,0,.12);display:flex;flex-direction:column;flex:1}.box-2 .scontainer-content ol>li>div h3{color:#000;font-size:24px;font-weight:700;margin-bottom:24px}.box-2 .scontainer-content ol>li>div h2{color:#ffbf0b;font-size:18px;margin-bottom:10px;line-height:1.5;font-weight:700}.box-2 .scontainer-content ul{padding:0 0 0 20px;margin:0;list-style:disc}.box-3{padding-top:120px;padding-bottom:120px}.box-3 .row{align-items:center}.box-3 h2{color:#ffbf0b;font-size:18px;margin-bottom:10px;line-height:1.5;font-weight:700}.box-3 h3{margin-bottom:30px;font-size:32px}@media(max-width: 1359px){.box-3 h3{font-size:24px}}@media(max-width: 1199px){.box-3 h3{font-size:22px}}@media(max-width: 991px){.box-3 h3{font-size:20px}}#scontainer-321{background-color:#ffcb21;background-image:url("/upload/filemanager/new-2024/box-bottom-bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}#scontainer-321 .container>.row{min-height:378px;align-items:center}#scontainer-321 h2{color:#000;font-size:40px;font-weight:800;font-family:"Proxima Nova",sans-serif;margin:0 0 30px 0;max-width:700px}@media(max-width: 767px){#scontainer-321 h2{font-size:32px}}@media(max-width: 575px){#scontainer-321 h2{font-size:26px}}#scontainer-321 h3{color:#000;font-size:24px;font-weight:800;font-family:"Proxima Nova",sans-serif;margin:0 0 18px 0;max-width:700px}@media(max-width: 767px){#scontainer-321 h3{font-size:18px}}@media(max-width: 575px){#scontainer-321 h3{font-size:16px}}#scontainer-321 a{display:inline-flex;align-items:center;gap:12px;padding:22px 28px;border-radius:12px;background:#2bac25;color:#fff;font-size:14px;font-weight:700;font-family:"Proxima Nova",sans-serif}#scontainer-321 ul{list-style:none;padding-left:0}@media(max-width: 991px){.box-10 #news-list{justify-content:center}.box-10 #news-list .article-entry{width:calc(50% - 15px)}}@media(max-width: 767px){.box-10 #news-list{justify-content:center}.box-10 #news-list .article-entry{width:100%}}/*# sourceMappingURL=dyrektywa-omnibus-v2.css.map */ \ No newline at end of file diff --git a/layout/style-css/dyrektywa-omnibus-v2.css.map b/layout/style-css/dyrektywa-omnibus-v2.css.map new file mode 100644 index 0000000..9261ff9 --- /dev/null +++ b/layout/style-css/dyrektywa-omnibus-v2.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/_mixins.scss","../style-scss/dyrektywa-omnibus-v2.scss","../style-scss/_variables.scss"],"names":[],"mappings":"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","file":"dyrektywa-omnibus-v2.css"} \ No newline at end of file diff --git a/layout/style-scss/dyrektywa-omnibus-v2.scss b/layout/style-scss/dyrektywa-omnibus-v2.scss new file mode 100644 index 0000000..c33fa41 --- /dev/null +++ b/layout/style-scss/dyrektywa-omnibus-v2.scss @@ -0,0 +1,721 @@ +// out: ../style-css/dyrektywa-omnibus.css, compress: true, sourceMap: true +@import '_variables'; +@import '_mixins'; + +.h2-left-line { + font-size: 30px; + font-weight: 700; + margin: 0 0 50px 0; + padding-left: 20px; + border-left: 3px solid $cYellow; +} + +.hero { + margin-top: 104px; + background: #100e19; + position: relative; + overflow: hidden; + padding-top: 100px; + padding-bottom: 100px; + background-image: url('/upload/filemanager/dyrektywa_omnibus/hero.jpg'); + background-position: center; + background-size: cover; + color: #fff; + + @include respond-below(sm) { + margin-top: 235px; + padding-top: 75px; + padding-bottom: 75px; + } + + @include respond-below(xs) { + margin-top: 153px; + } + + .container { + max-width: 1376px; + } + + h1 { + font-size: 32px; + font-weight: 500; + font-family: 'DM Sans', sans-serif; + line-height: 1.5; + margin-bottom: 20px; + + @include respond-below(lg) { + font-size: 26px; + } + + @include respond-below(md) { + font-size: 22px; + } + } + + p { + font-family: 'DM Sans', sans-serif; + font-size: 16px; + line-height: 1.5; + font-weight: 400; + } + + #scontainer-309-content { + .col-md-6:last-child { + display: flex; + align-items: center; + justify-content: center; + } + } +} + +.container-box { + min-height: auto; + + .scontainer-content { + > .row { + > .col-md-6 { + display: flex; + flex-direction: column; + justify-content: center; + font-size: 16px; + + h3 { + margin-bottom: 30px; + font-size: 32px; + + @include respond-below(xl) { + font-size: 24px; + } + + @include respond-below(lg) { + font-size: 22px; + } + + @include respond-below(md) { + font-size: 20px; + } + } + } + } + } +} + +.container-box:not(.gray) { + .scontainer-content { + > .row { + > .col-md-6:first-child { + @include respond-above(md) { + padding-right: 50px; + } + } + + // > .col-md-6:last-child { + // text-align: center; + // } + } + } +} + +.container-box.gray { + .scontainer-content { + > .row { + // > .col-md-6:first-child { + // text-align: center; + // } + + > .col-md-6:last-child { + @include respond-above(md) { + padding-left: 50px; + } + } + } + } +} + +.container-box.gray.inverse { + .scontainer-content { + > .row { + > .col-md-6:first-child { + text-align: left; + padding-right: 50px; + } + + > .col-md-6:last-child { + @include respond-above(md) { + padding-left: 15px; + text-align: center; + } + } + } + } +} + +#scontainer-170 { + .col-md-5 { + padding-left: 100px; + + .row { + display: flex; + + .col-3 { + width: 108px; + max-width: 100%; + flex: auto; + } + + .col-9 { + flex: auto; + width: calc(100% - 108px); + max-width: 100%; + + img { + margin-right: 20px; + position: relative; + top: -1px; + } + } + } + } + + .btn-dark { + background: #000; + border: 0; + @include transition; + + &:hover { + background: #343a40; + } + } +} + +#scontainer-171 { + margin-top: 125px; +} + +.container-box { + padding-top: 125px; + padding-bottom: 125px; + + @include respond-below(md) { + .container { + padding: 0 30px !important; + } + } + + @include respond-below(sm) { + padding-top: 75px; + padding-bottom: 75px; + } +} + +.container-box.smaller { + min-height: auto; +} + +#scontainer-319 { + h3 { + margin-bottom: 75px; + } + + .panel-group { + .panel { + border-bottom: 1px solid #979797; + padding-bottom: 35px; + margin-bottom: 35px; + + @include respond-below(md) { + padding-bottom: 20px; + margin-bottom: 20px; + } + + .panel-title { + margin-bottom: 20px; + + a { + color: #000; + font-weight: 600; + font-size: 16px; + display: block; + position: relative; + padding-right: 50px; + + &::after { + content: ''; + display: block; + height: 29px; + width: 29px; + background: url('/upload/filemanager/dyrektywa_omnibus/chevron-up.png') + no-repeat center; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + } + + &.collapsed { + &::after { + content: ''; + display: block; + height: 29px; + width: 29px; + background: url('/upload/filemanager/dyrektywa_omnibus/chevron-down.png') + no-repeat center; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + } + } + } + } + } + } +} + +.cta-yellow { + background: #ffbf0a; + border: 1px solid #ffbf0a; + border-radius: 10px; + padding: 60px; + max-width: 1347px; + margin: 0 auto; + display: flex; + gap: 80px; + + @include respond-below(lg) { + gap: 60px; + padding: 40px; + } + + @include respond-below(md) { + gap: 50px; + flex-wrap: wrap; + justify-content: center; + } + + .contact-data { + width: 40%; + display: flex; + align-items: center; + justify-content: flex-end; + gap: 35px; + margin-left: auto; + + @include respond-below(md) { + flex-direction: column; + text-align: center; + width: 100%; + } + + > img { + width: 120px; + height: 120px; + border-radius: 100px; + object-fit: cover; + object-position: top; + } + + p { + margin-bottom: 0; + + strong { + font-weight: 400; + } + + img { + margin-right: 10px; + } + } + } + + .text { + // width: 60%; + font-weight: 700; + letter-spacing: -0.4284px; + + @include respond-below(md) { + text-align: center; + } + + @include respond-below(md) { + text-align: center; + width: 100%; + } + + p { + margin-bottom: 0; + font-size: 22px; + line-height: 1.25; + letter-spacing: 0.3px; + + @include respond-below(lg) { + font-size: 20px; + } + + @include respond-below(sm) { + font-size: 18px; + } + } + + .btn { + background: #fff; + color: #000; + margin-top: 10px; + + border-radius: 10px; + font-size: 16px; + font-weight: 700; + max-width: 190px; + padding: 10px 30px; + } + } +} + +@include respond-below(sm) { + #scontainer-165, + #scontainer-167, + #scontainer-169 { + .scontainer-content { + > .row { + > .col-md-6:first-child { + order: 2; + } + + > .col-md-6:last-child { + order: 1; + } + } + } + } +} + +.box-1 { + background-color: #f9f9f9; + + #scontainer-310 { + .scontainer-content { + text-align: center; + padding: 80px 0; + + h2 { + color: $cBlackText; + font-size: 30px; + font-weight: 900; + margin-bottom: 20px; + + width: 100%; + max-width: 740px; + margin-left: auto; + margin-right: auto; + + strong { + color: $cYellow; + font-weight: 900; + } + } + + h3 { + color: $cBlackText; + font-size: 16px; + font-weight: 700; + margin-bottom: 16px; + } + + p { + font-size: 16px; + margin-bottom: 20px; + + &.sub-title { + font-size: 18px; + } + strong { + font-weight: 700; + } + + span { + font-size: 12px; + } + } + + a { + color: #2b2a24; + display: block; + margin-bottom: 20px; + } + + ol { + display: flex; + flex-direction: column; + align-items: center; + list-style: disc; + } + + ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 16px; + margin-bottom: 0px; + + li { + img { + width: 20px; + height: 20px; + } + } + } + } + } +} + +.box-2 { + background: #fffbec; + padding-top: 200px; + padding-bottom: 130px; + + .scontainer-content { + > h2 { + @extend .h2-left-line; + color: $cBlackText; + } + + p { + font-size: 16px; + flex: 1; + + &:last-child { + margin-bottom: 10px; + } + } + a { + position: relative; + color: $cBlackText; + font-size: 16px; + font-weight: 600; + + &::before { + content: ''; + display: inline-block; + width: 14px; + height: 10px; + background-image: url('/upload/filemanager/icons/arrow.svg'); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + margin-right: 15px; + } + } + + img { + width: 100%; + max-width: fit-content; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 30px; + row-gap: 40px; + + @include respond-below(sm) { + } + + > li { + position: relative; + display: flex; + flex-direction: column; + + width: calc(100% / 2 - (30px - (30px / 2))); + + @include respond-below(sm) { + width: 100%; + } + + @include respond-above(sm) { + &:nth-child(2) { + &::before { + content: ''; + position: absolute; + right: 10px; + bottom: 100%; + width: 230px; + height: 161px; + background-image: url('/upload/filemanager/Pages/person.png'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + } + } + } + + > div { + padding: 45px 50px 35px 50px; + background: $cWhite; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + + box-shadow: 0 24px 64px rgba(100, 84, 0, 0.12); + + display: flex; + flex-direction: column; + flex: 1; + + h3 { + color: $cBlackText; + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + h2 { + color: $cYellow; + font-size: 18px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: 700; + } + } + } + } + + ul { + padding: 0 0 0 20px; + margin: 0; + list-style: disc; + } + } +} + +.box-3 { + padding-top: 120px; + padding-bottom: 120px; + + .row { + align-items: center; + } + + h2 { + color: $cYellow; + font-size: 18px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: 700; + } + + h3 { + margin-bottom: 30px; + font-size: 32px; + + @include respond-below(xl) { + font-size: 24px; + } + + @include respond-below(lg) { + font-size: 22px; + } + + @include respond-below(md) { + font-size: 20px; + } + } +} + +#scontainer-321 { + background-color: #ffcb21; + background-image: url('/upload/filemanager/new-2024/box-bottom-bg.jpg'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + + .container { + > .row { + min-height: 378px; + align-items: center; + } + } + + h2 { + color: $cBlackText; + font-size: 40px; + font-weight: 800; + font-family: $font-5; + margin: 0 0 30px 0; + + max-width: 700px; + + @include respond-below(sm) { + font-size: 32px; + } + + @include respond-below(xs) { + font-size: 26px; + } + } + + h3 { + color: $cBlackText; + font-size: 24px; + font-weight: 800; + font-family: $font-5; + margin: 0 0 18px 0; + + max-width: 700px; + + @include respond-below(sm) { + font-size: 18px; + } + + @include respond-below(xs) { + font-size: 16px; + } + } + + a { + display: inline-flex; + align-items: center; + gap: 12px; + padding: 22px 28px; + border-radius: 12px; + background: $cGreen; + + color: $cWhite; + font-size: 14px; + font-weight: 700; + font-family: $font-5; + } + + ul { + list-style: none; + padding-left: 0; + } +} + +.box-10 { + #news-list { + @include respond-below(md) { + justify-content: center; + + .article-entry { + width: calc(100% / 2 - (30px - (30px / 2))); + } + } + + @include respond-below(sm) { + justify-content: center; + + .article-entry { + width: 100%; + } + } + } +}