.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}.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-cd-import-single-page,.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}.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,.qodef-cd-demos-list article,.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;vertical-align:middle;width:100%}.qodef-cd-demos-list{background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{box-sizing:border-box}.touch .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-link{position:absolute;display:block;width:100%;height:100%;top:0;left:0}.qodef-cd-demos-list article .qodef-cd-demo-item-link:focus{box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image{padding:0 0 22px}.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-intall-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-install-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-intalled{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@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%}}body {
position: relative;
-webkit-text-size-adjust: 100%;
}
section.page_section {
width: 80% !important;
max-width: 1300px;
margin-right: auto;
margin-left: auto;
}
a {
transition: 0.2s;
}
a[href^="tel:"] {
cursor: default;
}
@media (min-width: 1024px) { a[href^="tel:"] {
pointer-events: none;
}
} .textblack {
color: #333333;
}
.text14 {
font-size: 14px;
line-height: 20px;
}
.text15 {
font-size: 15px;
}
.text16 {
font-size: 16px;
}
.text16.wide {
letter-spacing: 3px;
}
.text18 {
font-size: 18px;
}
.text19 {
font-size: 19px;
}
.text20 {
font-size: 20px;
}
.text22 {
font-size: 22px;
}
.text24 {
font-size: 24px;
}
.text28 {
font-size: 28px;
}
.text34 {
font-size: 34px;
line-height: 40px;
}
.text30 {
font-size: 30px;
line-height: 40px;
letter-spacing: 4px;
}
.serif {
font-family: 'Noto Serif JP', serif;
}
.sans {
font-family: 'Noto Sans JP', sans-serif;
} .elementor-container.elementor-column-gap-default {
width: 100%;
}
.section_underbar {
width: 31px;
border-bottom: 3px solid #333333;
margin: 5px auto;
}
.textcenter {
text-align: center;
}
.textright {
text-align: right;
}
.ib {
display: inline-block;
} .bg_top_L {
position: absolute;
top: 0;
left: 0;
width: 50%;
z-index: -1;
min-width: 300px;
}
.bg_top_L2 {
position: absolute;
top: 0;
left: 0;
width: 60%;
z-index: -1;
min-width: 360px;
}
.bg_top_R2 {
position: absolute;
right: 0;
top: 354px;
width: 30%;
z-index: -1;
min-width: 180px;
}
.bg_bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
min-width: 600px;
}
.bg_r {
position: absolute;
top: 600px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: 0;
width: 40%;
z-index: -1;
min-width: 240px;
}
@media screen and (max-width: 1024px) {
.bg_top_R2 {
top: 246px;
}
}
@media screen and (max-width: 1000px) {
.bg_r {
top: 480px;
}
}
@media screen and (max-width: 777px) {
.bg_top_R2 {
top: 176px;
}
} header {
box-shadow: 0 3px 11px rgba(0, 0, 0, 0.25);
}
header,
header .logo_wrapper {
height: 120px;
}
.q_logo a {
width: 240px;
}
.q_logo a img {
width: 100% !important;
}
.header_bottom {
padding: 0;
}
.header_bottom .container_inner {
width: 80%;
max-width: 1300px;
}
nav.main_menu>ul>li {
height: 120px;
display: flex;
align-items: center;
}
nav.main_menu>ul>li>a {
color: #333333;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 41px;
height: 41px;
vertical-align: middle;
display: inline-block;
transition: 0.2s;
}
nav.main_menu>ul>li:nth-child(7)>a,
nav.main_menu>ul>li:last-child>a {
padding: 0;
}
nav.main_menu>ul>li {
margin: 0 5px;
}
nav.main_menu>ul>li:nth-child(7) {
margin: 0 0 0 5px;
}
nav.main_menu>ul>li:last-child {
margin: 0 0 0 10px;
}
.header_inner_right .side_menu_button {
display: none;
}
nav.main_menu.drop_down.left {
float: right;
position: absolute;
left: auto !important;
right: 0;
top: 0;
}
nav.main_menu>ul>li>a:hover,
nav.main_menu ul li.active a {
color: #333333;
background-color: #F3F3F1;
}
nav.main_menu>ul>li:nth-child(7)>a:hover img,
nav.main_menu>ul>li:last-child>a:hover img {
opacity: 0.5;
}
.header_inner_right {
display: none;
height: 100px;
padding-top: 4px;
}
@media screen and (max-width: 1300px) {
nav.main_menu>ul>li>a {
padding: 0 10px;
}
nav.main_menu>ul>li {
margin: 0;
}
nav.main_menu>ul>li:nth-child(7) {
margin: 0;
}
}
@media screen and (max-width: 1200px) {
.header_bottom .container_inner {
width: 80%;
}
.q_logo a {
width: 180px !important;
}
.q_logo img {
width: 100% !important;
height: auto !important;
}
header,
header .logo_wrapper,
header .main_menu>ul>li {
height: 100px;
}
}
@media screen and (max-width: 1000px) {
.header_bottom .container_inner {
width: 100%;
}
.logo_wrapper,
.q_logo a { left: 5%;
}
.q_logo img {
width: auto !important;
height: 100% !important;
}
.mobile_menu_button {
float: right; margin: 0 5% 0 0;
height: 80px;
}
nav.mobile_menu {
top: -5px;
}
nav.mobile_menu ul {
max-width: 90%;
}
.mobile_menu ul li:nth-child(7),
.mobile_menu ul li:last-child {
display: none;
}
.header_inner_right {
display: flex;
align-items: center;
height: 80px;
}
.header_bottom_right_widget_holder {
padding: 0 10px;
}
.header_icon {
margin: 0 5px;
}
.header_icon img {
height: 24px;
width: auto;
}
.mobile_menu_button span {
color: #333333;
font-size: 26px;
}
.mobile_menu ul li a span {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
}
header,
.header_inner,
.header_top_bottom_holder,
.header_bottom,
header .container,
header .container_inner,
header .logo_wrapper,
header .main_menu>ul>li {
height: 80px !important;
}
}
@media screen and (max-width: 768px) {
.header_bottom_right_widget_holder {
display: block;
}
}  footer .container_inner {
width: 100% !important;
}
footer .column1 .column_inner {
width: 100%;
text-align: center;
}
footer #menu-footer-column-2 li a,
footer .footer_box a,
.footer_bottom p {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 20px;
}
.footer_box {
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.footer_box .text14 {
width: calc(100% - 72px);
}
.footer_sns {
display: flex;
}
.footer_icon {
margin-left: 18px;
}
footer #menu-footer-column-2 {
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
}
footer #menu-footer-column-2 li {
padding: 0 18px;
height: 20px;
}
footer #menu-footer-column-2 li {
border-right: 2px solid white;
}
footer #menu-footer-column-2 li:first-child {
padding-left: 0;
}
footer #menu-footer-column-2 li:last-child {
border: 0;
}
footer #menu-footer-column-2 li a {
line-height: 14px;
}
footer .footer_nav {
margin-bottom: 20px;
}
footer .footer_nav li {
display: inline-flex;
align-items: center;
border-right: 2px solid white;
height: 16px;
padding-right: 15px;
margin-right: 15px;
}
footer .footer_nav li:last-child {
border: 0;
padding: 0;
margin: 0;
}
footer .footer_nav li a {
line-height: 16px !important;
}
footer a {
transition: all 0.2s !important;
}
footer a:hover {
opacity: 0.6;
}
footer .two_columns_50_50>.column1,
footer .two_columns_50_50>.column2 {
box-sizing: border-box;
height: 270px;
display: flex;
align-items: center;
}
footer .two_columns_50_50>.column1 {
padding-left: calc((100vw - 1300px) / 2);
background-color: #79796A;
padding-right: 30px;
width: 43.6%;
}
footer .two_columns_50_50>.column2 {
padding-right: calc((100vw - 1300px) / 2);
background-color: #575748;
padding-left: 50px;
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/footer_bg.png);
background-position: bottom left;
background-size: 100% auto;
background-repeat: no-repeat;
width: 56.4%;
}
.footer_sns img {
height: 26px;
width: auto;
}
.footer_bottom {
height: 40px;
padding: 0 10%;
}
@media screen and (max-width: 1536px) {
footer .two_columns_50_50>.column1 {
padding-left: 10vw;
}
footer .two_columns_50_50>.column2 {
padding-right: 10vw;
}
}
@media screen and (max-width: 1024px) {
footer .two_columns_50_50>.column2 {
padding-left: 30px;
}
}
@media screen and (max-width: 768px) {
.footer_responsive_adv .footer_top .two_columns_50_50 .column1,
.footer_responsive_adv .footer_top .two_columns_50_50 .column2 {
margin: 0;
padding-left: 10%;
padding-right: 10%
}
footer .two_columns_50_50>.column1 {
justify-content: center;
height: auto;
padding: 50px 0;
}
footer .two_columns_50_50>.column1 #media_image-2 {
display: flex;
justify-content: center;
max-width: 80%;
margin: 0 auto !important;
}
footer .two_columns_50_50>.column2 {
padding-top: 30px;
padding-bottom: 30px;
height: auto;
}
.footer_box .text14 {
max-width: 75%;
}
}
@media only screen and (max-width: 480px) {
.footer_top .column_inner>div:not(.qode_separator_widget) {
margin: 0 !important;
}
footer .container_inner {
padding: 0;
}
footer .two_columns_50_50>.column1 {
padding: 30px 0;
}
.footer_box {
flex-wrap: wrap;
}
.footer_box .text14 {
width: 100%;
max-width: 100%;
padding-bottom: 15px;
}
.footer_sns a:first-child {
margin: 0;
}
} .header_section {
position: relative;
height: 354px;
display: flex;
justify-content: flex-end;
}
.header_img { height: 100%;
background-size: cover;
width: calc(50vw + 650px);
max-width: 90%;
}
.header_box {
background: rgba(19, 19, 4, 0.8);
position: absolute; top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
height: 190px;
width: 31%;
right: calc(50vw + 650px - 27%);
}
.header_title {
position: absolute; left: calc(50vw - 650px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: table;
text-align: center;
}
.header_title span {
color: white;
}
.header_title .text30.wide {
letter-spacing: 10px;
}
.header_title .text16.wide {
letter-spacing: 2px;
}
.header_img.header_about {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/about_top2.jpg);
}
.header_img.header_work {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/work_top.jpg);
}
.header_img.header_contact {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/contact_top.jpg);
}
.header_img.header_gallery {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/gallery_top2.jpg);
}
.header_img.header_info {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/info_top.jpg);
}
@media screen and (max-width: 1625px) {
.header_box {
right: auto;
left: 6%;
}
.header_title {
left: 10%;
}
}
@media screen and (max-width: 1024px) {
.header_section {
height: 250px;
}
.header_box {
height: 130px;
}
.header_title .text30 {
font-size: 24px;
line-height: 30px;
}
.header_title .text16 {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 1000px) {
section .header_section {
margin-top: -4px;
}
}
@media screen and (max-width: 767px) {
.elementor-681 .elementor-element.elementor-element-4d8236d {
padding: 75px 0px 0px 0px;
}
.header_section {
height: 180px;
}
.header_box {
height: 100px;
width: 50%
}
.header_title .text30 {
font-size: 20px;
line-height: 22px;
}
.header_title .text30.wide {
letter-spacing: 5px;
}
.header_title .text16.wide {
letter-spacing: normal;
}
} .header_section.post_header {
margin-top: 105px;
}
.bg_bottom.post_bg_bottom {
bottom: -5px;
}
@media screen and (max-width: 1000px) {
.header_section.post_header {
margin-top: 0;
width: 100%;
top: -4px;
}
} .button1 {
width: 206px;
font-weight: bold;
justify-content: center;
}
.home_section_title {
text-align: center;
margin: 0 auto;
}
.home_section_title p {
font-weight: 500 !important;
letter-spacing: 4px;
}
.elementor-row {
position: relative
}
.home_title_wide {
width: 100% !important;
}
.elementor-8 .elementor-element-70698a8 .home_section_title p.text30 {
line-height: 30px;
padding-bottom: 5px;
}
.elementor-8 .elementor-element.elementor-element-2f0abed,
.elementor-8 .elementor-element.elementor-element-646f884,
.elementor-8 .elementor-element.elementor-element-506e236 {
position: absolute;
width: 266px !important;
right: 0;
bottom: 0;
}
.elementor-8 .elementor-element-6b6a090 .elementor-widget-wrap {
align-content: flex-end;
}
.elementor-8 .elementor-element-52641b2 .elementor-widget-wrap {
width: 275px;
margin: 0 auto;
}
.elementor-8 .elementor-element-0d6db48 img {
max-width: 17.3vw;
}
.elementor-8 .elementor-element-cbf87b4 img {
max-height: calc(40vw - 40px);
}
.elementor-8 .elementor-element-e70047a a:hover {
opacity: 0.6;
}
.elementor-8 .elementor-element.elementor-element-946b127 .elementor-column.elementor-col-33,
.elementor-8 .elementor-element.elementor-element-69078ea .elementor-column.elementor-col-33 {
width: 50%;
}
.elementor-8 .elementor-element.elementor-element-69078ea .elementor-column.elementor-col-33:last-child {
position: absolute;
z-index: -1;
right: 50%;
top: -10%;
width: 50vw;
min-width: 300px;
}
.text_tate {
text-align: center;
}
.text_tate p {
padding-top: 50px;
font-weight: 600;
}
#sb_instagram #sbi_load .sbi_load_btn {
font-size: 14px;
width: 184px;
line-height: 40px;
border: 1px solid black;
padding: 0;
border-radius: 0;
margin-top: 35px;
}
#sb_instagram #sbi_images {
padding: 0 !important;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
max-width: 50%;
padding: 10px !important;
}
#sb_instagram #sbi_load .sbi_load_btn:hover {
color: white !important;
background-color: #79796A !important;
border-color: #707070;
} .performance-list {
display: flex;
justify-content: space-between;
padding: 25px 0 150px;
flex-wrap: wrap;
}
.performance-items {
width: 32%;
}
.performance-items-title {
padding: 15px 0;
}
.performance-items-text {
min-height: 100px;
padding-bottom: 10px;
line-height: 18px;
}
.more-button {
display: flex;
justify-content: center;
align-items: center;
width: 184px;
height: 41px;
border: solid 1px black;
background-color: white;
transition: 0.2s;
}
.performance-items-img-lnk:hover {
opacity: 0.6;
}
.more-button:hover {
color: white;
background-color: #79796A;
border-color: #707070;
} .latest_post_text_inner {
position: relative;
}
h3.latest_post_title {
display: inline-block;
width: calc(100% - 70px);
line-height: 24px;
}
h3.latest_post_title a {
font-size: 19px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 24px;
transition: 0.2s;
}
.latest_post_text_inner p.excerpt {
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
}
.latest_post_text_inner span.post_infos {
display: block;
position: absolute;
top: 0;
right: 0;
padding-top: 0 !important;
width: 68px;
line-height: 23px;
background-color: #333333;
text-align: center;
}
.latest_post_text_inner span.post_infos a {
font-size: 14px !important;
font-family: 'Noto Sans JP', sans-serif !important;
color: white;
pointer-events: none;
font-weight: 300;
}
.latest_post_holder.dividers>ul>li {
background-color: transparent;
}
.boxes_image a {
transition: 0.2s;
}
.boxes_image a:hover {
opacity: 0.6;
}
h3.latest_post_title a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1200px) {
.elementor-8 .elementor-element.elementor-element-31d5b34 {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 1024px) {
.button1 {
width: 156px;
}
.elementor-8 .elementor-element-fadab41,
.elementor-8 .elementor-element-10814f6 {
width: 100% !important;
}
.elementor-8 .elementor-element.elementor-element-10814f6.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
justify-content: center;
}
.elementor-8 .elementor-element.elementor-element-2f0abed,
.elementor-8 .elementor-element.elementor-element-646f884,
.elementor-8 .elementor-element.elementor-element-506e236 {
width: 216px !important;
}
.elementor-8 .elementor-element.elementor-element-6a91f24,
.elementor-8 .elementor-element.elementor-element-cbf87b4 {
order: 1;
}
.elementor-8 .elementor-element-0d6db48 img {
max-width: 100%;
}
.elementor-8 .elementor-element.elementor-element-31d5b34 {
font-size: 16px;
line-height: 22px;
}
.elementor-8 .elementor-element-cbf87b4 img {
max-height: 100vw;
}
.elementor-8 .elementor-element.elementor-element-946b127 .elementor-column.elementor-col-33,
.elementor-8 .elementor-element.elementor-element-69078ea .elementor-column.elementor-col-33 {
width: 100%;
}
.elementor-8 .elementor-element.elementor-element-69078ea .elementor-column.elementor-col-33:last-child {
right: 40vw;
top: 0;
}
.latest_post_holder.dividers .latest_post_text_inner {
display: block;
}
h3.latest_post_title {
width: 100%;
margin-top: 8px;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
padding: 5px !important;
}
}
@media screen and (max-width: 1000px) {
.elementor-element-0915be5 .elementor-widget-wrap,
.elementor-element-e5b6585 .elementor-widget-wrap {
margin-top: -4px;
}
}
@media screen and (max-width: 768px) {
.latest_post_holder.dividers.three_columns>ul>li {
width: 32%;
margin: 0 2% 0 0 !important;
}
.latest_post_holder.dividers.three_columns>ul>li:nth-child(3n) {
margin-right: 0 !important;
}
.latest_post_holder.dividers>ul>li:nth-child(2n+1) {
clear: none;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.qbutton {
line-height: 45px;
height: 45px;
}
.performance-list {
justify-content: center;
padding-bottom: 75px;
}
.performance-items {
width: 100%;
max-width: 424px;
padding-bottom: 30px;
}
.performance-items-title {
padding: 10px 0;
}
.performance-items-text {
min-height: 0;
}
.elementor-8 .elementor-element.elementor-element-2f0abed,
.elementor-8 .elementor-element.elementor-element-646f884 {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.elementor-8 .elementor-element-0d6db48 img {
max-width: 80%;
}
.elementor-8 .elementor-element.elementor-element-31d5b34 {
font-size: 14px;
}
.elementor-8 .elementor-element.elementor-element-b5b4194 {
margin: 0 auto;
}
.text_tate {
padding-top: 20px;
}
.text_tate p {
font-size: 22px;
padding-top: 30px;
}
.latest_post_holder.dividers.three_columns>ul>li {
width: 100%;
max-width: 424px;
margin: 0 auto 25px !important;
float: none;
}
.latest_post_holder.dividers.three_columns>ul>li:nth-child(3n) {
margin-right: auto !important;
}
.latest_post_holder.dividers .latest_post_text_inner {
display: table-cell;
}
h3.latest_post_title {
width: calc(100% - 70px);
margin-top: 0;
}
}
@media screen and (max-width: 480px) {
.text_tate {
padding-top: 50px;
}
.text_tate p {
padding: 0;
font-size: 20px;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
padding: 2px !important;
}
}
@media screen and (max-width: 414px) {
.latest_post_holder.dividers .latest_post_text_inner {
display: block;
}
h3.latest_post_title {
width: 100%;
margin-top: 8px;
}
}
@media screen and (max-width: 360px) {
.text_tate {
text-align: left;
}
} .news-list {
display: flex;
justify-content: space-between;
}
.news-list-item {
width: 32%;
}
.news-list-item a {
transition: 0.2s;
}
.news-list-item a:hover {
opacity: 0.6;
}
.news-thumb img {
vertical-align: middle;
}
.news-content-box {
margin: 22px 0 0;
display: flex;
flex-wrap: wrap;
position: relative;
}
.news-date {
width: 58px;
height: 58px;
margin-right: 22px;
padding: 14px 0;
background-color: black;
color: white;
}
.news-day,
.news-month {
font-size: 12px;
line-height: 15px;
display: block;
text-transform: uppercase;
text-align: center;
}
.news-title {
font-size: 19px;
line-height: 24px;
width: calc(100% - 80px);
padding: 0 75px 8px 0;
}
.news-cat {
width: 68px;
font-size: 15px;
line-height: 24px;
text-align: center;
color: white;
background-color: black;
position: absolute;
top: 0;
right: 0;
}
.news-excerpt {
color: #333333;
font-size: 14px;
padding-left: 80px;
width: 100%;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.news-title {
width: 100%;
padding: 8px 0;
}
.news-excerpt {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.news-list {
flex-wrap: wrap;
justify-content: center;
}
.news-list-item {
width: 100%;
max-width: 424px;
padding: 0 0 25px;
}
}
@media screen and (max-width: 414px) {
.news-title {
width: 100%;
padding: 8px 0;
}
.news-excerpt {
padding: 0;
}
} .greeting {
max-width: 1040px;
}
.greeting p {
padding-left: 5%;
}
.home_section_title p.profile_title {
letter-spacing: 2px;
}
.greeting .text30 {
font-weight: bold;
padding-bottom: 10px;
padding-left: 0;
}
.greeting .text34 {
padding-top: 25px;
padding-bottom: 25px;
}
.greeting .text18 {
line-height: 30px;
}
.greeting .textright {
margin-top: 20px;
}
table.profile {
width: 100%;
}
table.customer {
margin: 0 auto;
line-height: 30px;
}
table.customer p {
display: flex;
justify-content: space-between;
line-height: 30px;
flex-wrap: wrap;
}
table.profile tr td,
table.customer tr td {
border-bottom: 0.5px dotted #707070;
text-align: left;
vertical-align: top;
padding: 8px 0;
}
table.profile tr:last-child td,
table.customer tr:last-child td {
border: 0;
}
table.profile tr td:first-child {
width: 135px;
}
table.customer tr td:first-child {
width: 170px;
}
table.customer a {
color: #333333;
}
table.customer a:hover {
opacity: 0.6;
}
.customer_title .section_underbar {
line-height: 0;
}
.access_box p {
font-family: "Noto Sans JP", Sans-serif;
font-size: 17px;
}
.access_tel {
margin: 20px 0 0 0;
}
@media screen and (max-width: 1600px) and (min-width: 1025px) {
table.profile.text18 {
font-size: 14px;
line-height: 18px;
}
table.profile tr td {
padding: 4px 0;
}
.elementor-582 .elementor-element.elementor-element-52c83c0>.elementor-element-populated {
padding: 0;
}
.elementor-582 .elementor-element.elementor-element-40d8991>.elementor-widget-container {
margin: 0 0 0 15px;
padding: 10px 0px 0px 0px;
}
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
.profile_title .text30 {
font-size: 24px;
line-height: 24px;
}
.profile_title .section_underbar {
line-height: 0;
margin: 5px auto 0;
}
table.profile tr:last-child td .ib {
display: inline;
}
table.customer.text18,
table.customer p.text18 {
font-size: 14px;
line-height: 22px;
}
table.customer tr td {
padding: 4px 0;
}
}
@media screen and (max-width: 1250px) {
.greeting {
margin: 0;
}
}
@media screen and (max-width: 1200px) {
.elementor-582 .elementor-element.elementor-element-a2948e8 {
text-align: center;
}
.elementor-582 .elementor-element.elementor-element-559ff4d .elementor-row {
flex-wrap: wrap;
}
.elementor-582 .elementor-element.elementor-element-559ff4d .elementor-column {
width: 100%;
}
.elementor-582 .elementor-element.elementor-element-a2948e8>.elementor-widget-container {
padding: 0;
}
.access_box { text-align: center;
margin-bottom: 20px;
}
.access_address p,
.access_tel p {
display: inline-block;
margin: 0 10px;
}
}
@media screen and (max-width: 1024px) {
.greeting p {
padding-left: 3%;
}
.greeting .text18,
.greeting .text15 {
font-size: 14px;
line-height: 18px;
}
.greeting .text34 {
font-size: 26px;
line-height: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.greeting .text30 {
font-size: 22px;
}
.greeting .text24 {
font-size: 18px;
}
.elementor-582 .elementor-element.elementor-element-10814f6 {
min-width: 0;
}
.elementor-582 .elementor-element-6270e73 {
order: 1;
}
}
@media screen and (max-width: 767px) {
.greeting p {
padding-left: 0;
}
.greeting .text34 {
font-size: 22px;
}
.access_box {
flex-wrap: wrap;
}
.elementor-582 .elementor-element.elementor-element-10814f6 {
max-width: 80%;
margin: 0 auto;
}
table.profile.text18 {
font-size: 14px;
line-height: 18px;
}
table.profile tr td {
padding: 4px 0;
}
table.profile tr td:first-child {
width: 100px;
}
table.customer.text18,
table.customer p.text18 {
font-size: 14px;
line-height: 22px;
}
table.customer tr td {
padding: 4px 0;
}
table.customer tr td:first-child {
width: 130px;
}
}
@media screen and (max-width: 600px) {
.access_box {
text-align: left;
}
}
@media screen and (max-width: 414px) {
table.customer tr {
display: flex;
flex-direction: column;
}
table.customer tr td:first-child {
border: none;
}
table.customer tr td:last-child {
padding-left: 15px;
}
} .elementor-681 .elementor-element-b74a490 .text28 {
line-height: 36px;
}
.elementor-681 .elementor-element.elementor-element-90c8e92 .elementor-column.elementor-col-33,
.elementor-681 .elementor-element.elementor-element-4aa16c9 .elementor-column.elementor-col-33 {
width: 50%;
}
.elementor-681 .elementor-element.elementor-element-90c8e92 .elementor-column.elementor-col-33:last-child {
position: absolute;
z-index: -1;
right: 50%;
top: -10%;
width: 50vw;
min-width: 300px;
}
.elementor-681 .elementor-element.elementor-element-4aa16c9 .elementor-column.elementor-col-33:last-child {
position: absolute;
z-index: -1;
width: 50vw;
left: 50%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
min-width: 300px;
}
.work_icon {
padding-bottom: 50px;
}
.nagare {
text-align: left;
display: flex;
justify-content: center;
align-items: flex-end;
}
.nurikabe {
text-align: left;
display: flex;
justify-content: center;
align-items: center;
}
.nagare .text30 {
letter-spacing: normal;
padding-left: 10px;
}
.work_item .text20 {
padding-top: 40px;
}
.work_item .reform .text16 {
padding-top: 25px;
font-weight: bold;
}
.work_item .reform .text14 {
line-height: 20px;
}
.kouji_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.kouji_item {
position: relative;
padding-bottom: 75px;
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid black;
width: calc((80vw - 150px) / 5);
max-width: 230px;
margin: 0 10px 50px 20px;
box-sizing: border-box;
}
.kouji_item .kouji_photo {
padding: 10px 10px 0 10px;
}
.kouji_item .text16 {
font-weight: bold;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
margin: 5px;
flex-wrap: wrap;
text-align: center;
width: 100%;
}
.kouji_item .text14 {
padding: 0 8px;
width: 100%;
}
.kouji_item .kouji_No {
position: absolute;
left: -20px;
bottom: -20px;
}
.qode-image-gallery ul li {
text-align: center;
}
#gallery-1 img {
border: 0 !important;
}
@media screen and (max-width: 1400px) {
.kouji_item {
width: calc((80vw - 90px) / 3);
max-width: 100%
}
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
.work_icon {
padding-bottom: 20px;
}
.work_item .text28 {
font-size: 24px;
line-height: 30px;
}
.work_item .text16 {
font-size: 14px;
line-height: 20px;
}
.work_item .text20 {
padding-top: 20px;
}
}
@media screen and (max-width: 1024px) {
.work_icon {
padding-bottom: 30px;
}
.elementor-681 .elementor-element.elementor-element-52c83c0,
.elementor-681 .elementor-element.elementor-element-8f8994e,
.elementor-681 .elementor-element.elementor-element-20a8b16 {
order: 1;
}
.elementor-681 .elementor-element.elementor-element-90c8e92 .elementor-column.elementor-col-33,
.elementor-681 .elementor-element.elementor-element-4aa16c9 .elementor-column.elementor-col-33 {
width: 100%;
}
.elementor-681 .elementor-element.elementor-element-90c8e92 .elementor-column.elementor-col-33:last-child {
right: 40vw;
top: 0;
}
.elementor-681 .elementor-element.elementor-element-4aa16c9 .elementor-column.elementor-col-33:last-child {
right: 40vw;
top: 10%;
}
.work_item {
margin: 0 auto;
max-width: 650px;
}
.nagare .text30,
.nurikabe .text30 {
font-size: 24px;
line-height: 30px;
}
}
@media screen and (max-width: 800px) {
.kouji_item {
width: 100%;
max-width: 400px;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.elementor-681 .elementor-element.elementor-element-304cd70 .text16 {
font-size: 14px;
line-height: 20px;
}
.work_icon {
padding-bottom: 20px;
}
.work_item .text28 {
font-size: 24px;
line-height: 30px;
}
.work_item .text16 {
font-size: 14px;
line-height: 20px;
}
.elementor-681 .elementor-element.elementor-element-f53add0,
.elementor-681 .elementor-element.elementor-element-a5d425e {
text-align: center;
}
.nagare,
.nurikabe {
flex-direction: column;
align-items: center; }
.nagare img,
.nurikabe img {
margin-bottom: 10px;
}
.nagare .text30 {
padding: 0;
}
}
@media screen and (max-width: 415px) {
.work_item .text28,
.nagare .text30,
.nurikabe .text30 {
font-size: 20px;
line-height: 24px;
}
} .contact_bold {
font-weight: 600;
}
.contact-us-form table {
width: 100%;
}
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
border: 1px solid black;
margin: 0;
padding: 12px;
color: black;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
}
.table_margin {
background-color: #eeeeee;
padding: 0;
width: 15px;
min-width: 5px;
}
.item-t {
background-color: #eeeeee;
border-bottom: 1px solid #707070;
font-size: 16px;
padding: 0 20px 0 0;
vertical-align: middle;
position: relative;
width: calc(19.7% - 20px);
text-align: left;
min-width: 90px;
}
.item-d {
border-bottom: 1px solid #707070;
text-align: left;
width: 80.3%;
padding: 25px 0 25px 15px;
}
.contact_content .item-t {
border: 0;
}
.contact_content .item-d {
border: 0;
padding: 20px 0 0 15px;
}
.item-d input {
max-width: 478px;
}
.item-d input.input_postal {
display: inline-block;
max-width: 290px;
margin: 0 0 18px 15px;
}
.item-d .postal_icon {
font-size: 20px;
font-weight: 600;
}
.item-t .required {
display: flex;
color: white;
background-color: black;
line-height: 32px;
width: 60px;
justify-content: center;
}
.contact_title {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact_title span {
margin: 0 5px;
}
.contact_address .item-t {
padding-left: 5px;
}
.form-bottom {
text-align: center;
}
.accept-check input {
height: 26px;
width: 26px;
margin: 0;
cursor: pointer;
}
.accept-check input:checked {
background-color: black;
}
.accept-check span.wpcf7-form-control-wrap {
display: inline-block !important;
top: 5px;
}
.check-text {
font-size: 18px;
line-height: 26px;
margin: 0 0 0 10px;
}
.contact_bottom .item-d {
border: 0;
padding: 60px 0 40px 20%;
}
.contact-us-form input[type="submit"] {
color: #333333 !important;
background-color: white;
border: 1px solid #707070 !important;
width: 184px;
margin: 0;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
border-radius: 0 !important;
padding: 0 !important;
height: 40px;
line-height: 38px;
text-align: center;
font-weight: 500 !important;
transition: 0.3s;
}
.contact-us-form input[type="submit"]:hover {
background-color: #79796A !important;
color: white !important;
}
input.wpcf7-form-control::-webkit-input-placeholder,
textarea.wpcf7-form-control::-webkit-input-placeholder {
color: #b4b4b4 !important;
}
input.wpcf7-form-control::-moz-placeholder,
textarea.wpcf7-form-control::-moz-placeholder {
color: #b4b4b4 !important;
}
input.wpcf7-form-control:-moz-placeholder,
textarea.wpcf7-form-control:-moz-placeholder {
color: #b4b4b4 !important;
}
input.wpcf7-form-control::-ms-input-placeholder,
textarea.wpcf7-form-control::-ms-input-placeholder {
color: #b4b4b4 !important;
}
input.wpcf7-form-control:-ms-input-placeholder,
textarea.wpcf7-form-control:-ms-input-placeholder {
color: #b4b4b4 !important;
}
input.wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder {
color: #b4b4b4 !important;
}
.pp p {
padding-bottom: 18px;
font-size: 14px;
line-height: 20px;
}
@media screen and (max-width: 1400px) {
.contact_bottom .item-d {
padding-left: 0;
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.item-t {
font-size: 14px;
line-height: 20px;
}
.item-t .required {
width: 55px;
line-height: 26px;
right: 15px;
}
.contact_bottom .item-d {
padding: 30px 0;
}
.check-text {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.contact_bold.text24 {
font-size: 20px;
}
.contact_bold.text20 {
font-size: 16px;
}
.item-t {
padding: 0 10px 0 0;
}
.item-d input.input_postal {
width: 120px;
margin-left: 5px;
}
.contact_bottom .item-d {
text-align: left;
}
} .gallery_list .filter_outer {
text-align: left;
font-size: 14px;
margin-bottom: 65px;
}
.gallery_list .filter.active {
border: 1px solid #79796A;
pointer-events: none;
}
.gallery_list .filter {
line-height: 36px;
}
.gallery_list .filder span {
padding: 0 15px;
}
.filter_holder ul li {
height: 40px;
transition: 0.2s;
}
.filter_holder ul li:hover {
opacity: 0.6;
}
@media screen and (min-width: 1800px) {
.elementor-element-b2d3f9d {
min-height: 40vw;
}
}
@media screen and (max-width: 1024px) {
.gallery_list .filter_outer {
margin-bottom: 30px;
}
} .single-portfolio_page .content .container_inner {
width: 80%;
max-width: 1300px;
padding-top: 90px;
margin: 0 auto;
}
.single-portfolio_page .title_outer,
.single-portfolio_page .portfolio_categories {
display: none;
}
.two_columns_66_33>.column1,
.two_columns_66_33>.column2 {
float: right;
}
.two_columns_66_33>.column1 {
width: 71%;
}
.two_columns_66_33>.column2 {
width: 29%;
}
.two_columns_66_33>.column1 .column_inner,
.two_columns_66_33>.column2 .column_inner {
padding: 0;
}
.portfolio_text_box {
padding-right: 20px;
}
.portfolio_text_box .portfolio_title,
.portfolio_text_box .portfolio_comment {
font-weight: 500;
padding-bottom: 20px;
}
.portfolio_text_box .portfolio_comment p {
font-size: 20px;
}
.portfolio_text_box .portfolio_detail p {
font-size: 14px;
padding-bottom: 20px;
line-height: 20px;
}
a.lightbox_single_portfolio {
display: block;
}
.portfolio_navigation {
display: block;
width: 180px;
margin: 0 auto;
}
.portfolio_navigation .portfolio_prev {
margin-left: 11px;
}
.portfolio_navigation .portfolio_prev a,
.portfolio_navigation .portfolio_next a { color: #333333; display: inline-flex;
justify-content: center;
align-items: center;
border: 0;
}
.portfolio_navigation .portfolio_prev a:hover,
.portfolio_navigation .portfolio_next a:hover {
color: white;
background-color: #79796A;
}
.portfolio_navigation .portfolio_button a {
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/portfolio_list_button2.png);
}
@media screen and (max-width: 1024px) {
.two_columns_66_33>.column1 {
width: 60%;
}
.two_columns_66_33>.column2 {
width: 40%;
}
} .post_wrapper {
display: flex;
padding: 95px 0 60px;
min-height: 650px;
width: 100%;
}
.post_box {
width: 69.4%;
margin-right: 10%
}
.post_item {
padding: 40px 0;
border-top: 2px solid #CCCCCC;
}
.post_item:first-child {
border: 0;
padding-top: 0;
}
.post_info {
padding-top: 40px;
font-weight: bold;
display: flex;
align-items: center;
}
.post_date {
padding-right: 35px;
}
.post_cat {
background-color: black;
}
.post_cat ul {
list-style-type: none;
}
.post_cat ul li a {
color: white;
line-height: 22px;
width: 85px;
display: flex;
justify-content: center;
align-items: center;
}
.post_title {
padding-top: 15px;
font-weight: bold;
color: #333333;
line-height: 30px;
}
.post_content {
padding: 20px 0;
}
.post_content p {
font-size: 14px;
line-height: 30px;
}
.post_more {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
width: 182px;
height: 40px;
background-color: white;
letter-spacing: 3px;
transition: 0.2s;
}
.post_more:hover {
color: white;
background-color: #79796A;
border-color: #707070;
}
.post_sidebar {
width: 20.6%;
}
.post_sidebar form {
border: 1px solid black;
max-width: 270px;
}
.post_sidebar input#s {
color: black;
}
.widget.widget_search form input[type=text] {
width: 70%;
}
.post_sidebar h5 {
font-size: 18px !important;
font-weight: bold !important;
font-family: 'Noto Sans JP', sans-serif;
color: #333333;
}
.post_sidebar #search-2 h5 {
display: none;
}
.post_sidebar aside .widget ul {
padding-left: 10px;
}
.post_sidebar a {
font-size: 14px;
font-weight: bold !important;
text-decoration: underline;
line-height: 20px;
}
.post_sidebar a::before {
content: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/arrow.png);
margin-right: 10px;
}
.post_sidebar aside .widget#search-2,
.post_sidebar aside .widget#search-3 {
margin-bottom: 80px;
}
.post_sidebar aside .widget#categories-2,
.post_sidebar aside .widget#categories-3 {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #cccccc;
}
.post_sidebar input::-webkit-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar input::-moz-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar input:-moz-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar input::-ms-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar input:-ms-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar input::placeholder {
color: #BFC1C2 !important;
}
.post_sidebar a {
transition: 0.2s !important;
}
.post_sidebar a:hover {
opacity: 0.6;
}
.page-numbers {
font-size: 16px;
display: inline-block;
text-align: center;
width: 25px;
margin: 40px 5px 0;
transition: 0.2s;
}
.page-numbers.next,
.page-numbers.prev {
width: auto;
padding: 0 5px;
}
.page-numbers.current {
border: 1px solid black;
background-color: white;
}
a.page-numbers:hover {
color: white;
background-color: #79796A;
border-color: #707070;
}
@media screen and (max-width: 1100px) {
.widget.widget_search form input[type=text] {
width: 65%;
}
}
@media screen and (max-width: 767px) {
.post_wrapper {
flex-wrap: wrap;
}
.post_box {
margin: 0 0 40px;
;
width: 100%;
padding-bottom: 40px;
border-bottom: 2px solid #cccccc;
}
.page-numbers {
margin-top: 0;
}
.post_sidebar {
width: 100%;
}
.post_sidebar aside {
display: flex;
flex-wrap: wrap;
}
.widget.widget_search form input[type=text] {
width: 70%;
}
.post_sidebar aside .widget#search-2,
.post_sidebar aside .widget#search-3 {
width: 100%;
margin-bottom: 30px;
}
.post_sidebar aside .widget#categories-2,
.post_sidebar aside .widget#categories-3 {
border: 0;
margin-right: 50px;
}
}
@media screen and (max-width: 480px) {
.post_info {
padding-top: 20px;
}
.post_sidebar aside .widget#categories-2,
.post_sidebar aside .widget#categories-3 {
border-bottom: 1px solid #cccccc;
margin: 0 0 20px 0;
padding-bottom: 20px;
width: 100%;
}
.post_sidebar aside .widget#archives-2,
.post_sidebar aside .widget#archives-3 {
margin: 0;
}
} .post_item img,
.post_single img,
.portfolio_images a {
opacity: 0;
} .fadeInDown {
animation-name: fadeInDown;
animation-duration: 3s;
animation-fill-mode: forwards;
}
@keyframes fadeInDown {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translate(0);
}
} a#back_to_top {
width: 40px;
height: 40px;
background-image: url(http://p-takano.com/app2/wp-content/themes/bridge-child/img/backtotop.svg);
right: 4%;
bottom: 45px;
}
a#back_to_top.on,
a#back_to_top.off {
right: 4%;
}
a#back_to_top span {
display: none;
} .text404 {
line-height: 50px;
padding: 18vw 0;
}
@media screen and (max-width: 1024px) {
.text404.text24 {
font-size: 20px;
line-height: 35px;
padding: 180px 0;
}
}
@media screen and (max-width: 767px) {
.text404.text24 {
padding: 120px 0;
}
}
@media screen and (max-width: 480px) {
.text404.text24 {
font-size: 16px;
line-height: 26px;
}
} .side_menu_slide_from_right .wrapper {
z-index: 1;
}
.grecaptcha-badge {
z-index: 1;
bottom: 120px !important;
} body {
margin: 0;
}
.slide_box {
width: 100%;
display: flex;
justify-content: flex-end;
height: 636px;
position: relative;
}
.slide_box #slide {
width: 90%;
max-width: 1610px;
height: 100%;
position: relative;
}
.slide_box #slide .slide_item {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
}
.slide1 {
background-image: url(http://p-takano.com/app2/wp-content/uploads/2020/11/slider1.jpg);
background-size: auto 100%;
background-position: right;
}
.slide2 {
background-image: url(http://p-takano.com/app2/wp-content/uploads/2020/11/slider2.jpg);
background-size: auto 100%;
background-position: center;
}
.slide3 {
background-image: url(http://p-takano.com/app2/wp-content/uploads/2020/10/slide3.jpg);
background-size: auto 100%;
background-position: right;
}
.slide_box .slide_text {
position: absolute;
width: 595px;
height: 270px;
background-color: rgba(19, 19, 4, 0.8);
left: -100px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
padding: 50px 0 0 40px;
opacity: 0;
box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
.slide_box {
height: 500px;
}
.slide_box #slide {
width: 100%;
}
.slide_box .slide_text {
left: 0;
width: 380px;
height: 250px;
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
}
.slide_box .slide_text img {
width: 100%;
height: auto;
}
.slide1 {
background-position: top right 20%;
}
.slide3 {
background-position: top right 30%;
}
}
@media screen and (max-width: 600px) {
.slide_box .slide_text {
width: 250px;
height: 150px;
padding: 10px;
}
}
@media screen and (max-width: 480px) {
.slide_box .slide_text {
top: auto;
bottom: 50px;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
} _:-ms-lang(x)::-ms-backdrop,
.button1 {
width: 266px;
}
_:-ms-lang(x)::-ms-backdrop,
.elementor-8 .elementor-element-cbf87b4 img {
height: 100%;
} _:-ms-lang(x)::-ms-backdrop,
.kouji_item {
width: 17%;
}
_:-ms-lang(x)::-ms-backdrop,
.kouji_item p:first-child {
width: 100%;
text-align: center;
min-height: 0%;
}
@media screen and (max-width: 1400px) {
_:-ms-lang(x)::-ms-backdrop,
.kouji_item {
width: 28.5%;
}
_:-ms-lang(x)::-ms-backdrop,
.kouji_item .text16 {
font-size: 15px;
}
}
@media screen and (max-width: 1024px) {
_:-ms-lang(x)::-ms-backdrop,
.button1 {
width: 206px;
}
}
@media screen and (max-width: 800px) {
_:-ms-lang(x)::-ms-backdrop,
.kouji_item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
_:-ms-lang(x)::-ms-backdrop,
.nagare span,
_:-ms-lang(x)::-ms-backdrop,
.nurikabe span {
width: 100%;
}
_:-ms-lang(x)::-ms-backdrop,
.nurikabe:first-child {
text-align: center;
}
@media screen and (max-width: 500px) {
_:-ms-lang(x)::-ms-backdrop,
.footer_box .text14 span {
display: block;
}
}
@media screen and (max-width: 414px) {
_:-ms-lang(x)::-ms-backdrop,
table.customer td {
display: block;
}
_:-ms-lang(x)::-ms-backdrop,
table.customer td span {
width: 100%;
}
}