.qodef-core-dashboard{max-width:initial!important}.qodef-core-dashboard .qodef-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.qodef-core-dashboard .qodef-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.qodef-core-dashboard .qodef-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.qodef-core-dashboard .qodef-cd-title-holder{margin-bottom:30px}.qodef-core-dashboard .qodef-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.qodef-core-dashboard .qodef-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}@media only screen and (max-width:1600px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{max-width:initial;width:50%;box-sizing:border-box}}@media only screen and (max-width:768px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{width:100%}}.qodef-core-dashboard .qodef-core-dashboard-column.qodef-cd-smaller-column{max-width:380px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box{background-color:#fff}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-core-bottom-space{margin-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:28px 34px 23px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-label{font-weight:600;margin-bottom:15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h3{margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-field-holder{padding-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus{outline:0;border-color:#c2c2c2}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:active,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:focus,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-field{border-bottom-color:#ee3535}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box:last-child .qodef-cd-box-row:last-child{padding-bottom:10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button{padding:7px 35px;font-size:16px;line-height:1em;color:#fff;background-color:#3596ee;border:none;border-radius:5px;box-shadow:0 2px 0 0 #246eae;cursor:pointer}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-cd-button-disabled,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-import-demo-data-disabled{background-color:#6bb4f7}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.qodef-core-dashboard .qodef-core-dashboard-column a.qodef-cd-button{text-decoration:none}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section{padding:0 35px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list{padding:10px 35px;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li{font-size:15px;margin:0 0 25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li a{color:#3675ae}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-label,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{display:table-cell;width:50%;padding:17px 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{color:#3e87be}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value-false span{color:#ea3a27}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0 30px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section{padding:0 0 28px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns{display:flex;margin:0 -15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column{padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:first-child{width:75%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:last-child{width:25%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-cd-import-option,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-import-demo{width:100%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-is-completed,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong{display:none;color:#3596ee;font-size:14px;font-weight:600}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong a{color:inherit}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-dependency,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-progress{display:none}#qodef-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#qodef-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#qodef-progress-bar{color:#3596ee}#qodef-progress-bar::-moz-progress-bar{background:#3596ee}#qodef-progress-bar::-webkit-progress-value{background:#3596ee}#qodef-progress-bar[aria-valuenow]:before{background:#3596ee}.qodef-cd-selection li.select2-results__option{padding:10px;margin:0}.qodef-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .qodef-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-action-selection li.select2-results__option,.qodef-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .qodef-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .qodef-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-action-selection .select2-results__option--highlighted,.select2-container--default .qodef-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-import-single-page{width:100%}.qode-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.qode-cd-switch .qodef-cd-import-attachments{display:none}.qode-cd-switch .qode-cd-cb-disable,.qode-cd-switch .qode-cd-cb-enable{display:block;float:left;padding:0 10px}.qode-cd-switch .qode-cd-cb-disable.selected,.qode-cd-switch .qode-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.qode-cd-switch .qode-cd-cb-disable span,.qode-cd-switch .qode-cd-cb-enable span{line-height:32px;font-size:13px;display:block;font-weight:700}.qodef-cd-demos-list{position:relative;display:inline-block;width:100%;vertical-align:middle;background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{position:relative;display:inline-block;width:100%;vertical-align:middle;box-sizing:border-box}.touchevents .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;width:100%;vertical-align:middle}.qodef-cd-demos-list article .qodef-cd-di-image{margin:0 0 22px;position:relative}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;background-color:#fff;transition:opacity .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner{display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-links-holder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 5%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link{padding:0 12px;margin:0 0 4px}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a{font-size:11px;text-transform:uppercase;color:#272727;font-weight:500;letter-spacing:1.3px;text-decoration:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:focus{outline:0;box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a svg{transition:all .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:hover svg{animation:qode-arrow-move .7s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-description-holder p{font-size:13px;line-height:16px;color:#b5b5b5;margin:5px 0 0}.qodef-cd-demos-list article .qodef-cd-di-image:hover .qodef-cd-di-image-overlay{opacity:1}.qodef-cd-demos-list article .qodef-cd-di-image img{box-shadow:0 0 9px 4px rgba(0,0,0,.05)}.qodef-cd-demos-list article .qodef-cd-di-text{padding-bottom:10px}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-title{padding:0;margin:0;font-size:18px;line-height:25px;font-weight:400}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories{font-size:14px;font-weight:400;color:#555d66}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span{position:relative;display:inline-block;vertical-align:middle;padding:0;margin:0 7px 0 0}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:after{position:absolute;top:0;right:-4px;content:', ';color:inherit;line-height:inherit}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:last-child:after{display:none}.qodef-cd-demos-list.qodef-cd-no-space article{padding:0;margin:0}.qodef-cd-demos-list.qodef-cd-tiny-space article{padding:0 5px;margin:0 0 10px}.qodef-cd-demos-list.qodef-cd-small-space article{padding:0 10px;margin:0 0 20px}.qodef-cd-demos-list.qodef-cd-normal-space article{padding:0 15px;margin:0 0 30px}.qodef-cd-demos-list.qodef-cd-medium-space article{padding:0 25px;margin:0 0 50px}.qodef-cd-demos-list.qodef-cd-large-space article{padding:0 30px;margin:0 0 60px}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-demos-list-inner{opacity:0}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry article{width:100%}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-gutter{width:0}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:50%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:25%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article{width:20%}.qodef-cd-demos-list .qodef-cd-demos-filter-holder{padding:0 0 60px 25px}.qodef-cd-demos-list .qodef-cd-dlf-search{position:relative;width:250px;padding-right:30px;display:inline-block}.qodef-cd-demos-list .qodef-cd-dlf-search .qodef-cd-dlf-search-icon{position:absolute;left:0;top:50%;margin-top:-11px;color:#3594cd}.qodef-cd-demos-list .qodef-cd-dlf-search input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #c2c2c2;box-shadow:none;padding-left:25px;outline:0;font-size:14px;line-height:26px;color:#555d66}.qodef-cd-demos-list .qodef-cd-dlf-filter{position:relative;display:inline-block;vertical-align:bottom}.qodef-cd-demos-list .qodef-cd-dfl-filter-list{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{position:relative;display:inline-block;vertical-align:middle;padding:0 10px;margin:0;float:left;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{position:relative;display:inline-block;vertical-align:middle;color:#555d66;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;border-bottom:1px solid transparent;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li.qodef-cd-demos-current span,.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li:hover span{border-bottom-color:#3596ee;color:#3596ee}#qodef-demo-import-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}#qodef-demo-import-popup .qodef-import-popup-close{position:absolute;right:25px;top:25px;text-decoration:none;color:#000}#qodef-demo-import-popup .qodef-core-dashboard{margin:0;padding:27px 40px 2px;background-color:#fff;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column{max-width:670px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:0;margin:0 0 33px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder{max-width:205px;margin-right:19px;display:inline-block;vertical-align:top}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img{display:block;max-width:100%}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder{display:inline-block;vertical-align:top;max-width:calc(100% - 230px);border:1px solid #e1e1e1;border-left:3px solid #3596ee;box-sizing:border-box;padding:16px 17% 11px 18px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p{margin:0;font-size:12px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p.qode-demo-plugins-install-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-installed{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link.qodef-disabled{pointer-events:none;opacity:.6}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link:focus{box-shadow:none;outline:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner{float:none;margin:0 0 0 4px;top:2px;width:15px;background-size:15px;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@media only screen and (max-width:1440px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1400px){.qodef-cd-dlf-filter{display:block;padding-top:30px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{padding:5px 10px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{line-height:26px}}@media only screen and (max-width:1280px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1024px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}}@media only screen and (max-width:768px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:50%}}@media only screen and (max-width:600px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:100%}} .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;
white-space: nowrap;
padding: 15px 31px !important;
border-radius: 7px !important;
text-decoration: none !important;
transition: 0.5s ease-in-out !important;
background-color: #000 !important;
color: #fff !important;
border: 2px solid #000 !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: #000;
color: #fff;
border: 2px solid #000;
}
.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;
}
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}
.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:20px; padding:50px 0 0 0; }
.motto { padding: 0 0 50px 0; }
.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%; }
}  .drop_down .second{  box-shadow: 0px 2px 6px rgba(0,0,0,0.1); }
.drop_down .wide.wide_background .second .inner ul { width: 1250px!important; }
.drop_down .wide.wide_background .second .inner li { width: 100%!important; } 
.drop_down .second .inner #custom_html-7.widget, .drop_down .second .inner #custom_html-5.widget { padding:0; } 
.drop_down .wide.right_position .second ul li:last-child,.drop_down #nav-menu-item-685.wide:not(.right_position) .second ul li:first-child, .drop_down #nav-menu-item-260.wide:not(.right_position) .second ul li:first-child { border:0; }
.drop_down #nav-menu-item-685.wide .second ul li, .drop_down #nav-menu-item-260.wide .second ul li  { padding:0; } 
.drop_down #nav-menu-item-685.wide .second ul, .drop_down #nav-menu-item-260.wide .second ul { padding:0; }   .menu_machine_row { height:380px!important; width:100%!important; -webkit-box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); -moz-box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); }
.menu_machine_row .menu_machine_first { background-color:#f6f6f6; height:380px!important; }
.menu_machine_row .menu_machine_second.milling { padding:150px 70px; background-color:#ececec; }
.menu_machine_row .menu_machine_second.lathe { padding:170px 70px; background-color:#ececec; }
.menu_machine_row .menu_machine_second p a { padding:8px 0!important; line-height:0!important; letter-spacing:0!important; text-transform:none!important; color:#000!important; font-size:14px!important; }
.menu_machine_row .menu_machine a { padding:0!important; }
.menu_machine_row .menu_machine a img { width:100%; transition: 0.2s ease; opacity: 0.9; margin-top:30px; }
.menu_machine_row .menu_machine a img:hover { opacity:1; transition:0.2s ease; } 
.menu_machine_row .menu_machine { margin: 0 19px!important; width: 20%; float:left;}
.menu_machine_row .menu_machine p { font-weight:400; letter-spacing:0; color:#000; text-transform:none;}
.menu_machine_row .menu_machine p.menu_machine_specs { font-size:10px!important; padding:0!important;}
.menu_machine_row .menu_machine p.menu_machine_title { font-size:11px!important;}
.menu_machine_second p a:hover { color:#2b579a!important; } #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); } button#button_navbalk:hover { background-color:#333;  transition: 0.5s ease; } 
button#button_navbalk { display:table; text-align:center; position:relative; margin:20px auto; margin-top: 50px; cursor: pointer; transition: background-color 0.5s ease; border: 0px solid black; letter-spacing:0.3px; font-size: 17px; padding: 10px 45px; border-radius:2px; 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); }   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 }
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; } 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.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 {
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;
} .top-page-content {
display: flex;
align-items: center;
block-size: 600px;
}
.top-page-content a {
color: white;
text-decoration: underline;
}
.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 {
padding-block-start: 115px;
block-size: 500px;
}
.top-page-content .download-button,
.top-page-content .contact-button {
margin-block-start: 0px;
}
}
.top--page--container--besturing, .top--page--container--occasions { 
block-size: 600px;
}
.top--page--container--besturing {
background-image: url(https://www.stylecncmachines.cz/wp-content/uploads/2025/06/page-title-controle.webp);
}
.top--page--container--occasions { 
background-image: url(https://www.stylecncmachines.cz/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.cz/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.cz/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
}
} .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; } .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%);
}
#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: -370px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -467.5px !important;
}
@media screen and (min-width: 1024px) {
.main_menu .nav-container {
width: 1024px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: -394px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -491.5px !important;
}
}
@media screen and (min-width: 1075px) {
.main_menu .nav-container {
width: 1024px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: -421px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -518.5px !important;
}
}
@media screen and (min-width: 1100px) {
.main_menu .nav-container {
width: 1100px;
}
.main_menu #nav-menu-item-260 .nav-container {
left: -471px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -568.5px !important;
}
}
@media screen and (min-width: 1150px) {
.main_menu #nav-menu-item-260 .nav-container {
left:  -496px!important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -593.5px !important;
}
}
@media screen and (min-width: 1201px) {
.main_menu .nav-container {
width: 100vw;
}
.main_menu #nav-menu-item-260 .nav-container {
left: -564px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -661.5px !important;
}
}
@media screen and (min-width: 1300px) {
.main_menu #nav-menu-item-260 .nav-container {
left: -614.5px !important;
}
.main_menu #nav-menu-item-683 .nav-container {
left: -712px !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;
} .gm-style-iw-chr {
position: absolute;
top: 0;
right: 0;
}
.gm-style-iw.gm-style-iw-c {
padding-top: 20px !important;
}
.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;
}
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: 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%);
}
}