div#content b,
div#content p {
text-align: left;
} .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 {
color: #000;
font-size: 16px;
white-space: nowrap;
}
.primary-btn,
.secondary-btn {
padding: 15px 31px;
border-radius: 7px;
text-decoration: none;
transition: 0.5s ease-in-out;
}
.primary-btn {
background-color: #FDD200;
font-weight: 500;
color: #000;
border: 2px solid #FDD200;
}
.primary-btn:hover {
background-color: #505050;
color: #fff;
border-color: #505050;
}
.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: #505050;
border-color: #505050;
color: #fff;
text-decoration: none;
}
.secondary-btn.banner {
color: #fff;
border: 2px solid #fff;
}
.secondary-btn:hover.banner {
background-color: #2B7D9B;
border-color: #2B7D9B;
}
.tertiary-btn {
text-decoration: underline;
}
.tertiary-btn:hover {
text-decoration: underline;
color: #000;
}
.tertiary-btn.banner {
color: #fff;
}
.tertiary-btn:hover.banner {
color: #fff;
} :root {
--orange: #ff7605;
--white: #fff;
} .footer_top .widget_meta>ul>li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li,
.footer_top .widget_recent_comments>ul>li,
.footer_top .widget_recent_entries>ul>li {
padding: 0 0 6px;
}
.footer_top h5 {
margin: 0 0 10px;
}
.slogan {
font-size: 25px;
padding: 50px 0 0 0;
}
.motto {
padding: 0 0 50px 0;
}
.q_logo a {
height: 40px !important;
}
@media only screen and (min-width: 1024px) {
.q_logo a {
height: 60px !important;
}
}
@media only screen and (min-width: 1024px) {
html {
max-width: 2000px;
margin: 0 auto !important;
background-color: #eaeaea;
}
}
@media only screen and (max-width: 812px) {
html {
max-width: 100%;
}
}  #nav-menu-item-1097 a .plus {
display: none;
} #dim_page_effect {
width: 100%;
height: 100%;
z-index: 100;
display: none;
content: "";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}  rs-carousel-wrap,
#rev_slider_1_1_wrapper .erinyen .tp-thumb,
#rev_slider_2_1_wrapper .erinyen .tp-thumb,
#rev_slider_3_1_wrapper .erinyen .tp-thumb,
#rev_slider_4_1_wrapper .erinyen .tp-thumb,
#rev_slider_5_1_wrapper .erinyen .tp-thumb,
#rev_slider_6_1_wrapper .erinyen .tp-thumb,
#rev_slider_7_1_wrapper .erinyen .tp-thumb,
#rev_slider_8_1_wrapper .erinyen .tp-thumb,
#rev_slider_9_1_wrapper .erinyen .tp-thumb,
#rev_slider_10_1_wrapper .erinyen .tp-thumb,
#rev_slider_11_1_wrapper .erinyen .tp-thumb,
#rev_slider_12_1_wrapper .erinyen .tp-thumb,
#rev_slider_13_1_wrapper .erinyen .tp-thumb,
#rev_slider_14_1_wrapper .erinyen .tp-thumb,
#rev_slider_15_1_wrapper .erinyen .tp-thumb,
#rev_slider_16_1_wrapper .erinyen .tp-thumb,
#rev_slider_17_1_wrapper .erinyen .tp-thumb,
#rev_slider_18_1_wrapper .erinyen .tp-thumb,
#rev_slider_19_1_wrapper .erinyen .tp-thumb,
#rev_slider_20_1_wrapper .erinyen .tp-thumb,
#rev_slider_21_1_wrapper .erinyen .tp-thumb,
#rev_slider_22_1_wrapper .erinyen .tp-thumb,
#rev_slider_23_1_wrapper .erinyen .tp-thumb,
#rev_slider_24_1_wrapper .erinyen .tp-thumb,
#rev_slider_25_1_wrapper .erinyen .tp-thumb,
#rev_slider_26_1_wrapper .erinyen .tp-thumb,
#rev_slider_27_1_wrapper .erinyen .tp-thumb,
#rev_slider_28_1_wrapper .erinyen .tp-thumb,
#rev_slider_29_1_wrapper .erinyen .tp-thumb,
#rev_slider_30_1_wrapper .erinyen .tp-thumb {
border: 1px solid #000;
}
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;
}
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;
}
a.machines_button,
button.machines_button,
.controle_video {
padding: 10px 45px;
font-size: 17px;
background-color: #ff7600;
border-radius: 2px;
color: #fff;
border: 0px solid #ff7600;
transition: 1s ease;
cursor: pointer;
display: inline-block;
margin: 10px 5px 0 5px
}
a.machines_button:hover,
button.machines_button:hover {
background: #fff;
color: #333;
}
#buttonproductpage {
margin-top: 50px;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.5s ease;
border: 0px solid black;
font-size: 20px;
padding: 10px 45px;
background: #ff7600;
font-weight: 400;
font-family: roboto;
color: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}
#buttonproductpage:hover {
color: #fff;
background: #333;
}
#buttonactiepage {
margin-top: 10px;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.5s ease;
border: 0px solid black;
font-size: 20px;
padding: 10px 45px;
background: #ff7600;
font-weight: 400;
font-family: roboto;
color: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}
#buttonactiepage:hover {
color: #fff;
background: #333;
}
#buttonsoftwarepage {
margin-top: 50px;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.5s ease;
border: 0px solid black;
font-size: 20px;
padding: 10px 45px;
background: #ff7600;
font-weight: 400;
font-family: roboto;
color: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}
#buttonsoftwarepage:hover {
color: #fff;
background: #333;
}
#buttonaltsoftwarepage {
border-radius: 4px;
cursor: pointer;
transition: background-color 0.5s ease;
border: 1px solid black;
padding: 15px 16px;
background: #fff;
font-weight: 700;
font-family: raleway;
color: #333333;
font-size: 12px;
}
#buttonaltsoftwarepage:hover {
color: #fff;
background: #333;
}
.controle_button_wrapper {
text-align: center;
}
button.controle_button,
.controle_video {
padding: 10px 45px;
font-size: 17px;
background-color: #ff7600;
border-radius: 2px;
color: #fff;
border: 0px solid #ff7600;
transition: 1s ease;
cursor: pointer;
display: inline-block;
margin: 10px 5px 0 5px
}
button.controle_button:hover,
.controle_video:hover {
background: #fff;
color: #333;
}
#buttonquotationpage {
margin-top: 50px;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.5s ease;
border: 0px solid black;
font-size: 20px;
padding: 10px 45px;
background: #ff7600;
font-weight: 400;
font-family: roboto;
color: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}
#buttonquotationpage:hover {
color: #fff;
background: #333;
}
#recent-posts-4 ul li a::before {
content: "•";
padding-right: 5px;
}
.klantenportaal {
color: hsl(0, 100%, 100%);
}
.klantenportaal:hover {
color: hsl(0, 100%, 95%);
}
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
} .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%;
}
}  .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--container--besturing, .top--page--container--occasions { 
block-size: 600px;
}
.top--page--container--besturing {
background-image: url(https://www.stylecncmachines.nl/wp-content/uploads/2025/05/page-title-controle.webp);
}
.top--page--container--occasions { 
background-image: url(https://www.stylecncmachines.nl/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;
} .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
background-image: url(//www.stylecncmachines.nl/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.nl/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;
}
@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
}
}  .breadcrumbs {
font-size: 12px;
}
@media only screen and (min-width: 1024px) {
.breadcrumbs {
font-size: 15px;
}
} .buttonOccasions {
padding: 12px 45px;
font-size: 17px;
background-color: hsl(216deg 57% 39%);
color: hsl(0deg 0% 100%);
box-shadow: 0px 0px 5px hsl(0deg 0% 0%);
border: 0;
border-radius: 3px;
transition: 1s ease;
}
.buttonOccasions:hover {
box-shadow: 0px 0px 10px hsl(0deg, 0%, 0%);
background-color: hsl(0, 100%, 100%);
color: hsl(0, 0%, 0%);
}
.occasion--button--container {
display: flex;
justify-content: flex-start;
margin-top: 35px;
}
@media only screen and (min-width: 1024px) {
.occasion--button--container {
display: flex;
justify-content: flex-end;
margin-top: 35px;
}
}
.btn--occasion-interested {
padding: 15px 20px;
background-color: #2b579b;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
border-radius: 63px;
box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 14%);
transition: 1s;
}
.btn--occasion-interested:hover {
box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 64%);
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.btn--occasion-interested {
font-size: 9px;
}
}
@media only screen and (min-width: 1024px) {
.btn--occasion-interested {
font-size: 12px;
}
}
.cnc-occasions-mobile .cnc-occasions-price p {
text-align: left !important;
}
@media only screen and (min-width: 768px) {
.cnc-occasions-mobile .cnc-occasions-price p {
text-align: right !important;
}
}
#buttonproductpage,
#buttonoccasionpage,
.buttonoccasionpage {
margin-top: 50px !important;
cursor: pointer !important;
border-radius: 2px !important;
transition: background-color 0.5s ease !important;
border: 0px solid black !important;
font-size: 20px !important;
padding: 10px 45px !important;
background: #ff7600 !important;
font-weight: 400 !important;
font-family: roboto !important;
color: #fff !important;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
}
#mc_embed_signup input.email:focus {
outline: 0 !important;
}
#mc_embed_signup .clear {
display: block !important;
}
#mc_embed_signup input.email {
background: #fff !important;
width: 442px !important;
border: 1px solid #333 !important;
border-radius: 3px !important;
height: 47px !important;
font-family: roboto !important;
color: #000 !important;
font-size: 12px !important;
padding: 12px !important;
}
@media only screen and (max-width: 768px) {
.buttonoccasionpage {
width: 100% !important;
font-size: 12px !important;
}
#mc_embed_signup input.email {
width: 100% !important;
}
} .popupMVDM {
padding: 10px;
box-sizing: border-box;
position: fixed;
z-index: 1000;
background-color: #fff;
inline-size: 100vw;
block-size: 500px;
top: calc(50vh - 250px);
left: calc(50vw - 50vw);
box-shadow: 0px 0 12px 0px #000;
}
.popup-close-button {
position: absolute;
right: 15px;
top: 15px;
font-size: 25px;
cursor: pointer;
}
.popup-Btn {
position: absolute;
top: 86%;
left: 56%;
line-height: 14px;
}
.popup-title {
font-family: "Roboto";
font-weight: 300;
font-size: 26px;
text-align: center;
margin-block-start: 20px;
}
.titleUnder-popup {
font-family: "Roboto";
font-weight: 500;
font-size: 20px;
text-align: center;
display: block;
margin-block-end: 20px;
}
.image-popup {
max-inline-size: 100%;
}
.specs-popup {
line-height: 14px;
}
@media screen and (min-width: 500px) {
.popupMVDM {
padding: 10px;
box-sizing: border-box;
position: fixed;
z-index: 1000;
background-color: #fff;
inline-size: 500px;
block-size: 500px;
top: calc(50vh - 250px);
left: calc(50vw - 250px);
box-shadow: 0px 0 12px 0px #000;
}
div#nav_menu-4 {
margin-block-start: 20px;
}
}   .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%;
} .christmas--lights {
display: none;
}
@media screen and (min-width: 1024px) {
.christmas--lights {
display: block;
position: absolute;
top: 111px;
}
}
@media screen and (min-width: 1440px) {
.christmas--lights {
left: 8em;
height: 84px;
}
}
@media screen and (min-width: 1920px) {
.christmas--lights {
left: 27em;
}
}  .popup--call--back {
display: none;
position: fixed;
top: 17%;
left: 0;
padding: 28% 35px;
background-color: #fff;
z-index: 101;
}
@media screen and (min-width: 768px) {
.popup--call--back {
top: 23%;
padding: 13% 18%;
}
}
@media screen and (min-width: 1024px) {
.popup--call--back {
top: 29%;
left: 31%;
padding: 24px 40px;
width: 30%;
}
}
@media screen and (min-width: 1440px) {
.popup--call--back {
left: 32%;
}
}
.dim--popup--effect {
width: 100%;
height: 100%;
z-index: 100;
display: none;
content: "";
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.popup--close {
font-size: 24px !important;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
transition: transform 0.2s ease-in;
}
.popup--close:hover {
transform: scale(1.1);
cursor: pointer;
}
.nf-form-fields-required {
display: none;
}
.nf-form-content label {
font-size: 16px !important;
font-weight: 400 !important;
}
.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label {
margin-bottom: 0px !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
background: #fff !important;
border: 1px solid #333 !important;
border-radius: 3px !important;
height: 47px !important;
font-family: roboto;
color: #000 !important;
font-size: 16px;
}
#nf-field-145 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.5s ease;
border: 0px solid black;
font-size: 17px;
padding: 0.59em 2.35em;
background: #ff7600;
font-weight: 400;
font-family: roboto;
color: #fff;
-webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 41%);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 41%);
transition: transform 0.2s ease-in;
}
#nf-field-145:hover {
transform: scale(1.05);
cursor: pointer;
}
.popup--button--container {
margin-top: 22px;
}
.popup--button--container {
display: flex;
justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
.popup--button--container {
justify-content: flex-end;
}
}
.popup--button {
background-color: #ff7601;
border-radius: 2px;
border: 0px;
padding: 0.8em 2.35em;
font-size: 17px;
color: #fff;
font-weight: 400;
font-family: roboto;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
cursor: pointer;
transition: transform 0.2s ease-in;
}
.popup--button:hover {
transform: scale(1.05);
cursor: pointer;
}   section.special-projects {
position: fixed;
background-color: #ececec;
inline-size: 100%;
block-size: 100%;
top: 0;
left: -100vw;
transition: .5s ease-in;
}
section.special-projects.enabled {
left: 0;
transition: .5s ease-out;
overflow: scroll;
}
@media screen and (min-width: 768px) {
section.special-projects.enabled {
padding-inline: 84px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1024px) {
section.special-projects.enabled {
padding-inline: 52px;
}
}
@media screen and (min-width: 1366px) {
section.special-projects.enabled {
padding-inline: 8.5vw;
}
}
@media screen and (min-width: 1920px) {
section.special-projects.enabled {
padding-inline: 19vw;
}
} .special-projects section:nth-of-type(1),
.special-projects section:nth-of-type(2),
.special-projects section:nth-of-type(3) {
padding: 50px 20px;
}
@media screen and (min-width: 768px) {
.special-projects section:nth-of-type(1) {
padding-inline: 0;
}
}
@media screen and (min-width: 1024px) {
.special-projects section:nth-of-type(1) {
padding-block: 80px;
}
}
.special-projects section:nth-of-type(2) {
box-shadow: 0 0 15px hsl(0 0% 0% / 44%);
background-color: hsl(0, 0%, 100%);
}
@media screen and (min-width: 1024px) {
.special-projects section:nth-of-type(2) {
float: left;
inline-size: calc(66% - 40px);
block-size: 36%;
}
}
.special-projects section:nth-of-type(3) {
background-color: hsl(216, 57%, 39%);
box-shadow: 0px 8px 15px hsl(0 0% 0% / 44%);
}
@media screen and (min-width: 1024px) {
.special-projects section:nth-of-type(3) {
float: right;
inline-size: calc(34% - 40px);
block-size: 36%;
}
}
.special-projects h2 {
font-size: 30px;
font-weight: 400;
}
.special-projects p.undertitle {
font-size: 25px;
font-weight: 600;
margin-bottom: 30px;
line-height: 30px;
}
.special-projects ul {
margin-bottom: 25px;
}
.special-projects ul li {
line-height: 20px;
}
.special-projects .fa.fa-times-circle {
position: absolute;
top: 3vh;
right: 3vw;
font-size: 30px;
text-shadow: 0px 2px 2px #00000026;
cursor: pointer;
}
.special-projects section:nth-of-type(2) h2 {
color: hsl(0, 0%, 0%);
}
.special-projects section:nth-of-type(3) h2 {
color: hsl(0, 0%, 100%);
}
.special-projects section:nth-of-type(2) h2 {
margin-block-end: 30px;
}
.special-projects section:nth-of-type(2) div {
display: none;
margin-block-start: 10px;
}
.special-projects section:nth-of-type(2) input[type="text"],
.special-projects section:nth-of-type(2) select {
inline-size: 100%;
border: 1px solid #333;
border-radius: 3px;
font-size: 13px;
padding: 12px;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.special-projects section:nth-of-type(2) input[type="text"],
.special-projects section:nth-of-type(2) select {
inline-size: 100%;
}
}
@media screen and (min-width: 1440px) {
.special-projects section:nth-of-type(2) input[type="text"],
.special-projects section:nth-of-type(2) select {
inline-size: 40%;
}
}
.special-projects section:nth-of-type(2) input[type="submit"] {
font-size: 15px;
cursor: pointer;
margin-top: 1.5em;
border-radius: 0.1em;
border: 0;
padding: 0.8em 4.6em;
background: #2B579B;
font-weight: 400;
font-family: 'Roboto';
color: hsl(0deg 0% 100%);
box-shadow: 0 0 0.1em 0 rgb(0 0 0);
transition: background 0.2s, transform 0.2s;
}
@media screen and (min-width: 768px) {
.special-projects section:nth-of-type(2) input[type="submit"] {
font-size: 18px;
}
}
.special-projects section:nth-of-type(2) input[type="submit"]:hover {
color: hsl(0, 0%, 100%);
background-color: hsl(0, 0%, 20%);
transform: scale(1.05);
}
.special-projects section:nth-of-type(3) div p,
.special-projects section:nth-of-type(3) div a {
color: hsl(0, 0%, 100%);
}
.special-projects section:nth-of-type(3) div p {
margin-block-end: 10px;
}
.special-projects section:nth-of-type(3) div:nth-of-type(2) {
margin-block-start: 20px;
}  .linkedInBtn {
cursor: pointer;
background-color: #2c66b1;
color: #fff;
padding: 7px 15px;
border-radius: 10px;
border: 0;
transition: box-shadow .5s;
}
.linkedInBtn:hover {
box-shadow: 2px 3px 2px 1px #00000036;
}
.linkedInBtn span:nth-of-type(1) {
position: relative;
top: -1px;
}
.linkedInBtn span:nth-of-type(2) {
font-size: 16px;
font-weight: bold;
position: relative;
top: 0px;
margin-left: 3px;
}
.linkedInBtn i {
font-size: 23px;
position: relative;
top: 0px;
margin-left: 3px;
vertical-align: sub;
}  .top--page--container {
block-size: 700px;
}
@media screen and (min-width: 1001px) {
.top--page--container {
block-size: 100%;
}
}
.top--page--container::after {
content: '';
inline-size: 100%;
block-size: 100%;
position: absolute;
background-color: hsl(0deg 0% 0% / 60%);
top: 0;
left: 0;
} .contact-button {
font-size: 16px;
text-decoration: none;
display: inline-block;
border-radius: 0.4375em;
background-color: hsl(28, 100%, 50%);
color: hsl(0, 100%, 100%);
padding: 0 3.5em;
block-size: 2.8125em;
line-height: 2.8125em;
box-shadow: 0 4px 14px 0 hsla(0, 100%, 50%, 0.39);
transition: background 0.2s ease, box-shadow 0.2s ease;
white-space: nowrap;
}
.contact-button:hover {
background-color: hsl(28, 100%, 55%);
box-shadow: 0 6px 20px hsla(0, 100%, 50%, 0.23);
color: hsl(0, 100%, 100%);
}
.download-button {
font-size: 16px;
text-decoration: none;
display: inline-block;
border-radius: 0.4375em;
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 30%);
padding: 0 3.5em;
block-size: 2.8125em;
line-height: 2.8125em;
box-shadow: 0 4px 14px 0 hsla(0, 0%, 0%, 0.10);
transition: background 0.2s ease, box-shadow 0.2s ease;
white-space: nowrap;
}
.download-button:hover {
background-color: hsla(0, 0%, 98%, 0.9);
box-shadow: 0 6px 20px hsla(0, 0%, 36%, 0.23);
color: hsl(0, 0%, 30%);
} .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;
}
ul.occasions-features { 
list-style-type: none;
}
ul.occasions-features li {
display:flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-style:normal;
} .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%);
}
}
#nav-menu-item-260 .second.drop_down_start .inner ul,
#nav-menu-item-685 .second.drop_down_start .inner ul {
width: 100% !important;
padding: 0 !important;
}
.drop_down .second .inner>ul,
li.narrow .second .inner ul {
display: block;
}
.second .inner ul {
width: 100% !important;
padding: 0 !important;
}
#nav-menu-item-260 .second.drop_down_start .inner ul {
width: 100% !important;
padding: 0 !important;
}
#nav-menu-item-260 .second.drop_down_start .inner ul #nav-menu-item-261,
.drop_down .second .inner .widget {
padding: 0 !important;
} .main_menu .second.drop_down_start {
left: 0px !important;
}
.main_menu .nav-container {
block-size: 375px;
width: 1001px;
max-width: 1200px;
background-color: hsl(0, 0%, 96%);
position: absolute;
display: grid;
grid-template-columns: 75% 25%;
grid-template-rows: 75% 25%;
}
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 213px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 305.5px) !important;
}
@media screen and (min-width: 1024px) {
.main_menu .nav-container {
width: 1024px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 238px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 330.5px) !important;
}
}
@media screen and (min-width: 1075px) {
.main_menu .nav-container {
width: 1024px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 262px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 354.5px) !important;
}
}
@media screen and (min-width: 1100px) {
.main_menu .nav-container {
width: 1100px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 312px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 404.5px) !important;
}
}
@media screen and (min-width: 1150px) {
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 339px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 431.5px) !important;
}
}
@media screen and (min-width: 1201px) {
.main_menu .nav-container {
width: 100vw;
}
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 366px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 458.5px) !important;
}
}
@media screen and (min-width: 1300px) {
.main_menu #nav-menu-item-260 .nav-container {
left: calc(-100% - 389px) !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: calc(-100% - 481.5px) !important;
}
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines {
width: 100% !important;
background-color: hsl(0, 0%, 96%) !important;
display: flex;
padding: 25px 25px 0px 25px !important;
gap: 10px;
grid-column: 1/2;
grid-row: 1/2;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines li {
width: 25%;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines li h5 {
font-size: 13px;
font-weight: 500;
text-transform: unset;
letter-spacing: 0;
color: hsl(0, 0%, 0%);
padding: 0;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines li a {
text-transform: unset;
letter-spacing: 0;
font-weight: 400;
padding: 0 !important;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines li p {
font-size: 12px;
padding: 0;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines li div {
margin-top: 10px;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-machines img {
width: 95%;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-links {
width: 100% !important;
background-color: hsl(0, 0%, 93%) !important;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px !important;
grid-column: 2/3;
grid-row: 1/3;
}
#menu-main-menu .second.drop_down_start .nav-container .nav-links li a {
text-transform: unset;
letter-spacing: 0;
color: hsl(0, 0%, 0%);
font-size: 16px;
}
#menu-main-menu .second.drop_down_start .nav-container .button-container {
padding: 25px;
grid-row: 2/3;
}
.button-container a.nav-button {
all: unset !important;
display: inline !important;
font-size: 16px !important;
background-color: hsl(28, 100%, 50%) !important;
color: hsl(0, 0%, 100%) !important;
padding: 15px 73px !important;
border-radius: 8px !important;
box-shadow: 0px 4px 14px 0px hsla(0, 0%, 0%, 38%) !important;
cursor: pointer !important;
transition: 0.3s ease-in-out !important;
}
.button-container .nav-button:hover {
background-color: hsl(28, 93%, 43%) !important;
box-shadow: 0px 6px 20px 0px hsla(0, 0%, 0%, 23%) !important;
} .main-button {
cursor: pointer !important;
display: inline-block !important;
padding: 0 56px !important;
block-size: 45px !important;
line-height: 45px !important;
border-radius: 7px !important;
background-color: hsl(28, 100%, 50%) !important;
color: hsl(0, 0%, 100%) !important;
text-decoration: none !important;
font-size: 16px !important;
font-weight: 400 !important;
font-family: 'Roboto', sans-serif !important;
box-shadow: 0 4px 14px 0 hsla(0, 100%, 50%, 0.39) !important;
transition: all 0.2s !important;
}
.main-button:hover {
transform: translateY(-2px) !important;
background-color: hsla(28, 100%, 50%, 0.9) !important;
box-shadow: 0 6px 20px hsla(0, 100%, 50%, 0.23) !important;
} @media screen and (min-width: 1001px) {
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
padding-top: 148px;
}
#tribe-events-pg-template {
padding-top: 168px;
}
} .gm-style-iw-chr {
position: absolute;
top: 0;
right: 0;
}
.gm-style-iw.gm-style-iw-c {
padding-top: 20px !important;
}