.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%}}@-webkit-keyframes spinReturn {0% {-webkit-transform: rotate(0deg);}25% {-webkit-transform: rotate(225deg);}50% {-webkit-transform: rotate(180deg);}75% {-webkit-transform: rotate(405deg);}100% {-webkit-transform: rotate(360deg);}}@keyframes spinReturn {0% {transform: rotate(0deg);}25% {transform: rotate(225deg);}50% {transform: rotate(180deg);}75% {transform: rotate(405deg);}100% {transform: rotate(360deg);}}@-webkit-keyframes lightUp {0% {opacity: 0.2;}40% {opacity: 1;}60% {opacity: 0.2;}100% {opacity: 0.2;}}@keyframes lightUp {0% {opacity: 0.2;}40% {opacity: 1;}60% {opacity: 0.2;}100% {opacity: 0.2;}}@-webkit-keyframes wave {0% {-webkit-transform: scaleY(1);}40% {-webkit-transform: scaleY(0.1);}80% {-webkit-transform: scaleY(1);}100% {-webkit-transform: scaleY(1);}}@keyframes wave {0% {transform: scaleY(1);}40% {transform: scaleY(0.1);}80% {transform: scaleY(1);}100% {transform: scaleY(1);}}@-webkit-keyframes drawframeTop {0% {-webkit-transform: scaleX(1);transform-origin: 100% 0%;}12.5% {-webkit-transform: scaleX(0);transform-origin: 100% 0%;}50% {-webkit-transform: scaleX(0);transform-origin: 0% 0%;}62.5% {-webkit-transform: scaleX(1);transform-origin: 0% 0%;}100% {-webkit-transform: scaleX(1);transform-origin: 100% 0%;}}@keyframes drawframeTop {0% {transform: scaleX(1);transform-origin: 100% 0%;}12.5% {transform: scaleX(0);transform-origin: 100% 0%;}50% {transform: scaleX(0);transform-origin: 0% 0%;}62.5% {transform: scaleX(1);transform-origin: 0% 0%;}100% {transform: scaleX(1);transform-origin: 100% 0%;}}@-webkit-keyframes drawframeBottom {0% {-webkit-transform: scaleX(1);transform-origin: 0% 0%;}12.5% {-webkit-transform: scaleX(0);transform-origin: 0% 0%;}50% {-webkit-transform: scaleX(0);transform-origin: 100% 0%;}62.5% {-webkit-transform: scaleX(1);transform-origin: 100% 0%;}100% {-webkit-transform: scaleX(1);transform-origin: 0% 0%;}}@keyframes drawframeBottom {0% {transform: scaleX(1);transform-origin: 0% 0%;}12.5% {transform: scaleX(0);transform-origin: 0% 0%;}50% {transform: scaleX(0);transform-origin: 100% 0%;}62.5% {transform: scaleX(1);transform-origin: 100% 0%;}100% {transform: scaleX(1);transform-origin: 0% 0%;}}@-webkit-keyframes drawframeRight {0% {-webkit-transform: scaleY(1);transform-origin: 0% 100%;}12.5% {-webkit-transform: scaleY(0);transform-origin: 0% 100%;}50% {-webkit-transform: scaleY(0);transform-origin: 0% 0%;}62.5% {-webkit-transform: scaleY(1);transform-origin: 0% 0%;}100% {-webkit-transform: scaleY(1);transform-origin: 0% 100%;}}@keyframes drawframeRight {0% {transform: scaleY(1);transform-origin: 0% 100%;}12.5% {transform: scaleY(0);transform-origin: 0% 100%;}50% {transform: scaleY(0);transform-origin: 0% 0%;}62.5% {transform: scaleY(1);transform-origin: 0% 0%;}100% {transform: scaleY(1);transform-origin: 0% 100%;}}@-webkit-keyframes drawframeLeft {0% {-webkit-transform: scaleY(1);transform-origin: 0% 0%;}12.5% {-webkit-transform: scaleY(0);transform-origin: 0% 0%;}50% {-webkit-transform: scaleY(0);transform-origin: 0% 100%;}62.5% {-webkit-transform: scaleY(1);transform-origin: 0% 100%;}100% {-webkit-transform: scaleY(1);transform-origin: 0% 0%;}}@keyframes drawframeLeft {0% {transform: scaleY(1);transform-origin: 0% 0%;}12.5% {transform: scaleY(0);transform-origin: 0% 0%;}50% {transform: scaleY(0);transform-origin: 0% 100%;}62.5% {transform: scaleY(1);transform-origin: 0% 100%;}100% {transform: scaleY(1);transform-origin: 0% 0%;}}@-webkit-keyframes imgLoading {0% {height: 0%;opacity: 1;}95% {height: 100%;opacity: 1;}100% {height: 100%;opacity: 0;}}@keyframes imgLoading {0% {height: 0%;opacity: 1;}95% {height: 100%;opacity: 1;}100% {height: 100%;opacity: 0;}}@-webkit-keyframes beat {0% {transform: scale(0);opacity: 0;}80% {transform: scale(1);opacity: 0.7;}100% {transform: scale(1);opacity: 0;}}@keyframes beat {0% {transform: scale(0);opacity: 0;}80% {transform: scale(1);opacity: 0.7;}100% {transform: scale(1);opacity: 0;}}html, body {opacity: 1 !important;}#loftloader-wrapper {position: fixed;top: 0;left: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);z-index: 999999;width: 100%;height: 100%;background: transparent !important;}.loaded #loftloader-wrapper {-webkit-transform: translateX(-200vw);-ms-transform: translateX(-200vw);transform: translateX(-200vw);pointer-events: none;opacity: 0;transition: opacity 0.0001s 1s, transform 0.0001s 2s;}.loaded #loftloader-wrapper.slide-vertical {-webkit-transform: translate(-100%, 0);-ms-transform: translate(-100%, 0);transform: translate(-100%, 0);}.loaded #loftloader-wrapper #loader, .loaded #loftloader-wrapper .loader-close-button {opacity: 0;transition: all 0.3s ease-out;}#loftloader-wrapper .loader-inner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1001;text-align: center;transition: all 0s;font-size: 0;}#loftloader-wrapper .loader-inner #loader {position: relative;z-index: 1002;top: auto;left: auto;display: inline-block;margin: 0 auto;padding: 0;border: none;border-radius: 0;background: none !important;color: #248acc;}#loftloader-wrapper .loader-section {position: fixed;z-index: 999;width: 50%;height: 100%;background: #000;opacity: 0.95;transition: all 0s;will-change: transform;}#loftloader-wrapper .loader-section.section-fade {top: 0;left: 0;width: 100%;will-change: opacity;}.loaded #loftloader-wrapper .loader-section.section-fade {opacity: 0 !important;transition: opacity 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}#loftloader-wrapper .loader-section.end-no-animation {top: 0;left: 0;width: 100%;will-change: opacity;}.loaded #loftloader-wrapper .loader-section.end-no-animation, .loaded #loftloader-wrapper .loader-section.end-no-animation ~ * {opacity: 0;transition: all 0s 0s;}#loftloader-wrapper .loader-section.section-slide-up {top: 0;left: 0;width: 100%;}.loaded #loftloader-wrapper .loader-section.section-slide-up {-webkit-transform: translateY(-100vh);-ms-transform: translateY(-100vh);transform: translateY(-100vh);transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}#loftloader-wrapper .loader-section.section-left, #loftloader-wrapper .loader-section.section-right {top: 0;}#loftloader-wrapper .loader-section.section-left {left: 0;}.loaded #loftloader-wrapper .loader-section.section-left {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(-50vw);-ms-transform: translateX(-50vw);transform: translateX(-50vw);}#loftloader-wrapper .loader-section.section-right {right: 0;}.loaded #loftloader-wrapper .loader-section.section-right {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateX(50vw);-ms-transform: translateX(50vw);transform: translateX(50vw);}#loftloader-wrapper .loader-section.section-up, #loftloader-wrapper .loader-section.section-down {left: 0;width: 100%;height: 50%;}#loftloader-wrapper .loader-section.section-up {top: 0;}.loaded #loftloader-wrapper .loader-section.section-up {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateY(-50vh);-ms-transform: translateY(-50vh);transform: translateY(-50vh);}#loftloader-wrapper .loader-section.section-down {bottom: 0;}.loaded #loftloader-wrapper .loader-section.section-down {transition: transform 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform: translateY(50vh);-ms-transform: translateY(50vh);transform: translateY(50vh);}#loftloader-wrapper.pl-sun #loader {width: 50px;height: 50px;}#loftloader-wrapper.pl-sun #loader span {position: absolute;top: 0;left: 0;display: block;width: 50px;height: 50px;background: currentColor;opacity: 0.9;transform-origin: 50% 50%;-webkit-animation: spinReturn 4s ease infinite;animation: spinReturn 4s ease infinite;}#loftloader-wrapper.pl-sun #loader span:before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: inherit;opacity: 0.9;content: "";transform-origin: 50% 50%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}#loftloader-wrapper.pl-circles #loader {width: 100px;height: 60px;}#loftloader-wrapper.pl-circles #loader span, #loftloader-wrapper.pl-circles #loader:before, #loftloader-wrapper.pl-circles #loader:after {position: absolute;display: block;width: 10px;height: 10px;border-radius: 50%;background: currentColor;opacity: 0.2;}#loftloader-wrapper.pl-circles #loader span {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-animation: lightUp 1.5s linear infinite 0.5s;animation: lightUp 1.5s linear infinite 0.5s;}#loftloader-wrapper.pl-circles #loader:before, #loftloader-wrapper.pl-circles #loader:after {content: "";top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}#loftloader-wrapper.pl-circles #loader:before {left: 0;-webkit-animation: lightUp 1.5s linear infinite;animation: lightUp 1.5s linear infinite;}#loftloader-wrapper.pl-circles #loader:after {right: 0;-webkit-animation: lightUp 1.5s linear infinite 1s;animation: lightUp 1.5s linear infinite 1s;}#loftloader-wrapper.pl-wave #loader {width: 60px;height: 30px;}#loftloader-wrapper.pl-wave #loader span, #loftloader-wrapper.pl-wave #loader:before, #loftloader-wrapper.pl-wave #loader:after {position: relative;display: inline-block;width: 6px;height: 100%;background: currentColor;}#loftloader-wrapper.pl-wave #loader span {margin: 0 16px;-webkit-animation: wave 0.9s linear infinite 0.3s;animation: wave 0.9s linear infinite 0.3s;}#loftloader-wrapper.pl-wave #loader:before, #loftloader-wrapper.pl-wave #loader:after {content: "";}#loftloader-wrapper.pl-wave #loader:before {-webkit-animation: wave 0.9s linear infinite;animation: wave 0.9s linear infinite;}#loftloader-wrapper.pl-wave #loader:after {-webkit-animation: wave 0.9s linear infinite 0.6s;animation: wave 0.9s linear infinite 0.6s;}#loftloader-wrapper.pl-square #loader {width: 50px;height: 50px;transform-origin: 50% 50%;-webkit-animation: spinReturn 4s ease infinite;animation: spinReturn 4s ease infinite;}#loftloader-wrapper.pl-square #loader span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border: 4px solid currentColor;box-sizing: border-box;transform-origin: 50% 50%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}#loftloader-wrapper.pl-frame #loader {width: 80px;height: 80px;max-width: 90vw;}#loftloader-wrapper.pl-frame #loader:before, #loftloader-wrapper.pl-frame #loader:after {position: absolute;width: 100%;height: 4px;background: currentColor;content: "";}#loftloader-wrapper.pl-frame #loader:before {top: 0;right: 0;left: auto;-webkit-animation: drawframeTop 4s linear infinite;animation: drawframeTop 4s linear infinite;}#loftloader-wrapper.pl-frame #loader:after {right: auto;bottom: 0;left: 0;-webkit-animation: drawframeBottom 4s linear infinite 1s;animation: drawframeBottom 4s linear infinite 1s;}#loftloader-wrapper.pl-frame #loader span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}#loftloader-wrapper.pl-frame #loader span:before, #loftloader-wrapper.pl-frame #loader span:after {position: absolute;width: 4px;height: 100%;background: currentColor;content: "";}#loftloader-wrapper.pl-frame #loader span:before {top: auto;right: 0;bottom: 0;-webkit-animation: drawframeRight 4s linear infinite 0.5s;animation: drawframeRight 4s linear infinite 0.5s;}#loftloader-wrapper.pl-frame #loader span:after {top: 0;bottom: auto;left: 0;-webkit-animation: drawframeLeft 4s linear infinite 1.5s;animation: drawframeLeft 4s linear infinite 1.5s;}#loftloader-wrapper.pl-frame #loader img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 80%;max-height: 80%;}#loftloader-wrapper.pl-imgloading #loader {width: auto;height: auto;max-width: 90vw;}#loftloader-wrapper.pl-imgloading #loader img {position: relative;z-index: 1;display: block;width: 100%;height: auto;margin: 0 auto;}#loftloader-wrapper.pl-imgloading #loader img {opacity: 0.3;}#loftloader-wrapper.pl-imgloading #loader .imgloading-container {position: absolute;bottom: 0;left: 0;z-index: 3;display: block;width: 100%;height: 0%;transition: 0s;overflow: hidden;-webkit-animation: imgLoading 6s linear infinite;animation: imgLoading 6s linear infinite;will-change: height, opacity;transform-origin: 0 100%;}#loftloader-wrapper.pl-imgloading #loader span {position: absolute;bottom: 0;left: 0;z-index: 3;display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center bottom;transition: 0s;}#loftloader-wrapper.pl-beating #loader {width: 60px;height: 60px;}#loftloader-wrapper.pl-beating #loader span, #loftloader-wrapper.pl-beating #loader:before {position: absolute;top: 0;left: 0;display: block;width: 60px;height: 60px;border-radius: 50%;background: currentColor;box-shadow: 0 0 50px;opacity: 0;}#loftloader-wrapper.pl-beating #loader span {-webkit-animation: beat 1.5s linear infinite;animation: beat 1.5s linear infinite;}#loftloader-wrapper.pl-beating #loader:before {content: "";-webkit-animation: beat 1.5s linear infinite 1s;animation: beat 1.5s linear infinite 1s;}.loader-close-button {position: fixed;top: 10px;right: 10px;z-index: 99999;box-sizing: border-box;padding: 5px 30px 5px 5px;width: auto;min-width: 35px;height: 35px;background: rgba(0, 0, 0, 0.3);border-radius: 999px;color: #FFF;font-size: 12px;line-height: 25px;cursor: pointer;}.loader-close-button:hover {background: rgba(0, 0, 0, 0.7);}.loader-close-button:before, .loader-close-button:after {position: absolute;top: 16px;right: 9px;display: block;width: 18px;height: 2px;background: #FFF;transform-origin: 50% 50%;content: "";}.loader-close-button:before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.loader-close-button:after {-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}.loader-close-button .screen-reader-text {position: absolute !important;padding: 0;margin: -1px;width: 1px;height: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);overflow: hidden;word-wrap: normal !important;}.loader-close-button .close-des {padding: 0 5px;font-size: 12px;}
.twenty20{
margin-bottom: 20px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label, .twentytwenty-after-label {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label, .twentytwenty-after-label {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label {
}
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label{
opacity: 1;
}
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label {
}
.twentytwenty-horizontal .twentytwenty-before-label {
left: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-horizontal .twentytwenty-after-label {
right: 1px;
bottom: 0px;
max-width: 50%;
box-sizing: border-box;
line-height: inherit;
padding: 4px; }
.twentytwenty-vertical .twentytwenty-before-label {
top: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box;
display: block;}
.twentytwenty-vertical .twentytwenty-after-label {
bottom: 1px;
line-height: inherit;
padding: 6px;
box-sizing: border-box;
display: block; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }
.twentytwenty-horizontal .twentytwenty-right-arrow:before,
.twentytwenty-horizontal .twentytwenty-left-arrow:before {display: none;}.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}perspective: 
.parallax_section_holder {background-size: cover!important;}
.fullheight {height: 100vh;}
.fullheight .full_section_inner,
.fullheight .section_inner {top: 50%; transform: translateY(-50%);}
.krack_right {float:right;}
.krack_left {float:left;}
.sk_nodisplay {display: none;}
p span.sk_nocut {display:inline-block;}
.grecaptcha-badge {opacity: 0; visibility: hidden;}
p.krack_google_recaptcha {
font-size: 14px;
font-style: italic;
line-height: 16px;
}
.sk_reverse {direction: rtl;}
.sk_reverse_text {direction: ltr;}
*:before,
*:after {pointer-events: none;}
.ty4 {transform: translateY(60px);}
.br {border-right: 1px solid #E7F3FA;}
.page_not_found {margin:180px 0 200px}
.sk_img_radius img {border-radius:60px 30px 60px 30px;box-shadow: 0 6px 18px rgb(8 81 124 / 20%);}
#back_to_top {bottom: 30px;}
.sk_holder_50 {max-width: 80%; margin: 0 auto;}
.sk_img_200 img {max-width:200px;}
.sk_img_300 img {max-width:300px;} h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0;position: relative;}
p {margin: 0 0 20px 0;}
.portfolio_single h2 {margin: 0 0 20px;}
.portfolio_single h3 {margin: 0 0 15px;}
.white p {color: #ffffff;}
.white h2 {color: #ffffff;}
.white h3 {color:#08517C;}
.white a {color: #fff;font-style: italic;transition: all 0.2s ease-out;}
.white a:hover {color: #08517C;transition: all 0.2s ease-out;}
.wpb_text_column ul {
list-style-position: outside;
padding-left: 30px;
margin-bottom: 20px;
}
.wpb_text_column ul li {padding: 4px 0;}
.wpb_text_column ul li::marker {color: #4AADE5; width: 18px; height: 18px;}  .m0 {margin: 0;}
.m1 {margin: 10px;}
.m2 {margin: 20px;}
.m3 {margin: 30px;}
.m4 {margin: 40px;}
.m5 {margin: 50px;}
.m6 {margin: 60px;}
.m7 {margin: 70px;}
.m8 {margin: 80px;}
.m9 {margin: 90px;}
.m10 {margin: 100px;} .mt0 {margin-top: 0;}
.mt1 {margin-top: 10px;}
.mt2 {margin-top: 20px;}
.mt3 {margin-top: 30px;}
.mt4 {margin-top: 40px;}
.mt5 {margin-top: 50px;}
.mt6 {margin-top: 60px;}
.mt7 {margin-top: 70px;}
.mt8 {margin-top: 80px;}
.mt9 {margin-top: 90px;}
.mt10 {margin-top: 100px;} .mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 10px;}
.mb2 {margin-bottom: 20px;}
.mb3 {margin-bottom: 30px;}
.mb4 {margin-bottom: 40px;}
.mb5 {margin-bottom: 50px;}
.mb6 {margin-bottom: 60px;}
.mb7 {margin-bottom: 70px;}
.mb8 {margin-bottom: 80px;}
.mb9 {margin-bottom: 90px;}
.mb10 {margin-bottom: 100px;} .ml0 {margin-left: 0;}
.ml1 {margin-left: 10px;}
.ml2 {margin-left: 20px;}
.ml3 {margin-left: 30px;}
.ml4 {margin-left: 40px;}
.ml5 {margin-left: 50px;}
.ml6 {margin-left: 60px;}
.ml7 {margin-left: 70px;}
.ml8 {margin-left: 80px;}
.ml9 {margin-left: 90px;}
.ml10 {margin-left: 100px;}
.mpl1 {margin-left: 1%;}
.mpl2 {margin-left: 2%;}
.mpl3 {margin-left: 3%;}
.mpl4 {margin-left: 4%;}
.mpl5 {margin-left: 5%;}
.mpl6 {margin-left: 6%;}
.mpl7 {margin-left: 7%;}
.mpl8 {margin-left: 8%;}
.mpl9 {margin-left: 9%;}
.mpl10 {margin-left: 10%;}
.mpl15 {margin-left: 15%;}
.mpl20 {margin-left: 20%;}
.mpl50 {margin-left: 50%;} .mr0 {margin-right: 0;}
.mr1 {margin-right: 10px;}
.mr2 {margin-right: 20px;}
.mr3 {margin-right: 30px;}
.mr4 {margin-right: 40px;}
.mr5 {margin-right: 50px;}
.mr6 {margin-right: 60px;}
.mr7 {margin-right: 70px;}
.mr8 {margin-right: 80px;}
.mr9 {margin-right: 90px;}
.mr10 {margin-right: 100px;}
.mpr1 {margin-right: 1%;}
.mpr2 {margin-right: 2%;}
.mpr3 {margin-right: 3%;}
.mpr4 {margin-right: 4%;}
.mpr5 {margin-right: 5%;}
.mpr6 {margin-right: 6%;}
.mpr7 {margin-right: 7%;}
.mpr8 {margin-right: 8%;}
.mpr9 {margin-right: 9%;}
.mpr10 {margin-right: 10%;}
.mpr15 {margin-right: 15%;}
.mpr20 {margin-right: 20%;}
.mpr50 {margin-right: 50%;}  .p0 {padding: 0;}
.p1 {padding: 10px;}
.p2 {padding: 20px;}
.p3 {padding: 30px;}
.p4 {padding: 40px;}
.p5 {padding: 50px;}
.p6 {padding: 60px;}
.p7 {padding: 70px;}
.p8 {padding: 80px;}
.p9 {padding: 90px;}
.p10 {padding: 100px;}
.p20 {padding: 200px;} .pt0 {padding-top: 0;}
.pt1 {padding-top: 10px;}
.pt2 {padding-top: 20px;}
.pt3 {padding-top: 30px;}
.pt4 {padding-top: 40px;}
.pt5 {padding-top: 50px;}
.pt6 {padding-top: 60px;}
.pt7 {padding-top: 70px;}
.pt8 {padding-top: 80px;}
.pt9 {padding-top: 90px;}
.pt10 {padding-top: 100px;}
.pt11 {padding-top: 110px;}
.pt12 {padding-top: 120px;}
.pt14 {padding-top: 140px;}
.pt16 {padding-top: 160px;}
.pt18 {padding-top: 180px;}
.pt20 {padding-top: 200px;}
.pt22 {padding-top: 220px;}
.pt24 {padding-top: 240px;}
.pt26 {padding-top: 260px;} .pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 10px;}
.pb2 {padding-bottom: 20px;}
.pb3 {padding-bottom: 30px;}
.pb4 {padding-bottom: 40px;}
.pb5 {padding-bottom: 50px;}
.pb6 {padding-bottom: 60px;}
.pb7 {padding-bottom: 70px;}
.pb8 {padding-bottom: 80px;}
.pb9 {padding-bottom: 90px;}
.pb10 {padding-bottom: 100px;}
.pb12 {padding-bottom: 120px;}
.pb14 {padding-bottom: 140px;}
.pb16 {padding-bottom: 160px;}
.pb18 {padding-bottom: 180px;}
.pb20 {padding-bottom: 200px;}
.pb22 {padding-bottom: 220px;}
.pb24 {padding-bottom: 240px;}
.pb26 {padding-bottom: 260px;} .pl0 {padding-left: 0;}
.pl1 {padding-left: 10px;}
.pl2 {padding-left: 20px;}
.pl3 {padding-left: 30px;}
.pl4 {padding-left: 40px;}
.pl5 {padding-left: 50px;}
.pl6 {padding-left: 60px;}
.pl7 {padding-left: 70px;}
.pl8 {padding-left: 80px;}
.pl9 {padding-left: 90px;}
.pl10 {padding-left: 100px;}
.ppl0 {padding-left: 0;}
.ppl1 {padding-left: 1%;}
.ppl2 {padding-left: 2%;}
.ppl3 {padding-left: 3%;}
.ppl4 {padding-left: 4%;}
.ppl5 {padding-left: 5%}
.ppl6 {padding-left: 6%;}
.ppl7 {padding-left: 7%;}
.ppl8 {padding-left: 8%;}
.ppl9 {padding-left: 9%;}
.ppl10 {padding-left: 10%;}
.ppl15 {padding-left: 15%;}
.ppl20 {padding-left: 20%;} .pr0 {padding-right: 0;}
.pr1 {padding-right: 10px;}
.pr2 {padding-right: 20px;}
.pr3 {padding-right: 30px;}
.pr4 {padding-right: 40px;}
.pr5 {padding-right: 50px;}
.pr6 {padding-right: 60px;}
.pr7 {padding-right: 70px;}
.pr8 {padding-right: 80px;}
.pr9 {padding-right: 90px;}
.pr10 {padding-right: 100px;}
.ppr0 {padding-right: 0;}
.ppr1 {padding-right: 1%;}
.ppr2 {padding-right: 2%;}
.ppr3 {padding-right: 3%;}
.ppr4 {padding-right: 4%;}
.ppr5 {padding-right: 5%}
.ppr6 {padding-right: 6%;}
.ppr7 {padding-right: 7%;}
.ppr8 {padding-right: 8%;}
.ppr9 {padding-right: 9%;}
.ppr10 {padding-right: 10%;}
.ppr15 {padding-right: 15%;}
.ppr20 {padding-right: 20%;} .sk_animation_delai_1 {animation: fadein 0.8s forwards; animation-delay:0.4s; opacity:0;}
.sk_animation_delai_2 {animation: fadein 0.8s forwards; animation-delay:0.8s; opacity:0;}
.sk_animation_delai_3 {animation: fadein 0.8s forwards; animation-delay:1.2s; opacity:0;}
.sk_animation_delai_4 {animation: fadein 0.8s forwards; animation-delay:1.6s; opacity:0;}
.toptobottom {
line-height: 65px;
text-align: center;
color: #000;
width: 65px;
height: 65px;
border-radius: 50%;
position: absolute;
right: 19%;
top: -50px;
display: inline-block!important;
z-index: 999;
background: #fff;
box-shadow: 2px 2px 16px rgb(66 15 23 / 40%);
color: #420F17;
}
.toptobottom span {
animation: scroll 2s infinite;
position:absolute;
top: 2px;
margin: 0 auto;
left: -1px;
right: 0;
z-index:100;
}
.sk_toptobottom_anim {
animation: zoom 2s infinite;
}
.sk_lefttoright_anim span {
animation: lefttoright 2s infinite;
}
@keyframes scroll {
0% {opacity:1;}
40% {opacity:1;}
100% {opacity:0; transform:translateY(10px);}
}
@keyframes lefttoright {
0% {opacity:1;}
40% {opacity:1;}
100% {opacity:0; transform:translateX(10px);}
}
@keyframes zoom {
0% {transform: scale(0.7);}
50% {transform: scale(0.8);}
100% {transform: scale(0.7);}
}.home header.fixed {opacity: 0; visibility: hidden; transition: all .5s ease; height: 0; transform: translateY(-90px);}
.home header.fixed.scrolled {opacity: 1; visibility: visible; transform: translateY(0px);}
header.fixed .header_bottom,
header.fixed.scrolled .header_bottom {box-shadow: none;border-bottom: 1px solid #A4D6F2;}
.header_inner_left {
display: inline-block;
position: relative; width: 20%;
vertical-align: bottom;
}
.q_logo a {
height: 42px!important;
top: -3px;
}
.arrow_sub i.menu_icon {
float: right;
line-height: 90px;
margin-left: 7px;
margin-right: 0!important;
}
header nav.main_menu > ul > li.header_menu_button > a {
line-height: 44px;
border: 2px solid #0586CE;
margin: 21px 0;
position: relative;
border-radius: 60px;
padding: 0 40px 0 22px;
} .drop_down .second ul {
border-radius: 10px;
padding: 15px 30px!important;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
margin-top: -10px;
}
.drop_down .narrow .second .inner ul li a {padding-left: 0; padding-right: 0; position: relative;}
.drop_down .narrow .second .inner ul li a:before {
content: '\f105';
font-family: 'FontAwesome';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
color: #4AADE5;
} .qbutton, .qbutton.big_large {
padding: 0 46px 0 28px; }
.qbutton.small {padding: 0 40px 0 22px;}
.qbutton.transparent {
color: #0586CE;
background: transparent;
border-color: transparent;
}
.qbutton.white.transparent {
color: #fff;
background: transparent;
border-color: transparent;
}
.qbutton.white.big {margin-top: 0; text-transform: uppercase;}
.ty4 .qbutton.white.transparent.big {transform: translateY(-60px);}
.qbutton.white.blue {
border-color: #0586CE;
color: #0586CE;
}
.qbutton.white.blue:hover {
background: #0586CE;
color: #fff;
}
.qbutton:after,
header nav.main_menu > ul > li.header_menu_button > a:after {
content: '\f105';
-webkit-transform: translateX(13px);
-moz-transform: translateX(13px);
transform: translateX(13px);
position: absolute;
opacity: 1;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: all 0.3s ease-out;
font-family: 'FontAwesome' !important;
}
.qbutton:hover:after,
header nav.main_menu > ul > li.header_menu_button > a:hover:after {
-webkit-transform: translateX(16px);
-moz-transform: translateX(16px);
transform: translateX(16px);
} .sk_white_overlay:before {
content: '';
background: linear-gradient(45deg, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 40%,rgba(255,255,255,0) 89%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
display: inline-block!important;
}
.sk_white_overlay_center:before {
content: '';
background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.95) 40%,rgba(255,255,255,0.85) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
display: inline-block!important;
} .sk_picto_overlay .section_inner:before {
content: '';
background: url(//escofi.fr/wp-content/uploads/2022/07/pictogramme-reserve.svg) center no-repeat;
background-size: cover;
position: absolute;
display: block;
opacity: .1;
right: -100px;
width: 500Px;
height: 473px;
bottom:100px;
z-index: -1;
} .sk_gradient_blue {background: linear-gradient(180deg, rgba(21,134,206,1) 0%, rgba(74,173,229,1) 100%);} .wyr:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wyr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 370px;
}
.byr:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/byr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
z-index: 1;
}
.wyrt:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wyrt.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: -361px;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
z-index: 1;
}
.bhyr:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/08/bhyr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
z-index: 1;
}
.bcyr:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bcyr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
z-index: 1;
}
.bgl:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bgl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
left: 0;
vertical-align: bottom;	
width: 540px;
height: 357px;
}
.bglb:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bglb.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
left: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;
}
.byl:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/byl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
left: 0;
vertical-align: bottom;	
width: 540px;
height: 325px;
}
.wglb:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wglb.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: -354px;
left: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;
}
.wgr:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wgr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
right: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;
}
.bblt:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/08/bblt.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
right: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;	
}
.bbr:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bbr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
right: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;
}
.wbr:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wbr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
right: 0;
vertical-align: bottom;	
width: 540px;
height: 354px;
}
.wbl:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wbl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: 0px;
left: 0;
vertical-align: top;	
width: 1000px;
height: 588px;	
}
.bbl:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bbl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
left: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
}
.wbhl:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/wbhl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
left: 0;
vertical-align: bottom;	
width: 600px;
height: 361px;
}
.bbrb:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bfl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
bottom: 0px;
left: 0;
vertical-align: bottom;	
width: 600px;
height: 384px;
} .sk_square h3 {margin-bottom:10px;}
.sk_square .sk_square_blue h3:before, .sk_square .sk_square_green h3:before, .sk_square .sk_square_yellow h3:before {
content:'';
width: 15px;
height: 15px;
margin-right: 10px;
display: inline-block!important;
}
.sk_square .sk_square_blue h3:before {
background: url(//escofi.fr/wp-content/uploads/2022/08/blue-square.svg) center no-repeat;
}
.sk_square .sk_square_green h3:before {
background: url(//escofi.fr/wp-content/uploads/2022/08/green-square.svg) center no-repeat;
}
.sk_square .sk_square_yellow h3:before {
background: url(//escofi.fr/wp-content/uploads/2022/08/yellow-square.svg) center no-repeat;
} .sk_title {
position:relative;
text-transform: uppercase;
letter-spacing: 1px;
}
.sk_title:before {
content: '';
height: 1px;
width: 30px;
background: #08517C;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.align_center .sk_title:after {
content: '';
height: 1px;
width: 30px;
background: #08517C;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.white .sk_title:before, .white .sk_title:after {background: #fff;} .sk_box_blue {
border-radius: 60px 0 0 60px;
position : relative;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
border-left: 10px solid #fff;
background-color: #08517C;
display: block;
}
.sk_box_blue:after {
content: '';
background: #08517c;
width: 100vw;
right: -100vw;
position: absolute;
top: -10px;
height: 100%;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
} .sk_box_white {padding: 0 20px; text-align: center;}
.sk_box_white .vc_column-inner {
background: #fff;
border-radius: 20px;
padding: 10px 15px 30px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
margin-bottom: 30px;
min-height: 214px;
}
.sk_box_white img {width: 130px;}
.sk_box_white_1 {
background: #fff;
border-radius: 20px;
padding: 40px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
} .sk_box_white_2 {
background: #fff;
border-radius: 20px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
}
.sk_img_shadow {box-shadow: 0 6px 18px rgb(8 81 124 / 20%);} .sk_cta_box {
position: absolute;
top: -100px;
width: auto;
padding: 14px 0px;
right: 0;
text-align: center;
background: #fff;
border-radius: 15px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
transition: all .3s ease-in-out;
}
.sk_cta_box p {
color: #4AADE5;
}
.sk_cta_box a {
display: inline-block;
text-transform:none;
font-weight:600;
padding: 0 6px;
}
.sk_cta_box a:hover {color: #08517C;}
.sk_cta_box a i, .sk_contact_box a i {padding-right: 7px; opacity: .6;}
.sk_contact_box {
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
display: inline-block;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
padding: 20px;
border-radius: 20px;
}  .sk_cta_box:after {
content: '';
border: 2px solid #ffffff;
border-radius: 20px;
height: 51px;
width: 410px;
top: -2px;
left: -2px;
right: 0;
margin: 0 auto;
position: absolute;
animation: pulsate 1.8s ease-out;
animation-iteration-count: infinite;
animation-delay: 1s;
opacity: 0;
box-sizing: content-box;
z-index: -1;
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.8, 0.8); opacity: 0.0;}
25% {opacity: 1; }
50% {-webkit-transform: scale(1.1, 1.3); opacity: 0.0;}
}
.headpage_home {padding: 120px 0;}
.headpage_home h1 {color: #08517C; padding-right: 60px;}
.headpage_home img {max-width: 400px; margin-bottom: 40px;}
.q_counter_holder .separator {
border-radius: 50%;
width: 14px;
height: 14px;
}
.q_counter_holder p.counter_text {line-height: 1.4em;}
.sk_ap_img {margin-top: -180px;}
.sk_ap_img img {max-width: 480px;}
.sk_apropos_home .sk_image_1 img {margin-bottom: -20px;} .sk_counter .sk_box_white .vc_column-inner {margin-bottom: -100px!important; padding: 10px 15px;} .projects_holder.hover_text article .hover_feature_holder_title .hover_feature_holder_title_inner {padding:0 16px;}
.portfolio_category_5, .portfolio_category_6, .portfolio_category_7 {position: relative;}
.portfolio_category_5:before, .portfolio_category_6:before, .portfolio_category_7:before {
text-transform: uppercase;
padding: 15px 25px;
position: absolute;
left: -15px;
top: 40px;
font-size: 18px;
display: inline-block;
z-index: 999;
color: #fff;
font-weight: bold;
line-height: 1em;
}
.portfolio_category_5:before {content: 'Éolien'; background-color: #93D529;}
.portfolio_category_6:before {content: 'Solaire'; background-color: #FEC62E;}
.portfolio_category_7:before {content: 'Hydro'; background-color: #4AADE5;}
.portfolio_category_5:after,
.portfolio_category_6:after,
.portfolio_category_7:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 0;
position: absolute;
left: -15px;
top: 88px;
}
.portfolio_category_5:after {border-color: transparent #84BF25 transparent transparent;}
.portfolio_category_6:after {border-color: transparent #E4B229 transparent transparent;}
.portfolio_category_7:after {border-color: transparent #429BCD transparent transparent;}
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {width: 31%!important;margin-bottom: 3%!important;}
.projects_holder.hover_text article .image_holder,
.projects_holder.hover_text article .image_holder span.image {border-radius: 40px 30px 60px 40px;}
.slider_container {
position: absolute!important;
top: 0;
z-index: -1;
}
.slider_container img { object-fit: cover;
}
.sk_box_linkedin {
max-width: 80%;
margin: 0 auto;
border-radius: 30px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
} .sk_project_cat_eolien, .sk_project_cat_solaire, .sk_project_cat_hydro, .sk_project_statut_dev, .sk_project_statut_exp, .sk_project_statut_renouvellement, .sk_project_statut_standby {
padding: 11px 22px;
display:inline-block;
margin: 20px 5px 0px 0px;
border-radius:10px;
}
.sk_project_cat_eolien p, .sk_project_cat_solaire p, .sk_project_cat_hydro p {
color: #fff!important;
text-transform: uppercase;
font-weight: bold;	
}
.sk_project_cat_eolien {background-color: #93D500;}
.sk_project_cat_solaire {background-color: #FFC600;}
.sk_project_cat_hydro {background-color: #4AADE5;}
.sk_project_statut_renouvellement {
border: 2px solid #93D500;
}
.sk_project_statut_renouvellement p a {
color: #93D500;
text-transform: uppercase;
font-weight: bold;	
}
.sk_project_statut_dev, .sk_project_statut_exp {
background-color: #E7F3FA;
}
.sk_project_statut_standby {
background-color: #ffde67;
}
.sk_project_statut_dev p, .sk_project_statut_exp p {
color: #4AADE5!important;
text-transform: uppercase;
font-weight: bold;
}
.sk_img_radius_team_multi img, .sk_img_radius_team_alone img {
border: 0;
border-radius:40px 40px 0px 0px;
}
.sk_img_radius_team_multi {
float: none;
width: 100%;
margin: 0;
text-align: center;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
border-radius: 40px 40px 20px 20px;
}
.sk_img_radius_team_alone {
float: none;
width: auto;
margin: 0;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
border-radius: 40px 40px 20px 20px;
display: inline-block;
}
.sk_img_radius_team_multi p, .sk_img_radius_team_alone p  {
margin:0;
line-height: 11px;
color:#fff;
}
.sk_img_radius_team_multi .sk_img_radius_team_content, .sk_img_radius_team_alone .sk_img_radius_team_content {
color:#fff;
background:#0586CE;
width: 100%;
display:inline-block;
border-radius: 0px 0px 20px 20px;
padding: 10px 0;
text-align:center;
}
.sk_img_radius_team_multi .sk_img_radius_team_content h3, .sk_img_radius_team_alone .sk_img_radius_team_content h3 {
margin:0px 0px 5px 0px;
font-size:18px;
color:#fff;
text-align: center;
}
.sk_img_radius_team_multi .sk_img_radius_team_content .sk_team_metier, .sk_img_radius_team_alone .sk_img_radius_team_content .sk_team_metier {line-height:20px;}  .headpage {padding: 180px 0 120px;}
.headpage ul {list-style-position: outside; list-style: none; padding-left: 30px; margin: 30px 0 0;}
.headpage ul li {line-height: 2em; position: relative;}
.headpage ul li:before {
content: '';
height: 1px;
width: 60px;
background: #0586CE;
vertical-align: middle;
position: relative;
display: inline-block;
margin-right: 20px;
}
.sk_anchor a {
padding: 4px 18px;
margin: 5px;
border: 1px solid #0586CE;
border-radius: 60px;
display: inline-block;
}
.sk_more_info a {
font-size: 13px;
line-height: normal;
color: #777;
font-style:italic;
}
.twentytwenty-handle {background: #0586CE;} .sk_citation p {
font-size: 36px;
line-height: 37px;
font-style: italic;
opacity: .5;
margin: 20px 0 40px;
}
.sk_histoire .img_right {border-radius: 60px 0 0 220px;}
.sk_histoire .img_left {border-radius: 0 60px 220px 0;}
.qode-advanced-tabs .qode-advanced-tabs-nav li {
background: transparent!important;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active h3,
.qode-advanced-tabs .qode-advanced-tabs-nav li h3:hover {opacity: 1; background: #fff;}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3 {
background: #E7F3FA;
margin: 0 15px!important;
text-align: center;
border-radius: 15px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
padding: 20px 20px 30px;
cursor: pointer;
position: relative;
}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3:before {
content: "+";
position: absolute;
top: 20px;
right: 20px;
font-size: 40px;
font-weight: 400;
}
.qode-advanced-tabs .qode-advanced-tabs-nav li.ui-state-active h3:before {
content: '-';
}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3 a {padding: 0!important; transition: unset;}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3 span:before {
width: 160px;
display: block;
margin: 0 auto;
}
.qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(1) h3 span:before {
content: url(//escofi.fr/wp-content/uploads/2022/09/pole-developpement.svg)
}
.qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(2) h3 span:before {
content: url(//escofi.fr/wp-content/uploads/2022/09/pole-ingenierie-exploitation.svg)
}
.qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(3) h3 span:before {
content: url(//escofi.fr/wp-content/uploads/2022/09/pole-finance-administration.svg)
}
.qode-advanced-tabs .qode-advanced-tabs-nav {overflow: visible;}
.qode-advanced-tabs .qode-advanced-tab-container {
padding: 40px;
border-radius: 30px;
margin: 40px 15px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
position: relative;
}
.qode-advanced-tabs .qode-advanced-tab-container .qode-accordion-holder .qode-title-holder.ui-state-active {border-radius: 10px;}
.qode-advanced-tabs .qode-advanced-tab-container .qode-accordion-holder .qode-accordion-content {padding: 0;}
.qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active:before {
bottom: -40px;
position: absolute;
z-index: 20;
left: 0;
right: 0;
margin: 0 auto;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #fff transparent;
}
.qode-advanced-tabs .qode-advanced-tab-container .q_elements_holder {padding: 30px 0;}
.qode-advanced-tabs .qode-advanced-tab-container .q_elements_holder:not(.q_elements_holder:nth-child(4), .q_elements_holder:last-child) {border-bottom: 1px solid #E7F3FA;}
.qode-advanced-tabs .qode-accordion-holder .qode-accordion-content, .qode-advanced-tabs .qode-accordion-holder .qode-title-holder {box-shadow:none;}
.qode-advanced-tabs .qode-accordion-holder .qode-title-holder {background-color:#0586CE;color:#fff;} .sk_tablo table {background:#f1f1f1;border-radius:12px;}
.sk_tablo table td {padding:12px 18px;border:1px solid #fff} .sk_menu_section {
position: fixed!important;
background: #E7F3FA;
width: 100%;
top: 90px;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 0;
z-index:100;
border-bottom: 1px solid #A4D6F2;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.sk_menu_section.fixed {
opacity: 1;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
.sk_menu_section .sk_menu_container {
background:#E7F3FA;
}
.sk_menu_section .sk_menu_container .sk_menu_expertises {
width:100%;
}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul {padding-left: 0;}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li {
margin: 0 10px 0 0;
display: inline-block;
}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li:last-child {margin-right: 0;}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li a {
background:#fff;
padding:6px 10px;
color:#4AADE5;
border-radius:5px;
transition: all .2s ease-in-out;
font-weight:600;
}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li a:hover, .sk_menu_section .sk_menu_container .sk_menu_expertises ul li.active a.current {
background: #4AADE5;
color:#fff;
transition: all .2s ease-in-out;
} .page-id-18 h2, .page-id-22 h2, .page-id-20 h2, .page-id-26 h2 {
color: #fff;
background: #08517C;
padding: 10px 20px;
border-radius: 20px 30px 20px 30px;
display: inline-block;
margin-left:-20px;
margin-bottom:20px;
}
.sk_process p {
background: #FFC600;
color: #fff;
font-weight: bold;
font-size: 24px;
padding: 10px;
display: inline-block;
border-radius: 50%;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center;
margin-bottom: 20px!important;
}
.sk_slider .qode_content_slider {
overflow: visible;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
border-radius: 0 0 30px 30px;
background:#fff;
}
.sk_slider h3 {
background: #0586CE;
color: #fff;
padding: 25px 0;
border-radius: 30px 30px 0 0;
}
.sk_slider .q_elements_holder {
background-color: #ffffff;
border-radius: 0 0 30px 30px;
padding: 40px 0;
}
.sk_slider .flex-direction-nav a {top: -35px;}
.sk_slider .flex-direction-nav .flex-next {right: 20px;}
.sk_slider .flex-direction-nav .flex-prev {left: 20px;}
.sk_slider .flex-direction-nav a i {
font-size: 32px;
}
.sk_step {position:relative;}
.sk_step_1, .sk_step_2, .sk_step_3, .sk_step_4, .sk_step_5, .sk_step_6, .sk_step_7, .sk_step_8 {
position: relative;
background: #0586CE;
border-radius: 0 0 20px 20px;
padding: 30px 15px 20px 15px;
box-shadow: 0 6px 18px rgb(8 81 124 / 30%);
min-height: 46px;
}
.sk_step_1 p, .sk_step_2 p, .sk_step_3 p, .sk_step_4 p, .sk_step_5 p, .sk_step_6 p, .sk_step_7 p, .sk_step_8 p {color: #fff;}
.sk_step_1 img, .sk_step_2 img, .sk_step_3 img, .sk_step_4 img, .sk_step_5 img, .sk_step_6 img, .sk_step_7 img, .sk_step_8 img {border-radius: 20px 20px 0 0; height: 200px; object-fit: cover;}
.wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper {border-radius: 20px 20px 0 0;}
.sk_step_1:before, .sk_step_2:before, .sk_step_3:before, .sk_step_4:before, .sk_step_5:before, .sk_step_6:before, .sk_step_7:before, .sk_step_8:before {
position: absolute;
width: 20px;
height: 20px;
top: -23px;
left: 0px;
right: 0;
background: #4AADE5;
color: #fff;
padding: 10px;
border-radius: 20px;
line-height: 20px;
margin: 0 auto;
font-weight: bold;
}
.sk_step_1:before {content: '1';}
.sk_step_2:before {content: '2';}
.sk_step_3:before {content: '3';}
.sk_step_4:before {content: '4';}
.sk_step_5:before {content: '5';}
.sk_step_6:before {content: '6';}
.sk_step_7:before {content: '7';}
.sk_step_8:before {content: '8';}
.sk_info {
position:relative;
background:#E7F3FA;
padding:20px;
border-radius:20px;
width: 75%;
}
.image_hover .images_holder img.hover_image, .image_hover .images_holder img:hover {
-webkit-transition: all .4s ease;
-ms-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li {background-color:#fff!important;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3 {
background: #E7F3FA;
margin: 0 5px!important;
text-align: center;
box-shadow: none;
padding: 20px 20px 30px;
cursor: pointer;
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: all 0.3s ease-out;
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:first-child h3 {margin-left: 0!important;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:last-child h3 {margin-right: 0!important;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3:hover {
background: #fff;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: all 0.3s ease-out;
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3:before {display:none;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav {
overflow: visible;
border: 5px solid #fff;
border-radius:20px;
box-shadow:0 6px 18px rgb(8 81 124 / 20%);
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3 span:before {
width: 30px;
display: block;
color:#fff;
font-size:30px;
margin: 10px auto;
padding:20px;
border-radius:60px;
background:#4AADE5;
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tab-container .q_elements_holder {
padding: 0px;
}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(1) h3 span:before {content: '1';}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(2) h3 span:before {content: '2';}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(3) h3 span:before {content: '3';}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(4) h3 span:before {content: '4';}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li:nth-child(5) h3 span:before {content: '5';}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tab-container {margin:40px 0px 0px; }
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active:before {
bottom: -45px;
} .filter_holder ul li span {
padding: 11px 22px;
margin: 10px;
color: #fff!important;
border-radius: 60px;
}
.filter_holder ul li[data-filter="portfolio_category_5"] span {background-color: #93D500;}
.filter_holder ul li[data-filter="portfolio_category_7"] span {background-color: #4AADE5;}
.filter_holder ul li[data-filter="portfolio_category_6"] span {background-color: #FFC600;}
.filter_holder ul li[data-filter="portfolio_category_11"] span,
.filter_holder ul li[data-filter="portfolio_category_12"] span {outline: 1px solid #0586CE; color: #0586CE!important;}
.filter_holder ul li.active span {color: #0586CE!important;}
.filter_holder ul li:hover span {color: #E7F3FA!important;}
.portfolio_navigation {display:none;}
.sk_box_portfolio_holder .q_elements_item_inner {
background: #fff;
border-radius: 20px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);  
width: 90%;
margin: 0 auto;
}  .qode-accordion-holder .qode-title-holder {
background-color: #fff;
border-radius:9px;
box-shadow:1px 1px 6px rgb(66 15 23 / 10%);
margin-top:20px;
}
.qode-accordion-holder .qode-title-holder:hover {
background-color:#4AADE5;
color:#fff;
}
.qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover {
background-color: #0586CE;
z-index: 1;
color: #fff;
}
.qode-accordion-holder .qode-title-holder.ui-state-active {border-radius: 10px 10px 0 0;}
.qode-accordion-holder .qode-accordion-content {
background: #fff;
padding: 30px 20px 20px 20px;
border-radius: 0 0 10px 10px;
transform: translateY(-10px);
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
}
.qode-accordion-holder h4 {margin-bottom:0px;}  .sk_project_tl.qode-workflow {margin-top: 20px;}
.sk_project_tl.qode-workflow .qode-workflow-item {
max-width: 100%;
padding-bottom: 0px;
}
.sk_project_tl.qode-workflow .qode-workflow-item p {margin-bottom: 0!important;}
.sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
padding: 15px 60px;
width: 100%;
}
.sk_project_tl.qode-workflow .main-line,
.sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text .circle {left: 20px;}
.sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image {
display: none;
}
.sk_project_tl.qode-workflow .main-line {width: 4px;}
.sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text .circle {
border: 4px solid #4AADE5;
height: 22px;
margin: 0 0 0 -10px;
width: 22px;
top: 30px;
}
.sk_project_tl.qode-workflow .qode-workflow-item:last-of-type .line {display: none;}
.sk_project_resume {
background: #fff;
border-radius: 30px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
margin-bottom: 20px!important;
margin-top: -200px;
padding-bottom: 40px;
}
.sk_project_resume h3 {
background: #08517C;
color: #fff;
padding: 30px 0;
border-radius: 30px 30px 30px 0;
font-size: 22px;
}
.sk_project_resume p {padding: 0 40px; color: #4AADE5; font-size: 22px;}
.sk_project_resume img {margin-bottom: -20px!important;}
.sk_project_resume hr {max-width: 80%; margin: 20px auto 10px;border: 1px solid #E7F3FA;}
.sk_project_cat,
.sk_project_cat_1,
.sk_project_cat_2 {
padding: 11px 22px;
margin: 20px 10px 20px 0;
display: inline-block;
}
.sk_project_cat p,
.sk_project_cat_1 p,
.sk_project_cat_2 p {
color: #fff!important;
text-transform: uppercase;
font-weight: bold;
}
.sk_project_cat {background-color: #93D500;}
.sk_project_cat_1 {background-color: #4AADE5;}
.sk_project_cat_2 {background-color: #0586CE;}
.sk_project_team h3 {margin-top: 30px;}
.sk_project_team .q_elements_item {padding: 0 15px;}
.sk_project_team .q_elements_item:first-child {padding-left: 0;}
.sk_project_team .q_elements_item:last-child {padding-right: 0;}
.sk_project_download ul {list-style: none; padding-left: 0;}
.sk_project_download ul li {
background: #E7F3FA;
border-radius: 8px;
margin: 15px 0;
padding: 15px 20px;
position: relative;
}
.sk_project_download ul li:before {
content : '\f019';
font-family: 'FontAwesome';
margin-right: 15px;
color: #4AADE5;
}
.sk_project_download ul li a {font-weight: 600;}
.twenty20 {margin-bottom: 10px; margin-top: 40px;}
.twentytwenty-before-label, .twentytwenty-after-label {
opacity: 1;
background: #0586CE;
} .twentytwenty-horizontal .twentytwenty-before-label,
.twentytwenty-horizontal .twentytwenty-after-label {padding: 4px 12px; display: block;}
.twentytwenty-horizontal .twentytwenty-before-label {left: -1px;}
.twentytwenty-horizontal .twentytwenty-after-label {right: -1px;}
.twentytwenty-overlay:hover {background: transparent;} .qode-horizontal-timeline .qode-events-content .qode-hti-content-image {
width: 25%;
margin: 0 auto;
}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-value {
width: 50%;
}
.qode-horizontal-timeline .qode-events-wrapper .qode-events a {
font-size: 16px;
}
.qode-horizontal-timeline .qode-events-wrapper .qode-events a:hover .circle-outer {
background-color: #4AADE5!important;
}
.qode-horizontal-timeline .qode-events-content>ol>li.selected {
direction: rtl;
}
.qode-horizontal-timeline .qode-events-content {
margin-top: 0px;
background: #fff;
border-radius: 20px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-inner {padding: 20px;}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-value {direction: ltr;}
.sk_project_download ul li {display: inline-block;}
.selected span {
color: #08517C!important;
}
.sk_border_project {
border: 3px solid #08517C;
border-radius: 20px;
padding-right: 30px;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
}
.sk_border_project p {font-weight: 600;}
.qode-horizontal-timeline .qode-timeline-navigation a.inactive {cursor: pointer;} .sk_fiche_emploi_container .q_elements_item_inner {
padding:20px;
background:#E7F3FA;
width:80%;
border-radius:10px;
box-shadow: 0 2px 8px rgb(8 81 124 / 10%);
margin:20px 0;
}
.sk_fiche_emploi_container .q_elements_item_inner i {
margin-right:6px;
}
.sk_fiche_emploi_container .q_elements_item_inner .sk_fiche_emploi_content .sk_emploi_pole {
background:#08517C;
color:#fff;
padding:10px;
display:block;
border-radius:5px;
margin:0 auto;
font-weight:800;
}
.sk_fiche_emploi_container .q_elements_item_inner .sk_fiche_emploi_content .sk_emploi_titre {
color: #4AADE5;
text-transform: uppercase;
font-weight: 700;
}
.sk_fiche_emploi_container .q_elements_item_inner .sk_fiche_emploi_content a.sk_emploi_titre {
color: #4AADE5;
text-transform: uppercase;
font-weight: 700;
font-size: 19px;
}
.sk_fiche_emploi_container .q_elements_item_inner .sk_fiche_emploi_content .sk_emploi_agence {
background: #fff;
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
}
.sk_fiche_emploi_container .q_elements_item_inner .sk_cta_emploi {
background:none;
border:none;
padding: 0;
color:#08517C;
}
.sk_emploi_termine {opacity:0.5;} .sk_faq h3 {margin-bottom:0;}  .sk_cta_solar {
position:fixed!important;
width: auto;
top: 50%;
transform: translateY(-50%);
right:0;
z-index:100;
}
.sk_cta_solar a {
background: #fff;
width: 140px;
padding: 20px 0px;
text-align: center;
margin: 0 auto;
display: inline-block;
border-radius: 20px 0px 0px 20px;
box-shadow: 2px 2px 16px rgb(66 15 23 / 40%);
transition: all 0.3s ease-out;
text-transform: uppercase;
font-size: 12px;
line-height: 1.4em;
}
.sk_cta_solar img {margin-bottom: 10px;}
.sk_cta_solar a:hover {
box-shadow: none;
transition: all 0.3s ease-out;
color:#08517C;
}
.sk_cta_solar a:hover i {
margin-left:6px;
transition: all 0.3s ease-out;
} .info_contact {float: right;}
div.colonnes {display: table;width:100%;text-align: left;vertical-align: middle;margin-bottom:15px;}
p.colonne1, p.colonne2, p.colonne3 {display: table-cell; vertical-align: bottom;}
p.colonne1 {padding-right:10px;}
p.colonne3 {padding-left:10px;}
.krack_demi_1, .krack_demi_2 {
background: #E7F3FA;
width: auto;
float: none;
margin: 10px 0!important;
padding: 15px;
border-radius: 10px;
}
.krack_demi_1 {margin:0;}
.krack_demi_2 {margin: 0 0 0 2%;}
.krack_demi_1 .wpcf7-list-item, .krack_demi_2 .wpcf7-list-item {display:flex;}
p.krack_google_recaptcha {font-size:13px;font-style: italic;line-height:16px;}
.krack_border {border:1px solid #F1EFED;}
.wpcf7-list-item {margin: 0;}
.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #0586CE;
text-transform:none;
letter-spacing:0;
border-radius:9px;
}
input.wpcf7-form-control.wpcf7-submit[disabled] {
background: transparent;
opacity: .5;
color: #08517C;
} .legal img {width: 420px;} .content_bottom {padding: 100px 0 0px; position: relative;}
.content_bottom figure {margin-bottom: 0;}
.content_bottom img {margin: 0 auto; max-width: 420px;}
.content_bottom:before {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bfl.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: -384px;
left: 0;
vertical-align: bottom;	
width: 600px;
height: 384px;
}
.content_bottom:after {
content:'';
background: url(//escofi.fr/wp-content/uploads/2022/07/bfr.svg) center no-repeat;
background-size: cover;
position: absolute;
display: inline-block;
top: -297px;
right: 0;
vertical-align: bottom;	
width: 600px;
height: 297px;
} .sk_imgradius_bottompage {
border-radius: 0 40px 0 0;
} #sk_map {cursor: pointer;}
.yellow-zone,
.red-zone,
.orange-zone,
.green-zone {transition: all .3s ease-in;}
.yellow-zone:hover {fill: #C8CF50;}
.red-zone:hover {fill: #C84A29;}
.orange-zone:hover {fill: #CB9B3A;}
.green-zone:hover {fill: #86D350;}
.city {pointer-events: none;}
.step ul, .ha_check ul {list-style: none; padding-left: 0;}
.step ul li {
background-color: #fff;
padding: 15px 80px 15px 20px;
border-radius: 8px;
box-shadow: 0 6px 18px rgb(8 81 124 / 20%);
margin-bottom: 30px!important;
font-weight: bold;
color: #0586CE;
position: relative;
}
.step ul li:before {
content: '';
position: absolute;
left: -80px;
border: 1Px solid #0586CE;
border-radius: 50%;
height: 48px;
width: 48px;
text-align: center;
line-height: 48px;
top: 50%;
transform: translateY(-50%);
}
.step.one ul li:before {content: '1';}
.step.two ul li:before {content: '2';}
.step.three ul li:before {content: '3';}
.ha_check ul li {
padding: 8px 16px;
font-size: 14px;
border-radius: 8px;
border: 1px solid #4AADE5;
font-weight: bold;
color: #4AADE5;
position: relative;
display: inline-block;
margin: 20px 5px 30px;
cursor: pointer;
transition: all .3s ease-in;
background:#fff;
}
.ha_check ul li.remove {opacity: 0; border: 0; color: #08517C; font-weight: 500;}
.ha_check ul li.remove.show {opacity: 1;}
.ha_check ul li:hover {color: #0586CE; border-color: #0586CE;}
.ha_check ul li.clicked {background: #0586CE; color: #fff; border-color: #0586CE;}
.step ul li:after {
content: "\e052";
font-family: 'ElegantIcons';
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: rgba(5,134,206,0.3);
}
.step.completed ul li:after {color: #93D500;}
.step.completed.sorry ul li:after {content: "\e051"; color: #EDA82F;}
.step.one.completed p {display: none;}
.red_ha,
.green_ha,
.yellow_ha,
.orange_ha,
.two, .three,
.diagnostic_container .wpcf7 {display: none;}
.two.reveal,
.three.reveal,
.red_ha.selected,
.green_ha.selected,
.yellow_ha.selected,
.orange_ha.selected,
.diagnostic_container .wpcf7.reveal {display: block;}
.diagnostic_container .wpcf7 {
background: #fff;
padding: 20px;
border-radius: 10px;
} .footer_top .qbutton {margin-top: 20px;}
.footer_top a.qbutton:hover {color: #0586ce!important;}
.footer_top p {padding:0 20px;}
footer .three_columns>.column2>.column_inner, footer .three_columns>.column3>.column_inner {padding: 0px 30px;}
footer .footer_top ul {margin-top:28px;}@media only screen and (max-width: 1440px) {
.wbl:before {top: -2px; left: -132px;}
.sk_box_blue.ppr10 {padding-right: 60px;}
.content_bottom:before, .wbhl:after {left: -120px;}
.content_bottom:after, .wyrt:after {right: -120px;}
}  @media only screen and (max-width: 1000px) {
header.fixed {position: fixed!important;}
.content {padding-top: 100px!important;}
.home header.fixed {opacity: 1; visibility: visible; height: auto; transform: translateY(0px);}
.tablet_width {width: 100%!important;}
.sk_float_scrolll {top: -80px;}
.slider_container img {height: 100vh;}
.wbl:before, .wyr:after, .bcyr:after, .wbhl:after, .wbr:before {display: none;}
.headpage_home, .headpage {padding: 140px 0 180px;}
.logo_wrapper {left: 0;}
.q_logo a {left: 20px;}
nav.mobile_menu>ul {width: 100%;}
.header_inner_right {position: absolute; top: 0; right: 60px;}
.header_bottom_right_widget_holder {display: table-cell!important;}
.mobile_menu_button {float: right; margin: 0; text-align: center;}
nav.mobile_menu>ul {background: #0586CE; padding: 20px;}
.mobile_menu_button span:hover, .side_menu_button>a:hover, header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a {opacity: 1;}
.header_inner_left {width: 100%;}
.header_bottom .container_inner {width: 100%!important;}
header .mobile_menu_button span {width: 60px; font-size: 34px; color: #fff; background: #0586CE;}
.header_bottom {padding: 0!important;}
nav.mobile_menu ul li.open_sub>ul {background-color: #08517C;border-radius:8px; border-top: 0;}
nav.mobile_menu ul li.open_sub {border-bottom: 0;}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {margin-bottom: 0;}
.sk_histoire .pt4, .sk_histoire .pt2 {padding-top: 0;}
.sk_histoire .pb4 {padding-bottom: 0;}
.pb14 {padding-bottom: 100px;}
.mt8 {margin-top: 60px;}
.sk_citation p {margin-bottom: 40px!important;}
.qode-advanced-tabs .qode-advanced-tab-container {padding: 40px; margin: 40px 0;}
.sk_box_white_1 {padding: 40px;} .ty4 {transform: unset;}
.content_bottom:before {left: -220px;}
.content_bottom:after {right: -220px;}
.sk_white_overlay:before {background: linear-gradient(45deg, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 40%,rgba(255,255,255,0.6) 89%);}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3 {
min-height: 220px;
margin: 0 5px!important;
padding: 20px 0;
}
.qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-3 .qode-advanced-tabs-nav li {width: 33%;}
.qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-5 .qode-advanced-tabs-nav li {width: 20%;}
.sk_imgradius_bottompage {border-radius: 0!important;}
.nomobile.pb4 {padding-bottom: 0;}
.nomobile.mt4 {margin-top: 0;}
.nomobile.pt6 {padding-top: 30px;}
.holder_50 {width: 50%!important;}
.qode-advanced-tabs .qode-advanced-tab-container img, .sk_agency img {max-width: 60%; margin: 0 auto; display: block;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li a span {font-size: 16px; line-height: 1.4em;}
footer .container_inner {width: 92%;}
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {width: 47%!important; margin-bottom: 7%!important;}
.touchevents .projects_holder article span.text_holder,
.projects_holder article span.text_holder {
display: block!important;
height: 100%!important;
width: auto!important;
opacity: 1!important;
visibility: visible!important;
border-radius:	40px 30px 60px 40px!important;
}
.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title {margin-bottom: 0;}
.projects_holder.hover_text article .feature_holder {display: none;}
.sk_apropos_home .sk_image_1 img {margin-bottom: 0px;}
.sk_apropos_home .sk_image_2 img {margin-bottom: -40px;}
.sk_apropos_home .sk_image_1 img,
.sk_apropos_home .sk_image_2 img {width: 170px; object-fit: cover;}
.sk_img_radius_team {width: 88%;}
.sk_img_radius.custom_mobile_img img {width: 580px; height: 300px; object-fit: cover; margin-bottom: 20px;}
.sk_bloc_img img {width: 160px;}
.sk_cta_solar {top: 30px; max-width: 340px; right: 30px; transform: unset;position: absolute!important;}
.sk_cta_solar a {width: auto;padding: 10px 20px;display: flex;align-items: center;justify-content: center;border-radius: 20px;}
.sk_cta_solar img {margin-bottom: 0px; margin-right: 20px; width: 42px;}
.sk_cta_solar br {display: none;}
.sk_cta_solar i {margin-left: 20px;}
.align_center_mobile {text-align: center;}
.sk_img_radius.nomobile img {height: auto; width: auto;}
.sk_frise_eolien.mt6 {margin-top: 20px;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3 {padding: 20px 0!important;    margin: 0 3px!important;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav li h3 {min-height: unset;}
.sk_menu_section {top: 100px;}
.sk_menu_section.fixed .vc_column-inner {padding-left: 5px; padding-right: 5px;}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li {margin: 2px;}
.sk_menu_section .sk_menu_container .sk_menu_expertises ul li a {padding: 5px; font-size: 14px; font-weight: 600;}
.sk_history_project .pt6 {padding-top: 0;}
.sk_project_resume {margin-top:40px;}
footer .three_columns>.column1>.column_inner, footer .three_columns>.column2>.column_inner, footer .three_columns>.column3>.column_inner,
.footer_top p {padding: 0;}
.sk_img_200 img {max-width: 400px;}
.sk_fiche_emploi_container .q_elements_item_inner {width: calc(100% - 40px);}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-inner {padding: 0px;}
.qode-horizontal-timeline .qode-events-content>ol>li.selected, .qode-horizontal-timeline .qode-events-content .qode-hti-content-value {direction: unset;}
.qode-horizontal-timeline .qode-events-wrapper .qode-events a {font-size: 12px;}
}  @media only screen and (max-width: 768px) {
.sk_apropos_home .sk_image_1,
.sk_apropos_home .sk_image_2 {width: 50%;}
.sk_apropos_home .sk_image_1 img {margin-bottom: -160px; left: -220px; position: relative;}
.sk_apropos_home .sk_image_2 img {margin-bottom: 20px; right: -240px; position: relative;}
.sk_apropos_home .sk_image_1 img,
.sk_apropos_home .sk_image_2 img {width: 400px; height: 200px; object-fit: cover;}
.sk_histoire .img_right {max-width: 90%; float: right;}
.sk_histoire .img_left {max-width: 90%; float: left;}
.nomobile_display, .page-id-18 .arrow_right {display: none;}
.nomobile .pt1 {padding-top: 0;}
.pl6.pr6.sk_square {padding-left: 10px; padding-right: 10px;}
}  @media only screen and (max-width: 480px) { .sk_menu_section .sk_menu_container .sk_menu_expertises ul li a {font-size: 12px;}
.headpage_home, .headpage {padding: 60px 0 120px;}
.headpage_home h1 {padding-right: 0;}
.sk_cta_box {display:none;}
.headpage_home img {max-width: 90%;margin-bottom: 40px;}
.sk_citation p {font-size: 30px;}
.pb14 {padding-bottom: 80px;}
.pt18 {padding-top: 140px;}
.sk_slider {padding:25px 0px;}
.sk_slider .qode_content_slider p {font-size: 14px!important; line-height: 21px!important;}
.sk_slider .qode_content_slider h4 {font-size: 18px!important;}
.qode-advanced-tabs .qode-advanced-tab-container {margin: 20px 0 40px; padding: 30px 20px;}
.qode-advanced-tabs .qode-advanced-tabs-nav {
overflow-x: scroll!important;
display: flex;
width: calc(100% + 40px);
padding: 0 40px 0 10px;
}
.sk_type_terrain img {margin-bottom: 0;}
.qode-advanced-tabs .qode-advanced-tabs-nav li.ui-tabs-active:before {display: none;}
.sk_frise_eolien .qode-advanced-tabs .qode-advanced-tabs-nav {padding: 0;} .qode-advanced-tabs .qode-advanced-tabs-nav li h3 {margin-bottom: 30px!important;}
.qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-3 .qode-advanced-tabs-nav li:last-child, .qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-5 .qode-advanced-tabs-nav li:last-child {padding-right: 40px;}
.sk_box_white_1 {padding: 20px;}
.sk_box_white_2.p4 {padding: 40px 20px;}
.qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-3 .qode-advanced-tabs-nav li {width: 70%; flex: none;}
.qode-advanced-tabs.qode-advanced-horizontal-tab.qode-advanced-tabs-column-5 .qode-advanced-tabs-nav li {width: 40%; flex: none;}
.holder_50 {width: 100%!important;}
.content_bottom {padding: 60px 0;}
.content_bottom img {max-width: 80%; left: -6px; position: relative;}
footer .container_inner {padding: 0 30px!important; width: auto;}
.content_bottom:after {display: none;}
.footer_top p {padding-right: 0;}
.footer_top {padding: 20px 0 40px; text-align: center;}
.footer_bottom_holder {padding: 20px 0 30px;}
.footer_bottom {padding-top: 10px;}
.sk_box_linkedin {max-width: 100%; margin: 0 auto 60px;}
.footer_top .column_inner:not(.three_columns>.column3>.column_inner) {border-bottom : 1px solid rgba(255,255,255,0.3)!important;}
.footer_top .qbutton {margin-top: 0;}
.projects_holder.hover_text article .image_holder, .projects_holder.hover_text article .image_holder span.image {border-radius: 30px 20px 40px 30px;}
.portfolio_category_5:before, .portfolio_category_6:before, .portfolio_category_7:before {
padding: 10px 15px; left: -10px; top: 35px; font-size: 14px;
}
.portfolio_category_5:after, .portfolio_category_6:after, .portfolio_category_7:after {
left: -10px;
top: 69px;
border-width: 0 10px 10px 0;
}
.q_counter_holder p.counter_text {font-size: 16px!important;}
.q_counter_holder span.counter {font-size: 50px!important;}
.sk_apropos_home .sk_image_1 img {left: -160px;}
.sk_apropos_home .sk_image_2 img {right: -180px;} .sk_img_radius_team_multi {width: 100%; margin: 15px 0;}
.home .sk_gradient_blue.pt14, .sk_gradient_blue.pt12 {padding-top: 80px;}
.prm4 {padding-right: 40px;}
.sk_bloc_img img {width: 120px;}
.pt12.wbr.wyr, .pt12.wbr {padding-top: 60px;}
.pt12.bgl, .pt12.bbr {padding-top:160px;}
.pt16 {padding-top:40px;}
.sk_sep_mobile {margin-top:20px!important;margin-bottom:20px!important;}
.ptm4 {padding-top:40px;}
.pl6 {padding-left:20px;}
.pr6 {padding-right:20px;}
.ha_check ul li {margin: 20px 5px 0; display: block; text-align: center;}
.ha_check ul li.remove {margin-bottom: 20px;}
.sk_cta_solar {display: none;}
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {width: 100%!important;}
.page-id-18 h2, .page-id-22 h2, .page-id-20 h2, .page-id-26 h2 {margin-left:0;}
.touchevents .projects_holder article span.text_holder,
.projects_holder article span.text_holder {border-radius: 30px 20px 40px 30px!important;}
.qode-workflow .qode-workflow-item .line {display: none!important;}
.sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
padding: 0 0 30px 30px!important;}
.sk_project_tl.qode-workflow .main-line, .sk_project_tl.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text .circle {left: 0px; display: inline-block!important;}
.qode-workflow .qode-workflow-item {overflow: visible;}
.sk_img_200 img {max-width: 100%;}
.sk_tablo table {display: flex; overflow-x: scroll;}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-value {padding: 20px;}
.qode-horizontal-timeline .qode-events-content .qode-hti-content-image {width: 60%;} .byr:after, .bgl:before, .bbr:before {width: 100%;height: 300px;}
.wbl:before, .wgr:before {display:none!important;}
.qode-horizontal-timeline .qode-events-wrapper .qode-events a {
font-size: 8px;
max-width: 52px;
display: block;
line-height: 1em;
}
}