html {c-menu
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 500;
scroll-behavior: smooth;
}

@-moz-document url-prefix() {
body {
font-weight: lighter !important;
color: #000000;
}
}

body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: "Open Sans";
position: relative;
color: #000000;
font-weight:400;
}


tr td, tr th{border:1px solid rgb(194, 194, 194)}

strong {
font-weight: 600
}

.b-most {
background-color: #FFD700;
}
.c-most {
color:#FFD700;
}
.b-black {
background-color: #000
}

.b-dark {
background-color: #212121
}
.b-mdark {
background-color: #3e3e3e
}
.b-ldark {
background-color: #ededed;
}
.b-cta{
background-color: #def5ff;
}
.b-most-dark{
background-color: #004b95;
}

.c-white {
color: #fff
}

.relative {
position: relative
}
.absolute {
position: absolute
}

a:focus, button:focus {
outline: none
}

a {
color: #333;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #FFD700;
}

.cool-title {position: absolute;
font-size: clamp(2rem, 5vw, 3.5rem);
color: #fff;
font-weight: bold;
top: -3rem;
left: 3rem;}
.segment-title-blue,.segment-title-green, .segment-title-left {
position:relative
}
.segment-title-blue::after {
content: "";
width: 80%;
max-width: 400px;
height: 4px;
background: #FFD700;
position: absolute;
left: 50%;
bottom: -0.6em;
transform: translate(-50%,0);
}
.segment-title-gray::after {
content: "";
width: 80%;
max-width: 400px;
height: 4px;
background: #FFD900;
position: absolute;
left: 50%;
bottom: -0.6em;
transform: translate(-50%,0);
}



.segment-title-green::after {
content: "";
width: 80%;
max-width: 400px;
height: 4px;
background: #70c839;
position: absolute;
left: 50%;
bottom: -0.6em;
transform: translate(-50%,0);
}
.segment-title-left::after{
content: "";
width: 40%;
max-width: 300px;
height: 2px;
background: #FFD700;
position: absolute;
left: 0%;
bottom: -0.4em;
}
.cta-btn {
border-radius: 30px;
padding:10px 25px;
}
.cta-btn:hover {
color:#fff;
background-color: gray;
}
h4.cta-title{font-size:1.5em;}

.text-right {text-align:right}
.text-left{text-align:left}

/* *:hover {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
} */

p {
font-weight: 300
}

.center {
text-align: center
}

.clr {
clear: both;
}

.h80{height:80%}
.h20{height:20%}

.progress-container {
width: 100%;
height: 5px;
background: none;
position: fixed;
top: 0px;
left: 0px;
z-index: 9;
}

/* The progress bar (scroll indicator) */

.progress-bar {
height: 5px;
background:#FFD700;
width: 0%;
}

.bg-green {
background-color: #70c839;
}

.bg-blue {
background-color: #FFD700;
}

.bg-gray {
background-color: #FFD900;
}

.bg-yellow {
background-color: #FFD900;
}

.bg-green-blue {
background: rgb(112, 200, 57);
background: linear-gradient(90deg, rgba(112, 200, 57, 1) 0%, rgba(0, 159, 227, 1) 100%);
}

.series-btn {
color: #000;
text-align: right;
border-radius: 10px;
padding: 2px 15px;
display: inline-block;
min-width: 360px;
font-size: 1.3rem;
}

.series-btn:hover {
background: gray !important;
color: #fff;
}

.series-btn span {
font-size: 0.9rem;
display: block;
}
#c-navbar {
position: absolute;
top: 0px;
left: 0px;
width:100%;
min-height: 95px;
display: flex;
align-items: center;
z-index: 9;
}

#c-navbar > .row {
width: 100%;
align-items: center;
margin-top: 0 !important;
}

#c-navbar.fixed {
position: fixed;
}

#c-navbar .fa {
margin: 21px;
font-size: 2em;
/*color: #14387e*/
}

#c-header {
padding: 0px;
padding-bottom:10px;
border-bottom: 7px solid #FFD900;
}

#logo img {
width: 100px
}
#c-slider {
overflow:hidden;
min-height: 400px;

}
.text-glow {
text-shadow: 0px 0px 10px #fff;
}

.lasers-wrapper {
height: 60vh;
overflow:hidden}
#lasers-header {
z-index:999;
width:100%;
height: 60vh;
}
/* #lasers-header .row {height:100%} */
.lasers-txt{
display: flex!important;
flex-direction: column;
justify-content: center;
height:100%
}
.lasers-img{
display: flex!important;
align-items: center;
height:100%
}

.piktogram-icon {
width: 80px;
height: auto;
margin-right: 12px;
flex-shrink: 0;
border-radius: 8px;
}

.c-module-text-piktogram-icon {
font-size: clamp(1.1rem, 3vw, 1.6rem);
margin: 0.5rem 0 0 1rem;
font-weight: 500;
line-height: 1.4;
}


#lasers {
background: #000;
height: 60vh;
overflow:hidden
}

.laser.pos1{top:50%;left:0px;transform-origin: 0 0;}
.laser.pos2{top:50%;right:0%;transform-origin: 100% 100%;}
.laser.pos3{top:5%;left:0px;transform-origin: 0 0;}
.laser.pos4{top:5%;right:0%;transform-origin: 100% 100%;}
.laser.pos5{top:95%;left:0px;transform-origin: 0 0;}
.laser.pos6{top:95%;right:0%;transform-origin: 100% 100%;}
.laserhor.pos7{top:0%;left:20%;transform-origin: 0% 0%;}
.laserhor.pos8{top:0%;left:50%;transform-origin: 0% 0%;}
.laserhor.pos9{top:0%;left:80%;transform-origin: 0% 0%;}
.laserhor.pos10{bottom:0%;left:5%;transform-origin: 100% 100%;}
.laserhor.pos11{bottom:0%;left:50%;transform-origin: 100% 100%;}
.laserhor.pos12{bottom:0%;left:95%;transform-origin: 100% 100%;}

.laser{
position: absolute;
height: 2px;
width: 200%;
}
.laserhor{
position: absolute;
width: 2px;
height:2000%;
}

.laser.pos1{-webkit-animation: laser 4s infinite;}
.laser.pos2{-webkit-animation: laser 6s infinite;}
.laser.pos3{-webkit-animation: laser 8s infinite;}
.laser.pos4{-webkit-animation: laser 10s infinite;}
.laser.pos5{-webkit-animation: laser 12s infinite;}
.laser.pos6{-webkit-animation: laser 14s infinite;}
.laserhor.pos7{-webkit-animation: laserhor 3s infinite;}
.laserhor.pos8{-webkit-animation: laserhor 5s infinite;}
.laserhor.pos9{-webkit-animation: laserhor 7s infinite;}
.laserhor.pos10{-webkit-animation: laserhor 6s infinite;}
.laserhor.pos11{-webkit-animation: laserhor 4s infinite;}
.laserhor.pos12{-webkit-animation: laserhor 2s infinite;}

/* 🔥 ZMIENIONY KOLOR NA ŻÓŁTY + MOCNIEJSZY GLOW */
.laser.pos1,.laser.pos3,.laser.pos5,.laser.pos2,.laser.pos4,.laser.pos6 {
background: #ffd000;
-webkit-box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
-moz-box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
}

.laserhor.pos7,.laserhor.pos8,.laserhor.pos9,.laserhor.pos10,.laserhor.pos11,.laserhor.pos12 {
background: #ffd000;
-webkit-box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
-moz-box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
box-shadow: 0 0 10px #ffd000, 0 0 20px #ffd000, 0 0 30px #ffaa00;
}

@-webkit-keyframes laser {
0% { transform: rotateZ(-15deg); }
50% { transform: rotateZ(15deg); }
100% { transform: rotateZ(-15deg); }
}
@-webkit-keyframes laserhor {
0% { transform: rotateZ(-75deg); }
50% { transform: rotateZ(75deg); }
100% { transform: rotateZ(-75deg); }
}




#animated-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000000;
background-repeat: repeat;
background-position: 0 0;
background-size: auto 100%;
/*adjust s value for speed*/
animation: animatedBackground 50s linear infinite;
}

@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: -10000px 0;
}
}



#c-header .owl-carousel {
padding-top: 30px
}

#c-header .owl-carousel h3 {
font-size: 3em;
font-size: 3vw;
font-weight: 700;
text-transform: uppercase;
color: #14387e;
}

#c-header .owl-theme .owl-dots, #c-header .owl-theme .owl-nav {
text-align: left
}
.extra-space-top-percent {
padding-top:3rem;
}
.extra-space-top-lg {
padding-top: 120px
}

@media (max-width:789px) {
.extra-space-top-lg {
padding-top: 40px
}
.extra-space-top-md {
padding-top: 30px
}
}
.extra-space-top-md {
padding-top: 80px
}

.extra-space-top-sm {
padding-top: 30px
}

.extra-space-bottom-lg {
padding-bottom: 120px
}

.extra-space-bottom-md {
padding-bottom: 60px
}

.extra-space-bottom-sm {
padding-bottom: 30px
}



.c-module {
padding-top: 20px
}
.c-module-flex{
display: flex;
align-content: center;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.c-module-left .c-module-number, .c-module-left .c-module-number-small {
float: left
}

.c-module-center .c-module-number, .c-module-center .c-module-number-small {
margin: 0 auto;
float: none
}
.c-module-flex .c-module-number{
margin-right:20px
}
.c-module-number {
display: block;
width: 60px;
height: 60px;
border-radius: 100px;
background-color: none;
border: 1px solid rgb(184, 184, 184);
padding: 9px;
}
.c-module-number-small{
display: block;
width: 36px;
height: 36px;
border-radius: 100px;
background-color: none;
border: 1px solid rgb(184, 184, 184);
padding: 4px;
margin-top:14px
}

.c-module-number span {
display: block;
width: 40px;
height: 40px;
border-radius: 100px;
background-color: #FFD700;
color: #fff;
text-align: center;
padding-top: 8px;
}
.c-module-number span.green {
display: block;
width: 40px;
height: 40px;
border-radius: 100px;
background-color: #70c839;
color: #fff;
text-align: center;
padding-top: 8px;
}

.c-module-number span.blue {
display: block;
width: 40px;
height: 40px;
border-radius: 100px;
background-color: #FFD900;
color: #fff;
text-align: center;
padding-top: 8px;
}

.c-module-number-small span{
display: block;
width: 26px;
height: 26px;
border-radius: 100px;
background-color: #353535;
color: #fff;
text-align: center;
padding-top: 1px;
}

.table td.v-center, .table th.v-center{
vertical-align: middle!important;
}
.c-module-header {
font-size: 1.6em;
margin-top: 15px;
}
.c-module-header-bhp {
font-size: 1.4em;
margin-top: 15px;
}
.c-module-header-piktogram {
font-size: clamp(0.9rem, 2.5vw, 1.2em);
margin-top: 15px;
font-weight: bold;
text-align: center;
}
.c-module-header-small {
font-size: 1.3em;
margin-top: 15px;
}
.c-module-header-sm {
font-size: 1.2em;
margin-bottom: 15px;
}

.c-module-left .c-module-header, .c-module-left .c-module-header-sm {
margin-left: 80px;
}

.c-module-left .c-module-header-small {
margin-left: 50px;
}
.c-module-center .c-module-header {
margin-left: 0px;
text-align: center
}

.c-module-text {
display: block;
text-align: justify;
}

.c-module-left .c-module-text {
margin-left: 80px;
}

.c-module-center .c-module-text {
margin-left: 0px;
}

.c-img-responsive {
width: 100%;
display: block;
}

.c-movie-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.c-movie {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.c-download img {
width: 120px
}

.c-form {}

.c-form input, .c-form textarea {
background-color: #fff;
border-radius: 15px;
padding: 10px;
border: none;
display: block;
width: 80%;
margin: 0 auto;
margin-top: 10px;
text-align: center;
max-width: 500px;
color: #666666;
}

.c-input-box {
display: block;
width: 80%;
margin: 0 auto;
margin-top: 10px;
text-align: center;
max-width: 500px;
}

.c-form input::placeholder {
opacity: 0.7
}

.c-form input[type="checkbox"] {
float: left;
width: 25px!important;
height: 20px
}

.c-form label {
width: calc(100% - 40px);
padding-top: 6px;
text-align: justify
}

.c-form input.button {
background-color: #FFD700;;
color: black;
width: 200px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.c-form input.button:hover {
background-color: #3d6fac;
color: #fff;
width: 200px;
letter-spacing: 2px;
}

.c-slogan-lg {
font-weight: 700;
font-size: 3.4em;
font-size: 3.4vw;
display:block;
}
.c-slogan-md {
font-weight: 700;
font-size: 2.5em;
font-size: 2.5vw;
display:block;
}
.c-slogan-sm {
font-weight: 700;
font-size: 1.5em;
font-size: 2vw;
display:block;
}
@media (max-width: 767px) {
.c-slogan-lg {
font-weight: 700;
font-size: 2.8em;
display:block;
}
.c-slogan-md {
font-weight: 700;
font-size: 2.2em;
display:block;
}
.c-slogan-sm {
font-weight: 700;
font-size: 1.5em;
display:block;
}
}
/* element */

.element {
height: 45px;
width: 30px;
background: transparent;
border: 2px solid #000000;
border-radius: 15px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
}
.element.white {
height: 45px;
width: 30px;
background: transparent;
border: 2px solid #fff;
border-radius: 15px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
}

.element-top {
top: 0px;
-webkit-animation: top .6s infinite;
/* Safari 4.0 - 8.0 */
-webkit-animation-direction: alternate;
/* Safari 4.0 - 8.0 */
-webkit-animation-delay: 1.2s;
/* Safari 4.0 - 8.0 */
animation: top .6s infinite;
animation-direction: alternate;
animation-delay: 1.2s;
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes top {
0% {
top: 0px;
}
25% {
top: 3px;
}
50% {
top: 6px;
}
75% {
top: 9px;
}
100% {
top: 12px
}
}

/* Standard syntax */

@keyframes top {
0% {
top: 0px;
}
25% {
top: 3px;
}
50% {
top: 6px;
}
75% {
top: 9px;
}
100% {
top: 12px
}
}

.element-bottom {
bottom: 67.5px;
-webkit-animation: bottom .6s infinite;
/* Safari 4.0 - 8.0 */
-webkit-animation-direction: alternate;
/* Safari 4.0 - 8.0 */
-webkit-animation-delay: 1.2s;
/* Safari 4.0 - 8.0 */
animation: bottom .6s infinite;
animation-direction: alternate;
animation-delay: 1.2s;
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes bottom {
0% {
bottom: 12px;
}
25% {
bottom: 9px;
}
50% {
bottom: 6px;
}
75% {
bottom: 3px;
}
100% {
bottom: 0px;
}
}

/* Standard syntax */

@keyframes bottom {
0% {
bottom: 12px;
}
25% {
bottom: 9px;
}
50% {
bottom: 6px;
}
75% {
bottom: 3px;
}
100% {
bottom: 0px;
}
}

.element span {
display: inline-block;
background:#FFD700;
height: 10px;
width: 2px;
border-radius: 1px;
position: relative;
top: 5px;
}

.element i {
border: solid #FFD700;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
position: absolute;
bottom: -15px;
left: 7px;
}

.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#c-header .owl-theme .owl-dots .owl-dot span {
background: #99acce;
}

#c-header .owl-theme .owl-dots .owl-dot.active span, #c-header .owl-theme .owl-dots .owl-dot:hover span {
background: #14387d;
}

#c-menu-btn {
color: #FFD700;
position: absolute;
right: 10px;
top:50%;
transform: translateY(-50%);
z-index: 99;
}

#c-share-btn.c-white, #c-menu-btn.c-white {
color: black;
}

ul.navi {
position: absolute;
background: #FFD700;
background: linear-gradient(45deg, #FFF176 0%, #FFD700 100%);
width: 100%;
height: auto;
min-height:100vh;
top: 0;
left: 0%;
list-style: none;
padding-top: 100px;
padding-bottom:100px;
}

ul.navi li {
text-align: center;
width: 45%;
min-width: 300px;
border-bottom: 1px solid #ffffff36;
margin: 0 auto;
margin-top: 10px;
padding-bottom: 10px;
}

ul.navi a {
text-align: center;
font-size: 1.4em;
color: black;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

ul.navi a:hover {
text-align: center;
font-size: 1.4em;
letter-spacing: 2px;
color: black;
}

#c-navbar ul li.nav-item a.nav-link{
line-height:1em;
text-align:center
}

.slide-top {
position: fixed;
right: 20px;
bottom: 20px;
}

.slide-top .fa {
color: #FFD700;
font-size: 2.5em;
z-index: 50;
cursor: pointer
}
ul.navi-visible{list-style:none;float:right;margin-right:70px;margin-left:0px;margin-bottom:0px}
ul.navi-visible .nav-item {display:inline}
#other img {float:right}
.c-comment ul {padding-left:20px}
.h-buy{color:#fff;font-size:1.2em;margin-top:20px;margin-bottom:10px}
.btn-buy{display:inline-block;background:#FFD700;;padding:15px 20px; color: black;border:none;
border-radius:20px;margin-bottom:30px; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;}
.btn-buy:hover{text-decoration:none;color:black; background:#FFD700;;letter-spacing: 1px;}
@media (max-width:789px) {
#c-header .owl-carousel h3 {
font-size: 3em;
font-size: 8vw;
font-weight: 700;
text-transform: uppercase;
color: #14387e;
}
#other a {text-align:center}
#other img {float:none;margin-top:20px}
.c-ellipses {
padding-left:5%
}
.c-ellipse {
position: relative;
top: 50px;
width: calc(90% / 2);
display:inline-block;
margin-bottom:10px;
}
.c-ellipse:last-of-type{
margin-left: 22.4%
}
ul.navi {
position: absolute;
background: #14387d;
width: 100%;
height: auto;
top: 0;
left: 0%;
list-style: none;
padding-top: 100px;
padding-bottom:100px;
padding-left:0px;
padding-right:0px
}
ul.navi li {
text-align: center;
width: 45%;
min-width: 300px;
border-bottom: 1px solid #e0e0e029;
margin: 0 auto;
margin-top: 5px;
padding-bottom: 5px;
}




}