img.flags {position: relative; top: 3px;right: 5px; width:17px;}
.dropbtn { cursor: pointer; }
.dropdown { position: relative; display: inline-block; padding-right:17px; }
.dropdown-content { display: none; position: absolute; left:-5px; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.dropdown-content a { color: black; padding: 0px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color:#e0e0e0}
.dropdown:hover .dropdown-content { display: block;}
.header_top {background-color:#2b579b!important}
.banner-btn-container, .calltoaction-btn-container {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.calltoaction-btn-container { 
justify-content: center;
}
.banner-btn-container {
align-items: center;
}
#nav-menu-item-683 .secondary-btn,
#nav-menu-item-261 .secondary-btn {
all: unset;
color: #000;
font-size: 16px;
white-space: nowrap;
padding: 15px 31px;
border-radius: 7px;
text-decoration: none;
transition: 0.5s ease-in-out;
background-color: transparent;
color: #000;
border: 2px solid #000;
cursor: pointer;
}
#nav-menu-item-683 .secondary-btn:hover,
#nav-menu-item-261 .secondary-btn:hover {
background-color: #505050;
border-color: #505050;
color: #fff;
text-decoration: none;
} nf-field input[type=submit].primary-btn {
cursor: pointer;
font-size: 16px !important;
font-weight: 500 !important;
white-space: nowrap;
padding: 15px 31px !important;
border-radius: 7px !important;
text-decoration: none !important;
transition: 0.5s ease-in-out !important;
background-color: #FDD200 !important;
color: #000 !important;
border: 2px solid #FDD200 !important;
height: auto !important;
margin-top: 30px !important;
}
nf-field input[type=submit].primary-btn:hover {
background-color: #505050 !important;
color: #fff !important;
border-color: #505050 !important;
} .primary-btn,
.secondary-btn,
.tertiary-btn {
line-height: 26px;
display: inline-block;
color: #000;
font-size: 16px;
white-space: nowrap;
}
.primary-btn,
.secondary-btn {
padding: 15px 31px;
border-radius: 7px;
text-decoration: none;
transition: 0.4s ease-in-out;
}
.primary-btn {
background-color: #FDD200;
font-weight: 500;
border: 2px solid #FDD200;
}
.primary-btn:hover { filter: brightness(1.05);
transform: scale(1.02);
color: #000;
}
.primary-btn.banner {
background-color: #2b579b;
border-color: #2b579b;
color: #fff;
}
.primary-btn:hover.banner {
border-color: #2B7D9B;
background-color: #2B7D9B;
}
.secondary-btn {
background-color: transparent;
color: #000;
border: 2px solid #000;
}
.secondary-btn:hover { background-color: #000;
border-color: #000;
color: #fff;
text-decoration: none;
}
.secondary-btn.banner {
color: #fff;
border: 2px solid #fff;
}
.secondary-btn:hover.banner { background-color: #fff;
border-color: #fff;
color: #000;
}
.tertiary-btn {
text-decoration: underline;
}
.tertiary-btn:hover {
text-decoration: underline;
color: #000;
}
.tertiary-btn.banner {
color: #fff;
}
.tertiary-btn:hover.banner {
color: #fff;
}      .snow--stage.on { 
display: block;
width: 100%;
height: 100vh;
position: absolute;
top:0;
left: 0;
z-index: 100;
overflow: hidden;
}
.snow--stage.off { 
display:none;
} .snowflake {
position: absolute;
top: -30px;
background: linear-gradient(white, white);
border-radius: 50%;
box-shadow: 0 0 5px 2px rgba(255,255,255,.4);
} .snowSize1 {
width: 10px;
height: 10px;
}
.snowSize2 {
width: 5px;
height: 5px;
}
.snowSize3 {
width: 8px;
height: 8px;
}
.snowSize4 {
width: 3px;
height: 3px;
} .snowContainer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
} .disappear {
opacity: 0;
transition: opacity .8s ease-in;
} .christmas--switch {
display:none;
}
@media screen and (min-width: 1024px) {
.christmas--switch {
position: absolute;
display: inline-block;
width: 60px;
height: 34px;
top: 3em;
left: 14em;
}
}
@media screen and (min-width: 1440px) {
.christmas--switch {
left: 15em;
}
}
.christmas--switch input { 
opacity: 0;
width: 0;
height: 0;
}
.christmas--switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.christmas--switch .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.christmas--switch input:checked + .slider {
background-color: #2196F3;
}
.christmas--switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.christmas--switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .christmas--switch .slider.round {
border-radius: 34px;
}
.christmas--switch .slider.round:before {
border-radius: 50%;
}  .christmasLightsContainer {
display:none;
}
@media screen and (min-width: 1024px) {
.christmasLightsContainer {
display: flex;
position: absolute;
justify-content: center;
top: 111px;
}
.christmas--lights{ 
inline-size: 100%;
}
}
@media screen and (min-width: 1440px) {
.christmasLightsContainer {
top: 100px;
}
}  a.specs_button, button.specs_button { padding: 10px 45px; background-color: #2b579b; border-radius: 2px; color: #fff; border: 1px solid #2b579b; transition: 1s ease; cursor: pointer; display: inline-block; margin: 0 5px; font-size: 17px; font-family: roboto; font-weight: 400; }
a.specs_button:hover, button.specs_button:hover { background:#fff; color:#333; border:1px solid #333; } 
a.specsnormal_button, button.specsnormal_button { padding: 10px 45px; background-color: #fff; border-radius: 2px; color: #000; border: 1px solid #333; transition: 1s ease; cursor: pointer; display: inline-block; margin: 0 5px; font-size: 17px; font-family: roboto; font-weight: 400; }
a.specsnormal_button:hover, button.specsnormal_button:hover { background:#FF7600; color:#fff; border:1px solid #FF7600;} 
.container--buttons--display a, .container--buttons--display--brochures a  {
margin-block-end: 10px;
}
.container--buttons--display, .container--buttons--display--brochures {
display:flex;
flex-direction: column;
text-align: center;
}
.container--buttons--display a.specs_button {
box-shadow: 0px 0px 5px #000;
}
.container--buttons--display > a:nth-of-type(1) {
flex: 1; 
height:100%;
}
.container--buttons--display > a:nth-of-type(2) {
flex: 1; 
height:100%;
}
.container--buttons--display > a:nth-of-type(3) {
flex: 1;
height:100%;
}
.container--buttons--display--brochures > a {
height: 100%;
}
@media only screen and (min-width: 1024px) {
.container--buttons--display {
width:65%;
margin: 0 auto;
flex-direction: row;
} 
}
@media only screen and (min-width: 1024px) {
.container--buttons--display--brochures {
margin: 0 auto;
flex-direction: row;
} 
} .askForQuote--display--products { display:flex; flex-direction: row; justify-content: center;}
.askForQuote--display--products a.specs_button { box-shadow: 0px 0px 5px #000; margin-top:25px; flex:1; text-align:center; }
@media only screen and (min-width: 768px) {
.askForQuote--display--products a.specs_button { flex:0.3; }
}  .breadcrumbs { font-size:12px; }
@media only screen and (min-width: 1024px) {
.breadcrumbs { font-size:15px; }
}  .row--box--brochures { border: 1px solid #ccc; border-bottom: 3px solid #2b579b; border-radius: 0px; }
.top--page--container { box-shadow: inset 0px 0px 20px 0px #000; color: hsl(0, 100%, 100%);}
.top--page--container h1, .top--page--container p { color: hsl(0, 100%, 100%); }
.top--page--container a { color: hsl(0, 100%, 100%); text-decoration: underline; }
.top--page--container--besturing, .top--page--container--occasions { 
block-size: 600px;
}
.top--page--container--besturing {
background-image: url(https://www.stylecncmachines.pl/wp-content/uploads/2025/06/page-title-controle.webp);
}
.top--page--container--occasions { 
background-image: url(https://www.stylecncmachines.pl/wp-content/uploads/2025/06/page-title-occasions.webp);
}
.top--page--container--besturing::after, .top--page--container--occasions::after {
content: '';
inline-size: 100%;
block-size: 100%;
position: absolute;
background-color: hsl(0deg 0% 0% / 60%);
top: 0;
left: 0;
}
.top-page-content-besturing, .top-page-content-occasions { 
padding-block-start: 50px;
} 
@media screen and (min-width: 1001px) {
.top-page-content-besturing, .top-page-content-occasions { 
padding-block-start: 190px;
}
}
.top-page-content-besturing h1,
.top-page-content-besturing p,
.top-page-content-occasions h1, 
.top-page-content-occasions p {
color: hsl(0, 100%, 100%);
}
.top-page-content-besturing h1,
.top-page-content-occasions h1 {
font-size: 40px;
}
.top-page-content-occasions a {
color: hsl(50, 100%, 50%);
}
.top-page-content-occasions a:hover {
color: hsl(50, 100%, 50%);
text-decoration: underline;
}
.top-page-content-besturing p, .besturing-header-paragraph,
.top-page-content-occasions p {
max-inline-size: 900px;
}
.qode_video_box .qode_video_image, .besturing-img img { 
border-radius: 7px;
}
.qode_video_box a {
margin-block-start: -130px;
}
h3 span.tab-title {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
line-height: normal;
}
#nf-field-200-wrap .nf-field-element, #nf-field-200_1-wrap .nf-field-element {
display: flex;
justify-content: flex-end;
}
#nf-field-200-wrap .nf-field-element #nf-field-200, #nf-field-200_1-wrap .nf-field-element #nf-field-200_1 {
background-color: hsl(49.8deg 100% 49.61%) !important;
border: 0px !important;
border-radius: 7px !important;
padding: 16px 31px;
font-weight: 500;
height: auto !important;
font-size: 16px !important;
margin-top: 30px;
cursor: pointer;
}
@media  screen and (min-width: 801px) {
#nf-field-200-wrap .nf-field-element #nf-field-200, #nf-field-200_1-wrap .nf-field-element #nf-field-200_1 { 
margin-top: 0; 
}
}
#nf-field-197-container .nf-after-field .nf-input-limit, #nf-field-197_1-container .nf-after-field .nf-input-limit {
display: none;
}
.flex-title-row {
display: flex;
align-items: center;
block-size: 500px;
}
@media screen and (min-width: 1001px) {
.flex-title-row {
padding-block-start: 115px;
block-size: 400px;
}
} .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
background-image: url(//www.stylecncmachines.pl/wp-content/themes/bridge/css/img/plus@2x.png)!important;
background-size: 12px;
inline-size: 45px;
block-size: 45px;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon {
background-image: url(//www.stylecncmachines.pl/wp-content/themes/bridge/css/img/minus@2x.png)!important;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark { 
background-color: unset;
transition: none;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark { 
border: 0px;
}
.q_accordion_holder.accordion .ui-accordion-header:hover {
color: #000 !important;
}
.q_accordion_holder.accordion h3.ui-accordion-header { 
background-color: #ececec;
padding-block-end: 12px;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
padding-block-start: 7px;
}
.occasions-negative-margin {
margin-block-start: -226px;
}
ul.occasions-features { 
list-style-type: none;
}
ul.occasions-features li {
display:flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-style:normal;
}
@media screen and (min-width: 601px) {
.qode_video_box a {
margin-block-start: -325px;
}
.occasions-negative-margin {
margin-block-start: -330px;
}
}
@media screen and (min-width: 1001px) {
.qode_video_box a {
margin-block-start: -210px;
}
.occasions-negative-margin {
margin-block-start: -244px;
}
}
@media screen and (width: 1200px) {
.qode_video_box a {
margin-block-start: -205px;
}
}
@media screen and (min-width: 1201px) {
.qode_video_box a {
margin-block-start: -255px;
}
}
@media screen and (min-width: 1201px) {
.besturing-h3 h3 { 
margin-block-end: 45px!important;
}
}
@media screen and (min-width: 1001px) {
.mobile-button-besturing {
display:none
}
}
.container--buttons--display {
display:flex;
flex-direction: column;
}
.container--buttons--display--brochures {
display:flex;
justify-content: center;
flex-direction: column;
}
.container--buttons--display a.specs_button {
box-shadow: 0px 0px 5px #000;
}
.container--buttons--display > a:nth-of-type(1) {
flex: 1; 
height:100%;
}
.container--buttons--display > a:nth-of-type(2) {
flex: 1; 
height:100%;
padding-block-start: 12px;
padding-block-end: 12px;
}
.container--buttons--display > a:nth-of-type(3) {
flex: 1;
height:100%;
}
.container--buttons--display--brochures > a {
height: 100%;
}
@media only screen and (min-width: 375px) {
.container--buttons--display > a, .container--buttons--display--brochures > a  {
margin-block-end: 10px;
}
.container--buttons--display--brochures > a {
width: inherit;
}
} @media only screen and (min-width: 1024px) {
.container--buttons--display, .container--buttons--display--brochures {
width:85%;
margin: 0 auto;
flex-direction: row;
} 
.container--buttons--display--brochures > a {
width: 25%;
}
} a.specsnormal_button { padding: 10px 45px; background-color: #FF7600; border-radius: 2px; color: #fff; border: 1px solid #FF7600; transition: 1s ease; cursor: pointer; display: inline-block; margin: 0 5px; font-size: 17px; font-family: roboto; font-weight: 400; }
a.specsnormal_button:hover { background:#fff; color:#000; border:1px solid #333;} 
.machines_button_wrapper { text-align:center; }    .products--positioning { text-align:center; width:100%; }
.btn-specific-product-request {
padding: 15px 20px;
background-color: #2b579b;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
font-size: 9px;
border-radius: 63px;
box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 14%);
transition: 1s;
}
.btn-specific-product-request:hover {
box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 64%);
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-specific-product-request {
font-size: 12px;
letter-spacing: 1px;
}
} .extra--menu ul { display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row; }
.extra--menu ul > li { list-style: none; margin: 0 10px; font-weight:500; }
.extra--menu ul li > a { color:#fff; font-size:12px; }
.use_row_as_box { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .gm-style-iw-chr {
position: absolute;
top: 0;
right: 0;
}
.gm-style-iw.gm-style-iw-c {
padding-top: 20px !important;
} .top--page--container {
box-shadow: inset 0px 0px 20px 0px #000;
color: hsl(0, 100%, 100%);
}
.top--page--container h1,
.top--page--container p {
color: hsl(0, 100%, 100%);
}
.top--page--container a.link--top {
color: hsl(0, 100%, 100%);
text-decoration: underline;
}
.top--page--container::after {
content: '';
inline-size: 100%;
block-size: 100%;
position: absolute;
background-color: hsl(0deg 0% 0% / 60%);
top: 0;
left: 0;
}  .top-page-content {
display: flex;
align-items: center;
block-size: 600px;
}
.top-page-content .section_inner_margin,
.occasion-text-box .section_inner_margin {
max-inline-size: 900px;
}
.top-page-content h1 {
font-size: 40px;
}
.top-page-content .download-button,
.top-page-content .contact-button {
margin-block-start: 10px;
}
@media screen and (min-width: 1001px) {
.top-page-content {  block-size: 500px;
}
.top-page-content .download-button,
.top-page-content .contact-button {
margin-block-start: 0px;
}
}      .occasion-machine-block {
box-shadow: 0 14px 20px hsla(0, 0%, 0%, 14%);
background-color: hsl(0, 0%, 100%);
border-radius: 8px;
transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
margin-block-end: 40px;
}
.occasion-machine-block:hover {
background-color: hsl(0, 0%, 96%);
box-shadow: 0 10px 15px hsla(0, 0%, 0%, 14%);
}
.occasion-machine-price {
position: relative;
block-size: 190px;
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
.occasion-machine-price {
block-size: 250px;
}
}
@media screen and (min-width: 1001px) {
.occasion-machine-price {
block-size: 300px;
}
}
@media screen and (min-width: 1300px) {
.occasion-machine-price {
block-size: 366px;
}
}
.occasion-machine-price a {
display: inline-block;
margin-block-start: 20px;
}
.occasion-machine-price p {
text-align: center !important;
}
@media screen and (min-width: 768px) {
.occasion-machine-price a {
float: right;
}
.occasion-machine-price p {
text-align: right !important;
}
}
.occasion-machine-content li {
line-height: 22px;
font-style: italic;
}
.occasion-machine-content h3 {
margin-block: 15px !important;
font-weight: 400;
font-size: 16px;
}
.occasion-machine-image img {
border-radius: 8px;
margin-block-end: 20px;
} .occasion-machine-amount {
position: absolute;
top: -35px;
right: -20px;
background-color: hsl(0, 0%, 90%);
padding: 15px;
border-radius: 0 8px 0 0;
font-size: 17px;
box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}
@media screen and (min-width: 992px) {
.occasion-machine-amount {
position: absolute;
top: -35px;
right: -526px;
background-color: hsl(0, 0%, 90%);
padding: 15px;
border-radius: 0 8px 0 0;
font-size: 17px;
box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}
}
@media screen and (min-width: 1001px) {
.occasion-machine-amount {
position: absolute;
top: -35px;
right: -647px;
background-color: hsl(0, 0%, 90%);
padding: 15px;
border-radius: 0 8px 0 0;
font-size: 17px;
box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}
}
@media screen and (min-width: 1201px) {
.occasion-machine-amount {
position: absolute;
top: -35px;
right: -747px;
background-color: hsl(0, 0%, 90%);
padding: 15px;
border-radius: 0 8px 0 0;
font-size: 17px;
box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}
}
@media screen and (min-width: 1300px) {
.occasion-machine-amount {
position: absolute;
top: -35px;
right: -814px;
background-color: hsl(0, 0%, 90%);
padding: 15px;
border-radius: 0 8px 0 0;
font-size: 17px;
box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}
}
.banner-btn-container, .calltoaction-btn-container {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.calltoaction-btn-container { 
justify-content: center;
}
.banner-btn-container {
align-items: center;
}