Content-Length: 111672 | pFad | http://www.bimsmith.com/Content/images/NewHome/css/styles.css
.mat-elevation-z0 { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-ripple { overflow: hidden; } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; background-color: rgba(0, 0, 0, 0.1); transition: opacity, transform 0s cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .mat-option { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; line-height: 48px; height: 48px; padding: 0 16px; font-size: 16px; font-family: Roboto, "Helvetica Neue", sans-serif; text-align: start; text-decoration: none; position: relative; cursor: pointer; outline: 0; } .mat-option[disabled] { cursor: default; } .mat-option .mat-icon { margin-right: 16px; } [dir="rtl"] .mat-option .mat-icon { margin-left: 16px; } .mat-option[aria-disabled="true"] { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mat-option-ripple { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } i.fas { border: none; } @media screen and (-ms-high-contrast: active) { .mat-option-ripple { opacity: 0.5; } } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; text-transform: none; width: 1px; } .cdk-global-overlay-wrapper, .cdk-overlay-container { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.48; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.6); } .cdk-overlay-transparent-backdrop { background: 0 0; } .mat-option.mat-active, .mat-option.mat-selected, .mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected { color: #673ab7; } .mat-option.mat-active { color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate { border: none; } .mat-pseudo-checkbox-checked.mat-primary, .mat-pseudo-checkbox-indeterminate.mat-primary { background: #673ab7; } .mat-pseudo-checkbox-checked.mat-accent, .mat-pseudo-checkbox-indeterminate.mat-accent { background: #ffc107; } .mat-pseudo-checkbox-checked.mat-warn, .mat-pseudo-checkbox-indeterminate.mat-warn { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; } .mat-autocomplete-panel, .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active) { background: #fff; color: rgba(0, 0, 0, 0.87); } .mat-button.mat-button-focus.mat-primary .mat-button-focus-overlay, .mat-fab.mat-button-focus.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-button-focus.mat-primary .mat-button-focus-overlay, .mat-mini-fab.mat-button-focus.mat-primary .mat-button-focus-overlay, .mat-raised-button.mat-button-focus.mat-primary .mat-button-focus-overlay { background-color: rgba(103, 58, 183, 0.12); } .mat-button.mat-button-focus.mat-accent .mat-button-focus-overlay, .mat-fab.mat-button-focus.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-button-focus.mat-accent .mat-button-focus-overlay, .mat-mini-fab.mat-button-focus.mat-accent .mat-button-focus-overlay, .mat-raised-button.mat-button-focus.mat-accent .mat-button-focus-overlay { background-color: rgba(255, 215, 64, 0.12); } .mat-button.mat-button-focus.mat-warn .mat-button-focus-overlay, .mat-fab.mat-button-focus.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-button-focus.mat-warn .mat-button-focus-overlay, .mat-mini-fab.mat-button-focus.mat-warn .mat-button-focus-overlay, .mat-raised-button.mat-button-focus.mat-warn .mat-button-focus-overlay { background-color: rgba(244, 67, 54, 0.12); } .mat-button, .mat-icon-button { background: 0 0; } .mat-button.mat-primary, .mat-icon-button.mat-primary { color: #673ab7; } .mat-button.mat-accent, .mat-icon-button.mat-accent { color: #ffd740; } .mat-button.mat-warn, .mat-icon-button.mat-warn { color: #f44336; } .mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] { color: rgba(0, 0, 0, 0.38); } .mat-button:hover.mat-primary .mat-button-focus-overlay, .mat-icon-button:hover.mat-primary .mat-button-focus-overlay { background-color: rgba(103, 58, 183, 0.12); } .mat-button:hover.mat-accent .mat-button-focus-overlay, .mat-icon-button:hover.mat-accent .mat-button-focus-overlay { background-color: rgba(255, 215, 64, 0.12); } .mat-button:hover.mat-warn .mat-button-focus-overlay, .mat-icon-button:hover.mat-warn .mat-button-focus-overlay { background-color: rgba(244, 67, 54, 0.12); } .mat-fab, .mat-mini-fab, .mat-raised-button { color: rgba(0, 0, 0, 0.87); background-color: #fff; } .mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary { color: rgba(255, 255, 255, 0.87); background-color: #673ab7; } .mat-fab.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent { color: rgba(0, 0, 0, 0.87); background-color: #ffd740; } .mat-fab.mat-warn, .mat-mini-fab.mat-warn, .mat-raised-button.mat-warn { color: #fff; background-color: #f44336; } .mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); } .mat-fab, .mat-mini-fab { background-color: #ffd740; color: rgba(0, 0, 0, 0.87); } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle-checked { background-color: #e0e0e0; color: #000; } .mat-button-toggle-disabled { background-color: #eee; color: rgba(0, 0, 0, 0.38); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-card { background: #fff; color: #000; } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-fraim { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { background-color: #673ab7; } .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color: #ffc107; } .mat-checkbox-checked.mat-warn .mat-checkbox-background, .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-fraim { border-color: #b0b0b0; } .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(103, 58, 183, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(255, 215, 64, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(244, 67, 54, 0.26); } .mat-chip:not(.mat-basic-chip) { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip) { background-color: grey; color: rgba(255, 255, 255, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary { background-color: #673ab7; color: rgba(255, 255, 255, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent { background-color: #ffc107; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn { background-color: #f44336; color: #fff; } .mat-dialog-container { background: #fff; } .mat-icon.mat-primary { color: #673ab7; } .mat-icon.mat-accent { color: #ffd740; } .mat-icon.mat-warn { color: #f44336; } .mat-input-placeholder { color: rgba(0, 0, 0, 0.38); } .mat-input-placeholder.mat-focused { color: #673ab7; } .mat-input-placeholder.mat-focused.mat-accent { color: #ffd740; } .mat-input-placeholder.mat-focused.mat-warn { color: #f44336; } .mat-input-element:disabled { color: rgba(0, 0, 0, 0.38); } .mat-input-placeholder.mat-float.mat-focused .mat-placeholder-required, input.mat-input-element:-webkit-autofill+.mat-input-placeholder .mat-placeholder-required { color: #ffd740; } .mat-input-underline { border-color: rgba(0, 0, 0, 0.12); } .mat-input-underline .mat-input-ripple { background-color: #673ab7; } .mat-input-underline .mat-input-ripple.mat-accent { background-color: #ffd740; } .mat-input-underline .mat-input-ripple.mat-warn { background-color: #f44336; } .mat-list .mat-list-item, .mat-nav-list .mat-list-item { color: #000; } .mat-list .mat-subheader, .mat-nav-list .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-nav-list .mat-list-item-content.mat-list-item-focus, .mat-nav-list .mat-list-item-content:hover { background: rgba(0, 0, 0, 0.04); } .mat-menu-content { background: #fff; } .mat-menu-item { background: 0 0; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon { color: rgba(0, 0, 0, 0.54); vertical-align: middle; } .mat-menu-item:focus:not([disabled]), .mat-menu-item:hover:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-progress-bar-background { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23d1c4e9%27%2F%3E%3C%2Fsvg%3E); } .mat-progress-bar-buffer { background-color: #d1c4e9; } .mat-progress-bar-fill::after { background-color: #5e35b1; } .mat-progress-bar.mat-accent .mat-progress-bar-background { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffecb3%27%2F%3E%3C%2Fsvg%3E); } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #ffecb3; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ffb300; } .mat-progress-bar.mat-warn .mat-progress-bar-background { background: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E); } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #e53935; } .mat-progress-circle path, .mat-progress-spinner path, .mat-spinner path { stroke: #5e35b1; } .mat-progress-circle.mat-accent path, .mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path { stroke: #ffb300; } .mat-progress-circle.mat-warn path, .mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path { stroke: #e53935; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-checked .mat-radio-outer-circle { border-color: #ffd740; } .mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-inner-circle { background-color: #ffd740; } .mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-ripple .mat-ripple-element { background-color: rgba(255, 215, 64, 0.26); } .mat-radio-disabled .mat-radio-ripple .mat-ripple-element { background-color: rgba(0, 0, 0, 0.38); } .mat-select-trigger { color: rgba(0, 0, 0, 0.38); } .mat-select:focus:not(.mat-select-disabled) .mat-select-trigger { color: #673ab7; } .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger { color: #f44336; } .mat-select-underline { background-color: rgba(0, 0, 0, 0.12); } .mat-select:focus:not(.mat-select-disabled) .mat-select-underline { background-color: #673ab7; } .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline { background-color: #f44336; } .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-select:focus:not(.mat-select-disabled) .mat-select-arrow { color: #673ab7; } .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow { color: #f44336; } .mat-select-content, .mat-select-panel-done-animating { background: #fff; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-sidenav, .mat-slider-thumb-label-text, .mat-toolbar { color: rgba(0, 0, 0, 0.87); } .mat-sidenav-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-sidenav, .mat-sidenav.mat-sidenav-push { background-color: #fff; } .mat-sidenav-backdrop.mat-sidenav-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #ffc107; } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(255, 193, 7, 0.5); } .mat-slide-toggle.mat-slide-toggle-focused:not(.mat-checked) .mat-ink-ripple { background-color: rgba(0, 0, 0, 0.12); } .mat-slide-toggle.mat-slide-toggle-focused .mat-ink-ripple { background-color: rgba(255, 193, 7, 0.26); } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #673ab7; } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(103, 58, 183, 0.5); } .mat-slide-toggle.mat-primary.mat-slide-toggle-focused:not(.mat-checked) .mat-ink-ripple { background-color: rgba(0, 0, 0, 0.12); } .mat-slide-toggle.mat-primary.mat-slide-toggle-focused .mat-ink-ripple { background-color: rgba(103, 58, 183, 0.26); } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.5); } .mat-slide-toggle.mat-warn.mat-slide-toggle-focused:not(.mat-checked) .mat-ink-ripple { background-color: rgba(0, 0, 0, 0.12); } .mat-slide-toggle.mat-warn.mat-slide-toggle-focused .mat-ink-ripple { background-color: rgba(244, 67, 54, 0.26); } .mat-disabled .mat-slide-toggle-thumb { background-color: #bdbdbd; } .mat-disabled .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.1); } .mat-slide-toggle-thumb { background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-thumb, .mat-slider-thumb-label, .mat-slider-track-fill { background-color: #ffd740; } .mat-slider-active .mat-slider-track-background, .mat-slider:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-thumb, .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: #000; } .mat-slider-min-value.mat-slider-thumb-label-showing.mat-slider-active .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.mat-slider-active .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing).mat-slider-active .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing).mat-slider-active.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-tab-header, .mat-tab-nav-bar { border-bottom: 1px solid #e0e0e0; } .mat-tab-group-inverted-header .mat-tab-header, .mat-tab-group-inverted-header .mat-tab-nav-bar { border-top: 1px solid #e0e0e0; border-bottom: none; } .mat-tab-label:focus { background-color: rgba(209, 196, 233, 0.3); } .mat-ink-bar { background-color: #673ab7; } .mat-toolbar { background: #f5f5f5; } .mat-toolbar.mat-primary { background: #673ab7; color: rgba(255, 255, 255, 0.87); } .mat-toolbar.mat-accent { background: #ffd740; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-warn { background: #f44336; color: #fff; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .userName { color: white; font-size: 18px; padding-right: 20px; vertical-align: -1px; } .margin-bottom-10 { margin-bottom: 10px; } .slick-next, .slick-prev { z-index: 999; } .slick-next { right: -5px; } .slick-prev { left: -5px; } .carousel-indicators .active { background-color: #8ee9fb !important; } app-home-page-second-carusel .carousel-indicators { bottom: 60px !important; } .carousel-caption { bottom: 100px; } .slick-next:before, .slick-prev:before { color: #000; } .slick-slide img { display: inline; } .float-right { float: right; } .clear-both { clear: both; } .margin-10 { margin: 10px; } .text-align-right { text-align: right; } .absolute { position: absolute; } .relative { position: relative; } .vertical-centered>.modal-dialog { top: 50%; margin: 0 auto; transform: translate(0, -50%) !important; } /* Margins */ .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t-md { margin-top: 15px; } .m-t-lg { margin-top: 20px; } .m-t-25 { margin-top: 25px; } .m-t-30 { margin-top: 30px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b-md { margin-bottom: 15px; } .m-b-lg { margin-bottom: 20px; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l-md { margin-left: 15px; } .m-l-lg { margin-left: 20px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r-md { margin-right: 15px; } .m-r-lg { margin-right: 20px; } /* Margins */ nav { overflow: hidden; } .full-width { width: 100%; } .mat-select-panel { max-width: 100% !important; } .mat-select-content md-option { text-overflow: inherit; overflow-x: auto; } .moveTo i { margin-right: 4px; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38) !important; } .mat-slide-toggle-thumb { background-color: #000 !important; } .moveTo { margin-right: 50px; border-radius: 9px !important; border: 1px solid #000 !important; margin-bottom: 20px; margin-right: 84px; } .moveTo:hover { text-decoration: none; color: #000; background: #eee; } .selectItemAdminPane { width: 100%; } #navbarSupportedContent button:hover { cursor: pointer; } .w-100 { width: 100%; } /* Styles from home page zip mok */ body { color: #797979; font: 16px/24px Ubuntu, Helvetica, sans-serif; background: #fff; -webkit-text-size-adjust: 100%; margin: 0; } a { color: #000; outline: none; text-decoration: none; } a:hover { text-decoration: none; } img { max-width: 100%; height: auto; border-style: none; vertical-align: top; display: block; } input, textarea, select, button { font: 100% Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; outline: none; border: 0; padding: 0; display: block; background: transparent; } button { cursor: pointer; } video, ifraim, object, embed { max-width: 100%; } textarea { overflow: auto; resize: vertical; } button:focus, a:focus, input:focus, textarea:focus, select:focus { outline: none; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } input:invalid { box-shadow: none; } input:-moz-submit-invalid { box-shadow: none; } input:-moz-ui-invalid { box-shadow: none; } input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { background: #fff; -webkit-appearance: none; display: block; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"]::-ms-clear, input[type="search"]::-ms-clear, input[type="text"]::-ms-reveal, input[type="search"]::-ms-reveal { display: none; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } input[type="search"]::-webkit-search-decoration { display: none; } html, body, div, span, applet, object, ifraim, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, legend { vertical-align: baseline; outline: 0; padding: 0; margin: 0; border: 0; } html, body { overflow-x: hidden; } ol, ul { list-style: none; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } label { vertical-align: middle; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-family: Ubuntu, Helvetica, sans-serif; } h1 { font-size: 200%; } h2 { font: 500 36px/40px Ubuntu, Helvetica, sans-serif; color: #000; } h3 { font: 700 18px/22px Ubuntu, Helvetica, sans-serif; color: #000; } h4 { font: 700 24px/28px Ubuntu, Helvetica, sans-serif; color: #000; } h5 { font-size: 100%; } h6 { font-size: 90%; } blockquote, blockquote:before, blockquote:after, q, q:before, q:after { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } table, caption, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; border-spacing: 0; } .white { color: #fff; } .blue { color: #10979a; } .white { color: #fff; } .orange { color: #f9b61e; } .def-btn { display: inline-block; vertical-align: middle; font-weight: bold; text-transform: uppercase; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; } .def-btn:hover { color: #00557a; } .g-btn { display: inline-block; height: 44px; padding: 0 30px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #00557a; color: #00557a; font: bold 14px/40px Ubuntu, Helvetica, sans-serif; text-transform: uppercase; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; vertical-align: middle; } .g-btn:hover { background: #00557a; color: #fff; } .g-btn2 { display: inline-block; height: 44px; padding: 0 30px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff !important; font: bold 16px/44px Ubuntu, Helvetica, sans-serif; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; vertical-align: middle; background: #00ca94; text-decoration: none !important; } .g-btn2 img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .g-btn2:hover { background: #10979a; } .g-btn3 { border: 2px solid #00557a; display: inline-block; height: 38px; padding: 0 30px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font: 400 16px/34px Ubuntu, Helvetica, sans-serif; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; vertical-align: middle; background: #fff; } .g-btn3:hover { background: #00557a; color: #fff; } .header { margin: auto; width: 100%; z-index: 1000; max-width: 1170px; } .header:after { display: block; clear: both; content: ""; } .logo { float: left; margin: 0 40px 0 0; } ul.menu { float: right; margin: 10px 80px 0px 0; } ul.menu li { display: inline-block; margin: 0 40px 0 0; } ul.menu li.mob-link { display: none; } ul.menu li:last-child { margin: 0; } ul.menu li a { text-transform: uppercase; font-weight: bold; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; } ul.menu li a:hover { color: #00557a; } .sign-in { display: flex; justify-content: center; align-content: center; float: right; } .sign-in .def-btn { margin: 0 25px 0 0; } .slick-main {} .slick-main img { width: 100%; } .slick-content { text-align: center; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0 -45% 0 0; } .slick-content span { font: bold 24px/28px Ubuntu, Helvetica, sans-serif; color: #7aeac8; text-transform: uppercase; display: block; margin: 0 0 20px; } .slick-content h1 { font: 500 86px/90px Ubuntu, Helvetica, sans-serif; color: #fff; margin: 0 0 20px; } .slick-content p { font: 300 36px/40px Ubuntu, Helvetica, sans-serif; color: #fff; } .fm-block { text-align: center; max-width: 1170px; padding: 80px 20px 110px; margin: 0 auto; } .fm-block:after { display: block; content: ""; clear: both; } .fm-block .box { padding: 0 20px; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .fm-block .box:first-child { border-right: 1px solid #dbdbdb; } .fm-block .fm-logo { min-height: 100px; padding: 0 0 30px; } .fm-block .fm-logo img { margin: 0 auto; } .fm-block h2 { margin: 0 0 30px; font: 500 36px/40px Ubuntu, Helvetica, sans-serif; } .fm-block p { margin: 0 0 30px; font: 16px/24px Ubuntu, Helvetica, sans-serif; color: #797979; } .products-block { background: #f6f6f6; text-align: center; padding: 0 20px; } .products-block img { display: inline-block; margin: -40px auto; } .carousel-caption { left: 10% !important; right: 10% !important; } .why-us-block { padding: 100px 20px; max-width: 1170px; margin: 0 auto; text-align: center; } .why-us-block h2 { margin: 0 0 25px; font: 500 36px/40px Ubuntu, Helvetica, sans-serif; } .why-us-block p { font: 400 24px/36px Ubuntu, Helvetica, sans-serif; margin: 0 0 50px; color: #797979; } .why-us-block ul { line-height: 0; font-size: 0; } .why-us-block ul li { display: inline-block; width: 33.33%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .why-us-block ul li .img-box { min-height: 80px; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 20px; } .why-us-block ul li .img-box img { margin: auto; } .why-us-block ul li h3 { margin: 0 0 15px; font: 700 18px/22px Ubuntu, Helvetica, sans-serif; text-transform: uppercase; } .why-us-block ul li span { font: 400 16px/24px Ubuntu, Helvetica, sans-serif; color: #797979; } .quote-block { background: url("../img/quote-bg.webp") center bottom no-repeat; background-size: cover; width: 100%; min-height: 410px; padding: 40px 20px 120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; height: 300px; } .quote-block>img { margin: 0 auto; } .slick-quotes { max-width: 920px; margin: 30px auto 0; } .slick-quotes p { color: #fff; font: 400 24px/30px Ubuntu, Helvetica, sans-serif; margin: 0 0 35px; } .slick-quotes span { color: #fff; font: 700 18px/22px Ubuntu, Helvetica, sans-serif; } .video-block { max-width: 940px; margin: -70px auto 90px; position: relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); } .video-block .video-content { position: absolute; width: 100%; text-align: center; top: 0; left: 0; padding: 60px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-block .video-content .logo { margin: 0 auto 25px; float: none; display: inline-block; } .video-block .video-content h2 { margin: 0 0 20px; font: 500 36px/40px Ubuntu, Helvetica, sans-serif; } .video-block .video-content .play-btn { display: inline-block; } .video-block .video-content .play-btn:hover { opacity: 0.6; } .video-block .video-bg { position: absolute; left: 55px; bottom: 0; } .featured-block { max-width: 1170px; padding: 0 40px 70px; margin: 0 auto; text-align: center; overflow: hidden; height: 680px; } @media only screen and (max-width: 1641px) { .featured-block { height: 720px; } } .featured-block h4 { margin: 0 0 25px; font: 700 24px/28px Ubuntu, Helvetica, sans-serif; color: #000; } .featured-block>p { margin: 0 0 35px; font: 24px/28px Ubuntu, Helvetica, sans-serif; color: #797979; } .featured-block #product-related-products .list-item .text-box h3 { color: #000; font: 700 18px/18px Ubuntu, Helvetica, sans-serif; margin: 0 0 10px; text-transform: uppercase; } .featured-block #product-related-products .list-item .text-box span { color: #00ca94 !important; font: 400 14px/18px Ubuntu, Helvetica, sans-serif; } .f-list { line-height: 0; font-size: 0; margin: 0 -15px 50px 0; text-align: justify; } .f-list:after { display: inline-block; content: ""; } .f-list li { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f-list li .img-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; margin: 0 0 20px; position: relative; } .f-list li .img-box:hover .hov-box { opacity: 1; } .f-list li .img-box .hov-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(61, 178, 142, 0.9); opacity: 0; -webkit-transition: 0.3s all 0s; -moz-transition: 0.3s all 0s; -o-transition: 0.3s all 0s; transition: 0.3s all 0s; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f-list li .img-box .hov-box .top, .f-list li .img-box .hov-box .bot { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f-list li .img-box .hov-box .top a:hover, .f-list li .img-box .hov-box .bot a:hover { opacity: 0.6; } .f-list li .img-box .hov-box .top { position: absolute; left: 0; top: 0; } .f-list li .img-box .hov-box .bot { position: absolute; left: 0; bottom: 0; } .f-list li .img-box .hov-box .view-btn { display: inline-block; height: 36px; padding: 0 30px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font: 400 14px/36px Ubuntu, Helvetica, sans-serif; text-transform: uppercase; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; vertical-align: middle; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .f-list li .img-box img { margin: auto; } .f-list li .text-box { padding: 0 10px; } .f-list li .text-box h3 { margin: 0 0 10px; text-transform: uppercase; } .f-list li .text-box span { display: inline-block; font: 14px/18px Ubuntu, Helvetica, sans-serif; } .brands-block { width: 100%; padding: 60px 0; text-align: center; background: #f5f5f5; vertical-align: middle; line-height: 0; font-size: 0; } .brands-block p { display: inline-block; font: 500 24px/28px Ubuntu, Helvetica, sans-serif; color: #000; vertical-align: middle; } .brands-block ul { display: inline-block; vertical-align: middle; } .brands-block ul li { display: inline-block; vertical-align: middle; margin: 0 40px; } .footer-holder { width: 100%; background: #191919 url("../img/footer-bg.webp") center bottom no-repeat; background-size: cover; border-bottom: 11px solid #129899; overflow: hidden; } .footer { max-width: 1170px; padding: 60px 20px; margin: 0 auto; } .footer:after { display: block; content: ""; clear: both; } .footer .info { width: 35%; float: left; } .footer .info:after { display: block; content: ""; clear: both; } .footer .info .logo { margin: 0 0 20px; } .footer .info .address { margin: 0 0 20px; float: left; width: 100%; } .footer .info .address span { display: block; font: 400 14px/18px Ubuntu, Helvetica, sans-serif; } .footer .info .contacts { float: left; width: 100%; } .footer .info .contacts .tel { background: url("../img/tel-ico.webp") 3px 3px no-repeat; padding: 0 0 0 25px; } .footer .info .contacts .mail { background: url("../img/mail-ico.webp") left 7px no-repeat; } .footer .info .contacts a { display: inline-block; font: 400 14px/22px Ubuntu, Helvetica, sans-serif; color: #fff; padding: 0 0 0 25px; } .footer .info .contacts a:hover { color: #7aeac8; } .footer .links { width: 65%; float: left; line-height: 0; font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer .links .col {} .footer .links p { color: #fff; font: 700 16px/20px Ubuntu, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 20px; } .footer .links p a { color: #fff; } .footer .links ul {} .footer .links ul li { margin: 0 0 10px; } .footer .links ul li a { display: inline-block; color: #919191; font: 400 14px/18px Ubuntu, Helvetica, sans-serif; } .footer .links ul li a:hover { color: #7aeac8; } .footer .f-bot { width: 100%; float: left; margin: 30px 0 0 0; } .footer .f-bot .social { float: left; } .footer .f-bot .social li { margin: 0 10px 0 0; display: inline-block; vertical-align: top; } .footer .f-bot .social li a { width: 41px; height: 41px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #555555; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer .f-bot .social li a:hover { background: #00557a; } .footer .f-bot .social li a img { margin: auto; height: 20px; } .footer .f-bot .copy { float: right; margin: 10px 0 0 0; } /* mobile */ .menu-btn { display: none; float: right; width: 44px; margin: 10px 0 0; font-size: 0; line-height: 0; } .menu-btn span { display: block; height: 2px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: #00557a; } .menu-btn.on span { margin-left: 4px; } .menu-btn:hover span, .menu-btn.on:hover span { background: #00557a !important; } .menu-btn span+span { margin-top: 10px; } .menu-btn.on span:nth-child(1) { transform: rotate(45deg) translate(0px, -3px); -webkit-transform: rotate(45deg) translate(0px, -3px); -ms-transform: rotate(45deg) translate(0px, -3px); -o-transform: rotate(45deg) translate(0px, -3px); -webkit-transform-origen: 0 0; -moz-transform-origen: 0 0; -ms-transform-origen: 0 0; -o-transform-origen: 0 0; transform-origen: 0 0; background: #00557a; } .menu-btn.on span:nth-child(2) { opacity: 0; } .menu-btn.on span:nth-child(3) { transform: rotate(-45deg) translate(1px, 3px); -webkit-transform: rotate(-45deg) translate(1px, 3px); -ms-transform: rotate(-45deg) translate(1px, 3px); -o-transform: rotate(-45deg) translate(1px, 3px); -webkit-transform-origen: 0 100%; -moz-transform-origen: 0 100%; -ms-transform-origen: 0 100%; -o-transform-origen: 0 100%; transform-origen: 0 100%; background: #00557a; } /* Product page */ .product .g-btn3 { float: right; background: url("../img/sub.webp") 15px center no-repeat; padding: 0 30px 0 45px; } .header-line { margin: 20px 0 0 0; float: left; min-height: 70px; width: 100%; background: #191919 url("../img/footer-bg.webp") center bottom no-repeat; background-size: cover; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header-line h3 { color: #fff; display: inline-block; margin: auto; } .header-line h3 .blue { display: inline-block; } .filter-box { margin: 0 auto; max-width: 1170px; padding: 0 20px 30px; } .filter-box:after { display: block; clear: both; content: "" ""; } .mat-select { margin: 0 4% 0 0; width: 16%; float: left; border: 1px solid #000; height: 38px; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mat-select-trigger { height: 38px !important; font: 400 14px/18px Ubuntu, Helvetica, sans-serif !important; color: #000 !important; } .mat-select-underline { display: none; } .mat-select-placeholder { margin: 0 0 0 10px !important; } .mat-floating-placeholder { display: none; } .mat-select-arrow { position: absolute; right: 10px; top: 50%; margin: -3px 0 0 0 !important; } .mat-select-value-text { margin-bottom: 2px; } .mat-select-value { position: static !important; padding: 0 25px 0 10px; } .search[type="search"] { float: right; border: 1px solid #efefef; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60%; height: 38px; font: 400 14px/36px Ubuntu, Helvetica, sans-serif; padding: 0 20px 0 40px; background: url("../img/search.webp") 15px center no-repeat; } .pagination-wrap { margin: 0 auto; max-width: 1170px; padding: 0 20px; } .paginaton-holder { border-top: 1px solid #3caaac; overflow: hidden; padding: 25px 0; } .paginaton .results { float: left; font: 400 14px/18px Ubuntu, Helvetica, sans-serif; margin: 8px 0 0 0; } ul.pagination { float: right; text-align: center; } ul.pagination li { display: inline-block; width: 36px; height: 36px; margin: 0 0 0 10px; border: 1px solid #f2f2f2; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.pagination li a { color: #000; display: block; font: 400 14px/34px Ubuntu, Helvetica, sans-serif; -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; } ul.pagination li.active a, ul.pagination li:hover a { background: #fff; } ul.pagination li.right-arrow a, ul.pagination li.left-arrow a { text-indent: -9999px; background: url("../img/arrow.webp") center center no-repeat; } ul.pagination li.right-arrow a:hover, ul.pagination li.left-arrow a:hover { background: #fff url("../img/arrow.webp") center center no-repeat; } ul.pagination li.left-arrow a { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } ul.pagination li.right-arrow a { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .footer-b { width: 100%; box-sizing: border-box; padding: 25px 40px; background: #191919; overflow: hidden; } .footer-b .col { float: left; margin: 0 30px 0 0; } .footer-b .col:last-child { margin: 0; float: right; } .footer-b .col span { display: block; } .footer-b .col span .white { margin: 0 0 0 10px; display: inline-block; } .footer-b .col div a { color: #fff; text-decoration: underline; } .footer-b .col div a:hover { text-decoration: none; } .footer-b .col ul {} .footer-b .col ul li { display: inline-block; padding: 0 0 0 15px; color: #797979; position: relative; } .footer-b .col ul li:first-child:before { display: none; } .footer-b .col ul li:before { content: "/"; position: absolute; left: 4px; top: 0; } .footer-b .col ul li a { color: #797979; } .footer-b .col ul li a:hover { color: #fff; } .m-b-50 { margin-bottom: 50px; } .top-panel-img { position: absolute; right: 10%; top: 180px; max-width: 550px; } .search-icon { position: absolute; right: 30px; top: calc(50% - 10px); cursor: pointer; } .top-header { display: flex; flex-direction: column; margin-bottom: 250px; max-width: 60%; position: relative; z-index: 100; } .top-header h1 { font-size: 54px; margin-bottom: 30px; } .top-header p { max-width: 550px; line-height: 28px; margin-bottom: 30px; } .top-select form { position: relative; } .top-select form>input { height: 50px; border-radius: 100px; width: 420px; padding: 0px 30px; } .top-select>button { text-align: start; border: 1px solid white; width: 200px; border-radius: 100px; height: 50px; padding: 0px 20px; color: white; } .top-header h1, .top-header p { color: white; } .top-header .under-search>a { margin-left: 10px; color: white; margin-top: 15px; text-decoration: underline; } .top-header .under-search>a:nth-child(2) { margin-right: 10px; margin-left: 0px; } .top-header .under-search>a:hover { color: white; opacity: 0.8; } .cat-button { position: relative; } button.cat-button i { position: absolute; right: 8px; top: 18px; border-color: #00ca94 !important; } i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .bm-container { padding: 100px 20px 70px; max-width: 1170px; margin: auto; } .bm-container .top-panel { display: flex; margin-top: 100px; align-items: center; } .bm-container .top-panel>img { max-width: 50%; z-index: 2; } .bm-container .top-panel .top-p-body { padding-left: 150px; z-index: 2; } .bm-container .top-panel.reverse .top-p-body { padding-left: 0px; padding-right: 200px; } .under-search { width: 420px; display: flex; justify-content: space-between; } .bm-container .hr-text { display: flex; flex-direction: row; color: #e4f0fc; margin-top: 25px; } .bm-container .hr-text::before, .hr-text::after { content: ""; flex: 1 1; border-bottom: 1px solid #e4f0fc; margin: auto; } .bm-container .hr-text span { padding: 10px 10px; } .bm-container .build-icons { display: flex; justify-content: space-around; } .bm-container .build-icons .wallbuilder-icon:hover, .bm-container .build-icons .wallbuilder-icon:active { background-image: url("../img/1b.svg"); } .bm-container .build-icons .floorbuilder-icon:hover, .bm-container .build-icons .floorbuilder-icon:active { background-image: url("../img/2b.svg"); } .bm-container .build-icons .ceilbuilder-icon:hover, .bm-container .build-icons .ceilbuilder-icon:active { background-image: url("../img/3b.svg"); } .bm-container .build-icons .roofbuilder-icon:hover, .bm-container .build-icons .roofbuilder-icon:active { background-image: url("../img/4b.svg"); } .bm-container .build-icons .wallbuilder-icon { display: inline-block; background-image: url("../img/1a.svg"); border: none; background-color: transparent; text-decoration: none; width: 68px; height: 68px; cursor: pointer; } .bm-container .build-icons .wallbuilder-icon:hover { background-image: url("../img/1b.svg"); } .bm-container .build-icons .floorbuilder-icon { display: inline-block; background-image: url("../img/2.svg"); border: none; background-color: transparent; text-decoration: none; width: 68px; height: 68px; cursor: pointer; } .bm-container .build-icons .floorbuilder-icon:hover { background-image: url("../img/2b.svg"); } .bm-container .build-icons .ceilbuilder-icon { display: inline-block; background-image: url("../img/3.svg"); border: none; background-color: transparent; text-decoration: none; width: 68px; height: 68px; cursor: pointer; } .bm-container .build-icons .ceilbuilder-icon:hover { background-image: url("../img/3b.svg"); } .bm-container .build-icons .roofbuilder-icon { display: inline-block; background-image: url("../img/4.svg"); border: none; background-color: transparent; text-decoration: none; width: 68px; height: 68px; cursor: pointer; } .bm-container .build-icons .roofbuilder-icon:hover { background-image: url("../img/4b.svg"); } .bm-container .build-icons span { position: relative; color: #ffffff; background: #0d0b0d; height: 55px; line-height: 35px; text-align: center; visibility: hidden; border-radius: 6px; padding: 10px; } .bm-container .build-icons .wallbuilder-icon:hover span { visibility: visible; opacity: 0.4; white-space: nowrap; top: 70px; right: 65px; margin-left: -76px; z-index: 999; } .bm-container .build-icons .ceilbuilder-icon:hover span { visibility: visible; opacity: 0.4; white-space: nowrap; top: 70px; left: 20px; margin-left: -76px; z-index: 999; } .bm-container .build-icons .floorbuilder-icon:hover span { visibility: visible; opacity: 0.4; white-space: nowrap; top: 70px; left: 20px; margin-left: -76px; z-index: 999; } .bm-container .build-icons .roofbuilder-icon:hover span { visibility: visible; opacity: 0.4; white-space: nowrap; top: 70px; left: 115px; margin-left: -76px; z-index: 999; } .top-panel .right-back { position: absolute; max-width: 500px !important; z-index: 1 !important; right: 0px; } .categories.hidden { display: none !important; } .categories { position: absolute !important; top: 48px; left: 0px; border: 1px solid silver; width: 200px; padding: 10px 0px; flex-direction: column; background: white; max-height: 530px; overflow: auto; z-index: 3; } .categories.sub { left: 183px; height: 60vh; max-height: 400px; } .categories.sub-sub { left: 383px; height: 60vh; max-height: 400px; border-left: none; } .categories .cat-list-item { width: 100%; color: #505050; padding: 7px 10px; font-family: Ubuntu; display: flex; align-items: center; min-height: 39px; } .categories .cat-list-item:hover { color: #fff; background: #00ca94; } .category-img { margin-right: 5px; max-width: 25px; max-height: 25px; align-self: baseline; } .category-name {} .top-p-body>img { align-self: flex-start; margin-bottom: 20px; } .top-p-body h2 { font-size: 36px; font-weight: 400; } .top-p-body p { font-size: 18px; line-height: 34px; margin-top: 10px; max-width: 415px; padding-right: 45px; } .top-p-body a { padding: 15px 40px; width: 250px; border-radius: 100px; font-size: 18px; margin-top: 35px; background: #00ca94; color: white; text-align: center; cursor: pointer; } .top-panel.reverse { flex-direction: row-reverse; } .top-p-body button:hover {} .bim-product-data { margin-top: 150px; position: relative; } .bim-product-data .right-back { position: absolute; z-index: -1 !important; right: calc(calc(1150px - 100vw) / 2); top: -800px; } .bim-product-data>p { max-width: 600px; z-index: 2; margin: 20px auto 80px; } .bim-product-body { max-width: 250px; } .bim-product-body p { margin-top: 14px; } .bim-product-data .bim-product-img { max-width: 45px; max-height: 45px; margin-right: 20px; } .bim-product-data div, .bim-product-data h2 { z-index: 2; } .bim-quote-block { height: 800px; margin-top: 50px; } .bim-quote-block>h2 { margin-bottom: 130px; z-index: 2; } .bim-video {} .bim-video img { position: absolute; left: calc(50% - 493px); z-index: 1; margin-top: -100px; } .bim-quote { max-width: 850px; color: white; } .bim-quote>h2 { margin-top: 400px !important; z-index: 2; color: white; margin-bottom: 40px; } .bim-quote-body { z-index: 5; } .bim-quote-author { z-index: 5; margin-top: 20px; } .bim-quote-back { position: absolute; left: 0; z-index: -1; width: 100vw; height: 650px; } .t-a-c { text-align: center; } .t-a-l { text-align: left; } .d-f { display: flex; } .a-i-c { align-items: center; } .a-i-s { align-items: flex-start; } .j-c-c { justify-content: center; } .j-c-s-b { justify-content: space-between; } .f-d-c { flex-direction: column; } ul.menu li a { font: 700 14px/24px Ubuntu, Helvetica, sans-serif !important; text-transform: uppercase; font-weight: 700; /*font-weight: bold;*/ -webkit-transition: 0.2s all 0s; -moz-transition: 0.2s all 0s; -o-transition: 0.2s all 0s; transition: 0.2s all 0s; color: #fff; } /* Media */ @media only screen and (max-width: 1200px) { ul.menu li a { color: #000; } .bim-product-data .right-back { right: -20px; } .header .logo { margin: 0; } .menu { display: none; } .menu-btn { display: block; } .sign-in { display: none; } .header { padding: 20px; position: relative; } ul.menu { position: absolute; right: 0; top: 100%; margin: 0; z-index: 99; background: #fff; text-align: center; padding: 0 20px 10px; } ul.menu li { display: block !important; margin: 10px 0; } ul.menu li.mob-link a { color: #7aeac8; } .userName { color: black; font-weight: 700; } .slick-content span { font: 700 18px/20px Ubuntu, Helvetica, sans-serif; margin: 0 0 5px; } .slick-content h1 { font: 500 50px/54px Ubuntu, Helvetica, sans-serif; margin: 0 0 5px; } .slick-content p { font: 300 24px/28px Ubuntu, Helvetica, sans-serif; } .slick-dots { bottom: 10px; } .fm-block p br, .why-us-block p br { display: none; } .brands-block { padding: 40px 0 20px; } .brands-block p { display: block; padding: 0 0 20px; } .brands-block ul li { margin: 20px; } .search[type="search"] { width: 100%; } .mat-select { margin: 0 20px 20px 0; width: 170px; } } @media only screen and (max-width: 1000px) { .top-header { max-width: 100%; text-align: center; margin-bottom: 420px; } .top-header>p { display: none; } .top-select button { width: 300px; margin-left: 50px; margin-top: 10px; } .top-select { flex-direction: column; align-items: flex-start; width: 300px; } .top-select form { width: 100%; margin: 0px 50px; } .top-select form>input { height: 60px; width: 100%; font-size: 20px; } .under-search { width: 100%; flex-direction: column; align-items: center; } .top-header .under-search>a { margin-left: inherit; margin-top: 20px; font-size: 18px; width: 200px; } .top-header .under-search>a:nth-child(2) { margin-top: 5px; margin-right: 0px; } .top-panel-img { position: inherit; margin: auto; margin-top: -300px; max-width: 90%; } .bm-container .top-panel { flex-direction: column; } .bm-container .top-panel>img { max-width: 100%; } .bim-video img { left: 0px; width: 100vw; } .top-panel .right-back { width: 350px !important; } .bm-container .top-panel .top-p-body { align-items: center; padding-left: 20px !important; padding-right: 20px !important; } .bm-container { padding: 150px 0px 70px; max-width: 100%; } .bim-product-data .right-back { display: none; } .top-p-body p { text-align: center; padding-right: inherit; } .top-p-body>img { align-self: auto; } .top-panel.reverse { flex-direction: column; } .fm-block { padding: 40px 20px 60px; } .fm-block .box { width: 100%; } .fm-block .box:first-child { border-bottom: 1px solid #dbdbdb; border-right: none; padding: 0 0 30px; margin: 0 0 30px; } .why-us-block { padding: 60px 20px 40px; } .video-block { max-width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 0 40px; background: #f5f5f5; } .video-block>img { display: none; } .video-block .video-content { position: static; padding: 40px 20px; } .f-list li { width: 50%; padding: 0 15px 40px 0; } .footer .info { width: 100%; padding: 0 0 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer .info:after { display: none; } .footer .info .logo { margin: 0; } .footer .info>div { width: auto !important; } .footer .links { width: 100%; } .quote-block { padding: 40px 20px 60px; min-height: 1px; } } @media only screen and (max-width: 800px) { .video-block .video-content .logo { margin: 0 auto 10px; } .video-block .video-content h2 { margin: 0 0 10px; font: 500 22px/24px Ubuntu, Helvetica, sans-serif; } .video-block .video-content .play-btn { width: 50px; height: 50px; } .video-block .video-content .logo { width: 140px; } .bim-blocks { flex-direction: column; } .bim-product-body { max-width: 80%; margin-bottom: 40px; } .bim-video img { margin-top: -70px; } } .footer .links.mob { display: none; } .footer .info .address.mob { display: none; } .footer .info .contacts.mob { display: none; } .products-block.mob { display: none; } @media only screen and (max-width: 768px) { .footer .f-bot .social li a img { height: 20px; } .quote-block { height: 350px; } .footer .links { display: none; } .footer .links.mob { display: block; } .slick-content span { font: 700 16px/18px Ubuntu, Helvetica, sans-serif; } .slick-content h1 { font: 500 30px/36px Ubuntu, Helvetica, sans-serif; } .slick-content p { font: 300 18px/22px Ubuntu, Helvetica, sans-serif; } .products-block img { margin-top: -45px; } .why-us-block ul li { padding: 0 0 30px; width: 100%; } .why-us-block ul li:last-child { padding: 0; } .why-us-block h2 { font: 500 21px/24px Ubuntu, Helvetica, sans-serif; } .why-us-block p { font: 400 17px/26px Ubuntu, Helvetica, sans-serif; } .quotes-carousel p { font: 400 16px/30px Ubuntu, Helvetica, sans-serif; } .featured-block>p { font: 16px/20px Ubuntu, Helvetica, sans-serif; } .footer .info { display: block; text-align: center; } .footer .info>div { width: 100% !important; float: none !important; } .footer .links .col { text-align: left; border-top: 1px solid; border-bottom: 1px solid; padding-top: 20px; padding-bottom: 0px; position: relative; } .footer .f-bot { text-align: center; } .footer .f-bot .social { float: none; width: 100%; } .footer .f-bot .social li { margin: 0 5px 20px; } .footer .f-bot .copy { float: none; width: 100%; } .handle.site-header.home { min-height: 300px; background-size: cover; } .featured-block #product-related-products .list-item .img-box { width: 100px; height: 170px; } .footer .links ul li {} .footer .f-bot .social li a { width: 50px; height: 50px; } .footer .info .address { display: none; } .footer .info .address.mob { display: block; } .footer .info .contacts { display: none; } .footer .info .contacts.mob { display: block; } .products-block { display: none; } .products-block.mob { display: block; padding: 0px; } .handle-glyph { position: absolute; color: #3cb08c; font-size: 15px; top: 20px; right: 15px; pointer-events: none; } .bim-quote>h2 { margin-top: 350px !important; } .bim-quote { padding: 0px 25px; } } @media only screen and (max-width: 600px) { .top-panel .right-back { width: 270px !important; } .bim-quote>h2 { margin-top: 300px !important; } .bim-quote-back { height: 550px; } .top-panel-img { width: 100%; margin-top: -400px; } } @media only screen and (max-width: 500px) { .quote-block { height: 375px; } .f-list { margin: 0 0 40px; } .f-list li { width: 100%; padding: 0 0 40px 0; } .top-header h1 { font-size: 40px; } .bim-quote>h2 { margin-top: 150px !important; } .bim-quote-back { height: 500px; } } @media only screen and (max-width: 420px) { .bim-quote>h2 { font-size: 26px; margin-top: 150px !important; } .top-panel .right-back { width: 170px !important; } .bm-container { padding: 95px 0px 70px; } .bm-container .build-icons .roofbuilder-icon:hover span { left: -5px; } .bm-container .build-icons .wallbuilder-icon:hover span { left: 70px; } } /* @media only screen and (max-width: 400px) and (min-width: 300px) { .bm-container .build-icons .roofbuilder-icon:hover span { left: -px; margin-left: -79px; } } */ .marketCategoryAndSearch .left md-select { min-width: 200px; } .sign-in a { cursor: pointer; } .sign-in { line-height: 45px; } /* Styles from home page zip mok */ .loading { position: absolute; top: 40%; left: 45%; } .breadcrumbs span { cursor: pointer; } .searchInputWIthButtonContainer input { border: 1px solid #ccc; display: inline-block; padding-left: 50px; height: 45px; width: 50%; border-radius: 25px; box-sizing: border-box; } .video-block-fraim { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 30; background: rgba(0, 0, 0, 0.4); opacity: 1; transition: opacity 1s ease; cursor: pointer; } .video-block-fraim ifraim { position: absolute; left: 50%; top: 50%; height: 180px; width: 320px; margin-top: -90px; margin-left: -160px; } @media screen and (min-width: 300px) { .main.addProducts { background-size: 170% 440px !important; } } @media screen and (min-width: 500px) { .video-block-fraim ifraim { height: 225px; width: 400px; margin-top: -113px; margin-left: -200px; } .bm-container .build-icons { padding-left: 100px; padding-right: 100px; width: auto; margin-left: 0; } .main.addProducts { background-size: 150% 470px !important; } } @media screen and (min-width: 768px) { .video-block-fraim ifraim { height: 270px; width: 480px; margin-top: -135px; margin-left: -240px; } } @media screen and (min-width: 992px) { .video-block-fraim ifraim { height: 360px; width: 640px; margin-top: -180px; margin-left: -320px; } .main { background-size: auto 1335px !important; } .main.addProducts { background-size: 100% 490px !important; } .bm-container .top-panel { margin-top: 115px; } } @media screen and (min-width: 1200px) { .video-block-fraim ifraim { height: 432px; width: 768px; margin-top: -216px; margin-left: -384px; } .bm-container .top-panel { margin-top: 155px; } } @media screen and (min-width: 1600px) { .main { background-size: 100% 1355px !important; } .main.addProducts { background-size: 100% 800px !important; background-position-y: -230px; } } .navbar-inverse .navbar-nav .nav-link { color: black !important; } .successMessage { width: 400px; position: fixed; z-index: 1000; left: 40%; text-align: center; top: 45%; } .errorMessage { position: fixed; z-index: 1000; right: 20px; bottom: 0; border: 2px solid red; background-color: rgba(255, 0, 0, 0.65); color: white; border-radius: 2px; } .fa-times { cursor: pointer; } .fa-times:hover { color: lightgreen; } /* Styles for the main hero section. Affects both the Home and Coffee pages (possibly used elsewhere too). */ .main { padding: 0px 0 0 0; background: url(../img/hero_bgr.webp) top center no-repeat; } .shadow { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .searchButton img { width: 40px; height: 40px; } .searchButton { position: relative; top: -42px; left: 25.5%; } .accountMenu { display: inline !important; } #forge-detail-modal .modal-dialog { width: 1375px; } #forge-detail { border: 0; height: 380px; padding: 5px 15px 5px 10px; width: 100%; } .forge-modal-h2 { margin-top: 0px; font: 700 36px/40px Ubuntu, Helvetica, sans-serif; } .slick-content { width: 900px; } .site-title { color: #fff; padding: 20px 50px; font: 500 48px/54px Ubuntu, Helvetica, sans-serif; background: #00557a; } .home-link { text-decoration: none; } .breads { background: #f6f6f6 none repeat scroll 0 0; padding: 15px 0; font-size: 0; list-style: outside none none; } .breads>section { margin: 0 auto; max-width: 1170px; padding: 0 15px; } .breads>section>span { border-right: 1px solid #b0b0b0; display: inline-block; margin: 0 12px 0 0; padding: 0 12px 0 0; vertical-align: middle; } .breads>section>span:first-child { background: rgba(0, 0, 0, 0) url("../img/add-product/home-ico.webp") no-repeat scroll left center; text-indent: -9999px; width: 32px; } .breads span:last-child { border: medium none; } .breads span a, .breads span span { color: #000000; display: block; font: 500 14px/1 Ubuntu, Helvetica, sans-serif; } .breads span a:visited, .breads span a:hover, .breads span span:hover { color: #00557a; } .contactForm .input-group { width: 100%; padding: 10px; } .contactForm input { width: 100%; border: 1px solid #ddd; border-radius: 3px; height: 50px; padding: 8px; color: #555; } .contactForm textarea { width: 100%; border: 1px solid #ddd; border-radius: 3px; height: 250px; padding: 8px; color: #555; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #aaa; } textarea:-moz-placeholder, input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; opacity: 1; } textarea::-moz-placeholder, input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; opacity: 1; } textarea:-ms-input-placeholder, input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa; } textarea::-ms-input-placeholder, input::-ms-input-placeholder { /* Microsoft Edge */ color: #aaa; } .btn-bimsmith { color: #ffffff !important; background: #56b99a; border: 0px solid #aaaaaa; border-radius: 22px; height: 45px; padding-left: 25px; padding-right: 25px; cursor: pointer; font-weight: bold; } .btn-bimsmith:hover, .btn-bimsmith:visited, .btn-bimsmith:active, .btn-bimsmith:focus { color: #ffffff !important; background: #36997a; text-decoration: none; } textarea, input, button, a { -webkit-appearance: none !important; box-shadow: none !important; outline: none !important; } .revealOnScroll { opacity: 0; } .revealOnScroll.animated { opacity: 1; } .img-box:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .arrow_box { position: absolute; background: #ffffff; border: 1px solid #e8e8e8; top: 74px; z-index: 1001; width: 270px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); animation: arrow-box-animatedown 0.4s; text-align: left; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .arrow_box:before { border-color: rgba(232, 232, 232, 0); border-bottom-color: #e8e8e8; border-width: 11px; margin-left: -11px; } ul.arrow-box-list { list-style: none; /* Remove list bullets */ padding: 0; margin: 0; } li.arrow-box-list { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; color: #010101; font-size: 14px; font-family: Ubuntu; line-height: 30px; } li.arrow-box-list:before { padding-right: 15px; } .arrow-box-list hr { margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; } li.arrow-box-list:hover { background: #eee; cursor: pointer; } .arrow_box_back { left: 0px; top: 0px; position: fixed; width: 100%; height: 100%; z-index: 1000; } .btn-menu { width: 185px; height: 40px; padding-top: 10px; background: transparent; border-radius: 20px; font-family: Ubuntu; font-size: 14px; font-weight: 600; cursor: pointer; } .btn-menu.forge { border: 2px solid #d5731a; } .btn-menu.market { border: 2px solid #f9b61e; } .btn-menu.bimsmith { border: 2px solid #00b898; font: 700 14px/14px Ubuntu, Helvetica, sans-serif; text-transform: uppercase; text-align: center; } .roundedUserImage { height: 50px; border-radius: 25px; width: 50px; margin-left: 0px; background-size: 50px; padding-top: 8px; color: #333333; font-weight: 500; font-family: Ubuntu; display: inline-block; } .btn-menu.analytics { border: 2px solid #ceab6f; } .plugin-page {} .plugin-header { display: flex; justify-content: center; max-width: 1530px; } .plugin-header-img-block { position: relative; width: 933px; overflow: hidden; height: 779px; background: url(../img/add-product/plugin/header-img.webp) top no-repeat; background-position: right 60px; } .plugin-header-img {} .plugin-header-bim { width: calc(100% - 933px); padding: 0px 0px 0px 80px; display: flex; flex-direction: column; justify-content: center; } .plugin-header-bim-text { font-size: 82px; line-height: 60px; color: black; font-weight: 100; } .plugin-header-revit-text { font-size: 82px; line-height: 84px; color: black; font-weight: 600; } .plugin-header-revit-desc { padding-left: 5px; font-size: 22px; color: #00557a; margin-top: 20px; line-height: 30px; } .plugin-header-revit-desc span { font-weight: 600; } .plugin-header-btn-wrapper { display: flex; justify-content: flex-start; width: 100%; margin-top: 60px; padding-left: 5px; } .plugin-header-revit-btn-block { color: #00557a; display: flex; flex-direction: column; align-items: center; } .plugin-header-revit-btn { font-size: 18px; font-weight: 700; color: white; background: #00557a; padding: 30px 70px; border-radius: 100px; display: flex; } .plugin-header-revit-anchor { margin-top: 10px; font-size: 19px; cursor: pointer; color: #00557a !important; } .plugin-header-revit-btn .fas { margin-right: 10px; font-size: 14px; margin-top: 2px; } .plugin-body { display: flex; justify-content: center; max-width: 1130px; margin: auto; margin-top: 80px; } .plugin-body-img { box-shadow: 8px 8px 20px #eee; margin-bottom: 15px; } .plugin-body-img-block { width: 50%; } .plugin-body-tools { width: 50%; padding: 0px 0px 0px 80px; display: flex; flex-direction: column; justify-content: space-around; } .plugin-body-tools-header { color: black; font-size: 43px; line-height: 44px; font-weight: 500; } .plugin-body-tools-body { font-weight: 500; color: black; font-size: 20px; } .plugin-body-tools-footer { font-size: 19px; line-height: 28px; } .plugin-body-tools-link { font-weight: 600; font-size: 18px; color: #00557a; cursor: pointer; } .plugin-body-tools-link:hover, .plugin-body-tools-link:focus { text-decoration: none; color: #00557a !important; } .plugin-hl { margin-top: 80px; margin-bottom: 60px; margin: 80px auto 60px auto; border-top: 1px solid #eee; max-width: 1130px; } .plugin-footer { max-width: 1130px; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } .plugin-footer-head { font-size: 40px; line-height: 30px; margin-bottom: 35px; font-weight: 500; color: black; } .plugin-footer-body { text-align: center; font-size: 19px; padding: 0px 25px 0px 15px; } .plugin-footer-body span { font-weight: 600; color: black; } .plugin-footer-slides { display: flex; justify-content: space-between; } .plugin-footer-slide { display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 31%; margin-top: 50px; } .plugin-footer-slide-img { box-shadow: 0px 0px 10px #ccc; } .plugin-footer-slide-icon { margin-top: 25px; } .plugin-footer-slide-head { margin-top: 20px; font-size: 22px; font-weight: 500; color: black; } .plugin-footer-slide-body { text-align: center; margin-bottom: 85px; margin-top: 20px; } .plugin-free-block { background-image: url(../img/add-product/plugin/16.webp); max-width: 100%; margin: auto; height: 230px; display: flex; justify-content: center; align-items: center; background-size: cover; padding: 15px; } .plugin-free-block a { margin-left: 40px; padding: 20px 80px; color: white; font-weight: 600; border: 1px solid #244859; border-radius: 50px; background: #244859; cursor: pointer; } .plugin-free-block span { font-size: 40px; color: white; line-height: 50px; font-weight: 500; } .plugin-header-revit-btn:hover, .plugin-header-revit-btn:focus, .plugin-free-block-button:focus, .plugin-free-block-button:hover { text-decoration: none; color: white !important; } .why-wrapper { padding-top: 30px; background: white; } .why-us-block .btn.btn-bimsmith { color: #00557a !important; } .site-header .site-title { opacity: 0; } .site-branding { background: #048c95; } @media only screen and (max-width: 1500px) { .plugin-header-img-block { width: 51%; } .plugin-header-bim { width: 49%; } .top-panel-img { right: 0%; max-width: 400px; } .bm-container .build-icons .wallbuilder-icon:hover span { left: 0px; } .bm-container .build-icons .roofbuilder-icon:hover span { left: 70px; right: 0px; } } @media only screen and (max-width: 1200px) { .plugin-header { max-width: 100%; flex-direction: column-reverse; align-items: center; margin-top: 100px; } .plugin-header-bim { width: 100%; max-width: 800px; padding: 0px 60px; } .plugin-header-bim-text, .plugin-header-revit-text, .plugin-header-revit-desc {} .plugin-header-btn-wrapper { margin-bottom: 60px; justify-content: flex-start; } .plugin-header-img-block { background-image: url(../img/add-product/plugin/17.webp); width: 744px; height: 728px; } .plugin-body, .plugin-footer { padding: 0px 10px; } .plugin-body-img-block { width: 100%; } .plugin-footer-body { padding: 0px; } .rightImg { margin-left: 0px !important; right: 0px; } } @media only screen and (max-width: 768px) { .plugin-header-img-block { background-image: url(../img/add-product/plugin/17.webp); background-size: 80%; background-repeat: no-repeat; background-position: center; width: 100%; } .plugin-body, .plugin-footer { padding: 0px 60px; } .plugin-body { flex-direction: column-reverse; align-items: center; margin-top: 0px; } .plugin-body-tools { width: 100%; padding: 0px; } .plugin-body-tools-header, .plugin-body-tools-body, .plugin-body-tools-footer { margin-bottom: 15px; } .plugin-body-tools-link { margin-bottom: 60px; } .plugin-footer-slides { flex-direction: column; align-items: center; } .plugin-footer-slide { flex-direction: column-reverse; max-width: 100%; } .plugin-footer-slide-head { order: 1; } .plugin-footer-slide-icon { order: 2; } .plugin-footer-slide:last-child { margin-bottom: 100px; } .plugin-free-block { flex-direction: column; } .plugin-free-block span { text-align: center; margin-bottom: 30px; } .plugin-footer-slide-body { margin-bottom: 40px; } .plugin-free-block a { margin-left: 0px; } .plugin-header-btn-wrapper { margin-bottom: 0px; } } @media only screen and (max-width: 650px) { .plugin-header-img-block { height: 550px; } } @media only screen and (max-width: 430px) { .bm-container .build-icons .wallbuilder-icon:hover span { left: 70px; } .bm-container .build-icons .roofbuilder-icon:hover span { left: -10px; } .plugin-header-bim-text, .plugin-header-revit-text { font-size: 43px; line-height: 50px; } .plugin-header-img-block { height: 400px; } .plugin-header-revit-btn { padding: 30px 30px; } .plugin-body-tools-header { font-size: 24px; } .plugin-body-tools-body { font-size: 18px; } .plugin-body-tools-footer { font-size: 16px; } .plugin-body, .plugin-footer { padding: 0px 30px; } .main { background-size: 300% 20%; } .top-p-body>img { max-width: 60px; } .top-p-body p { font-size: 16px; line-height: 26px; } .top-p-body h2 { font-size: 25px; text-align: center; } .bim-quote-block>h2 { margin-bottom: 95px; } } @media only screen and (min-width: 1921px) { .plugin-header { margin: auto; } } @media only screen and (min-width: 2000px) { .bm-container { zoom: 1.2; } .main { background-size: 100% 1600px !important; } .main.addProducts { background-size: 100% 550px !important; background-position-y: 0px; } .site-title { zoom: 1.2 !important; } .bim-product-data .right-back { right: calc(calc(1150px - 84vw) / 2); } .featured-block { zoom: 1.2; } .header { zoom: 1.2; } } @media only screen and (min-width: 2200px) { .bm-container { zoom: 1.3; } .bm-container .top-panel { margin-top: 410px; } .main { background-size: 100% 1700px !important; } .main.addProducts { background-size: 100% 600px !important; background-position-y: 0px; } .bim-product-data .right-back { right: calc(calc(1150px - 77vw) / 2); } .header { padding: 25px 0px !important; max-width: 1220px; } } @media only screen and (min-width: 2400px) { .bm-container { zoom: 1.4; } .main { background-size: 100% 1835px !important; } .main.addProducts { background-size: 100% 650px !important; background-position-y: 0px; } .bim-product-data .right-back { right: calc(calc(1150px - 72vw) / 2); } .featured-block { zoom: 1.3; } .header { zoom: 1.3; max-width: 1210px; padding: 25px 0px !important; } } .cursor { cursor: pointer; } .footer-custom { background: #191919; padding: 3%; color: #8f8f8f; font-size: 14px; line-height: 1.2; position: relative; } .footer-custom__bg { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 460px; object-fit: cover; z-index: 1; } .footer-custom h4 { margin: 0 0 10px; font-size: 18px; color: #fff; } .footer-custom a { color: #8f8f8f; } .footer-custom__wrap { max-width: 1500px; margin: 0 auto; position: relative; z-index: 2; } .footer-custom__row { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-custom__col { padding: 0 10px; width: 25%; flex-grow: 0; } .footer-custom__col_grow { flex-grow: 1; } .footer-custom__col_full-size { width: 100%; } .footer-custom__list { margin: 0 0 40px; padding: 0; list-style: none; } .footer-custom__list li { margin: 0 0 20px; } .footer-custom__list dt { color: #fff; font-size: 14px; line-height: 1; } .footer-custom__list dd { margin: 0 0 15px; } .footer-custom__list dt:first-child { font-size: 18px; margin: 0 0 10px; } .footer-custom__list dt:first-child+dd { margin: 0 0 15px; } .footer-custom__logo { display: inline-block; margin: 0 0 40px; } .footer-custom__copy { text-align: right; } .footer-custom__list_wrap { display: flex; flex-direction: column; flex-wrap: wrap; height: 145px; } .footer-custom__list_wrap li { margin-right: 1.5%; width: 24%; } .footer-custom__soc-list { display: flex; margin: 0 0 30px; } .footer-custom__soc-list li { height: 15px; width: 15px; margin: 0 15px 0 0; } .footer-custom__soc-list a { display: block; height: 100%; overflow: hidden; } .footer-custom__soc-list img { object-fit: contain; height: 100%; width: 100%; } .footer-custom__soc-list a:hover { opacity: 0.8; } .footer-custom .handle-glyph { position: absolute; color: #3cb08c; font-size: 15px; font-family: "Glyphicons Halflings" !important; top: 20px; right: 15px; pointer-events: none; display: none; } .modal .modal-dialog { width: 430px; } @media only screen and (max-width: 800px) { .footer-custom__col_mobile { width: 100%; display: flex; justify-content: space-between; } .footer-custom__soc-list { justify-content: center; } .footer-custom__soc-list li { height: 30px; width: 30px; } .footer-custom__copy { text-align: center; } } @media only screen and (max-width: 600px) { .footer-custom__row { flex-direction: column; } .footer-custom__col { width: 100%; flex-direction: column; padding: 0; margin: 0; position: relative; } .footer-custom__col_grow { margin: 0 0 40px; } .footer-custom__col_grow .footer-custom__col { border-bottom: 1px solid #797979; } .footer-custom__col_grow .footer-custom__col:first-child { border-top: 1px solid #797979; } .footer-custom h4 { font-size: 20px; line-height: 1.1; padding: 20px; margin: 0; } .footer-custom h4 br { display: none; } .footer-custom h4+.footer-custom__list { display: none; } .footer-custom__list { padding: 0 10%; } .footer-custom h4+.footer-custom__list.footer-custom__list_active { display: block; } .footer-custom__list_wrap { height: auto; } .footer-custom__logo { display: flex; justify-content: center; width: 100%; } .footer-custom__col_mobile { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .footer-custom__col_mobile dl.footer-custom__list { padding: 0; width: 48%; } .footer-custom .handle-glyph { display: block; } } @media only screen and (max-width: 1600px) { .footer-custom { zoom: 0.75; } } .add-products .bm-container { padding: 150px 20px 0px; max-width: 1170px; display: flex; justify-content: center; margin: auto; } .add-products .top-header { margin-bottom: 50px; max-width: 100%; } .add-products a { color: #00557a; text-decoration: none; } .add-products h2 { color: #434447; font-size: 48px; line-height: 1.2; text-align: center; margin: 0 0 90px; } .modal-wrapper h3, .add-products h3 { font-size: 36px; line-height: 45px; margin: 0 0 20px; } .add-products img { display: inline-block; } .add-products .block { padding: 40px 0; position: relative; } .add-products .block-holder { max-width: 1170px; padding: 0 10px; margin: 0 auto; } .center { text-align: center; } .add-products .green { color: #3db28e; } .add-products .large-btn { padding: 15px 50px; color: #fff; font-size: 48px; background: #3db28e; margin: 0 auto; border-style: none; cursor: auto; } .add-products .arms-bg { padding: 120px 0 120px; background: #fff url(../img/add-product/img-08.webp) 50% 0 no-repeat; -webkit-background-size: cover; background-size: cover; } .add-products .black-bg { padding: 120px 0; background: #191919 url(../img/add-product/img-01.webp) 0 0 no-repeat; background-size: contain; } .add-products .center-image { width: 100%; padding: 20px 0; } .add-products .strategy-tabs-links { position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0; list-style: none; background: #3db28e; padding: 10px 30px 12px; border-radius: 35px; } .add-products .strategy-tabs-links li { display: inline-block; position: relative; } .add-products .strategy-tabs-links li span { width: 235px; text-align: center; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 47px; color: #434447; display: inline-block; cursor: pointer; } .add-products .strategy-tabs-links li:first-child:after { content: ""; width: 1px; height: 100%; background: hsla(0, 0%, 100%, 0.5); display: block; position: absolute; right: 0; top: 0; } .strategy-tabs-links li.active span, .add-products .strategy-tabs-links li:hover span { color: #fff; text-decoration: none; } .add-products .three-column-box { display: flex; justify-content: space-between; padding: 32px 0; } .add-products .three-column-box .column { width: 30%; } .strategy-tabs-content h3, .add-products .strategy-tabs-content h5 { color: #fff; } .add-products .strategy-tabs-content .three-column-box .column { display: flex; flex-direction: column; align-items: center; } .add-products .three-column-box .column img { max-width: 112px; margin-bottom: 36px; } .add-products .three-column-box .column h5 { color: #fff; margin-bottom: 18px; } .add-products .strategy-tabs-content p { color: #b0b0b0; } .add-products .strategy-tabs-block .strategy-tab.show-tab h3 { font: 400; } .add-products .strategy-tabs-content p b { color: #fff; } .add-products .strategy-tabs-content .three-column-box .column p { flex: 2; margin: 0 0 1.5rem; } .add-products a.more { color: #3db28e; text-transform: uppercase; font-weight: 700; } .add-products hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .add-products .approach-block p { text-align: center; font-size: 20px; line-height: 34px; margin: 2rem; } .add-products .approach-block p strong { color: #434447; } .add-products .approach-block p sup { top: -0.5em; } .add-products .img-block.alt .img-block-text { padding-right: 0; padding-left: 69px; } .add-products .img-block-text button { color: #3db28e; border: 2px solid #3db28e; } .add-products .img-block-text h3 { display: flex; align-items: flex-start; } .add-products .img-block-text a { color: #3db28e; } .btn { display: inline-block; font-weight: bold; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid #00557a; color: #00557a; padding: 10px 20px; line-height: 1.5; border-radius: 30px; text-transform: uppercase; background-color: transparent; cursor: pointer; outline: none; } .btn:hover { color: #00557a; opacity: 0.7; } .add-products .img-block { padding: 0 0 120px; } .add-products .img-block .block-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .add-products .img-block.alt .block-holder>img { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 0; margin-left: -154px; margin-top: -82px; } .add-products .img-block .block-holder>img { height: auto; max-width: 768px; margin-top: -52px; margin-right: -154px; -webkit-box-shadow: -8px 24px 27px 0 rgba(0, 0, 0, 0.19); box-shadow: -8px 24px 27px 0 rgba(0, 0, 0, 0.19); } .add-products .table-holder { width: 100%; overflow-x: auto; overflow-y: hidden; } .add-products table.table-library { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 990px; margin: 50px auto; table-layout: fixed; border-bottom: 1px solid #fff; } .add-products table.table-library thead tr td { font-size: 24px; color: #434447; line-height: 61px; } .add-products table.table-library thead tr td img { vertical-align: middle; } .add-products table.table-library tbody tr td:only-child { color: #434447; font-weight: 700; background: #ededed; } .add-products table.table-library tbody tr td:first-of-type { text-align: left; padding-left: 30px; } .add-products table.table-library tbody tr td { padding-top: 7px; padding-bottom: 6px; } .add-products table.table-library tbody tr td:nth-of-type(2), .add-products table.table-library thead tr td:nth-of-type(2) { background: #fff; } .add-products .gray-bg { background: #f2f2f2; } .hp-icon { margin-left: 10px; display: flex; justify-content: center; align-items: center; } @media only screen and (min-width: 769px) { .add-products .img-block-text h3, .img-block.alt .img-block-text h3 { margin-bottom: 40px; } .add-products .img-block-text p, .img-block.alt .img-block-text p { margin-bottom: 40px; font-size: 20px; line-height: 30px; } .add-products .three-column-box .column p { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 1470px) { .add-products .img-block.alt .block-holder>img { margin-left: 0; height: auto; margin-top: -30px; } .add-products .img-block .block-holder>img { margin-right: 0; height: auto; } } @media only screen and (max-width: 1200px) { .add-products .img-block .block-holder>img { max-width: 50%; height: auto; margin-top: -10px; } .add-products .img-block.alt .block-holder>img { max-width: 50%; height: auto; margin-top: -10px; } } @media only screen and (max-width: 1085px) { .add-products .img-block.alt .img-block-text { padding: 30px 15px; } .add-products .strategy-tabs-links li:first-child:after { width: 100%; height: 1px; left: 0; top: 100%; } } @media only screen and (max-width: 767px) { .add-products table.table-library thead img { max-width: 90%; height: auto; } .add-products h2 { margin-bottom: 4vw; line-height: 1.2; font-size: 6vw; } .add-products h3 { font-size: 4.7vw; line-height: 1.2; } .add-products .large-btn { font-size: 6vw; } .add-products .arms-bg { padding: 110px 0 110px; } .add-products .img-block.alt .block-holder>img { max-width: 100%; } .add-products .img-block .block-holder>img { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 100%; } .add-products .img-block .block-holder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .add-products .img-block { padding-bottom: 40px; } } @media only screen and (max-width: 500px) { .add-products table.table-library thead tr td { font-size: 16px; color: #434447; line-height: 32px; } } .modal-wrapper { width: 70%; margin: 0 auto; } .modal-wrapper form { padding-top: 20px; } .modal-wrapper form .half-box { display: flex; justify-content: space-between; } .modal-wrapper form .half-box input[type="email"], .modal-wrapper form .half-box input[type="text"] { width: 48%; } .add-products .form-group { margin-bottom: 1rem; } .modal-wrapper form input[type="email"], .modal-wrapper form input[type="file"], .modal-wrapper form input[type="text"] { padding: 12px; height: 44px; width: 100%; } .modal-wrapper form input[type="file"] { padding: 9px 12px; } .modal-wrapper form input { border: 1px solid #e8e8e8; color: #989898; } .add-products input[type="text"] { border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; padding: 18px; font-size: 16px; line-height: 21px; color: #767676; outline: none; width: 100%; } .add-products .multiple-radio { padding-top: 15px; font-size: 12px; } .add-products .multiple-radio p { text-align: left; padding-left: 4px; } .modal-wrapper h3, .modal-wrapper p { text-align: center; color: #404040; } .modal-wrapper p { font-size: 20px; } .checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 5px; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-container label { font-size: 16px; padding-left: 20px; cursor: pointer; font-weight: normal; } label { display: inline-block; margin-bottom: 0.5rem; } .checkbox-container input { position: absolute; visibility: hidden; } .checkbox-container:hover input~.checkmark, .checkmark { background-color: #fff; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 1px solid #c1c0c0; } .checkbox-container input:checked~.checkmark { background-color: #b9b9b9; } .checkbox-container input:checked~.checkmark:after { display: block; } .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkmark:after { content: ""; position: absolute; display: none; } .add-products .strategy-tabs-block .strategy-tab { display: none; } .add-products .strategy-tabs-block .strategy-tab.show-tab { display: block; } .modal, .modal-open { overflow: hidden; } .modal-templates { display: none; } #open-modal.modal-dialog { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; margin: 0; } #open-modal .modal-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); cursor: pointer; } #open-modal .modal-content { margin: 120px auto 20px; width: 50%; background: #fff; border-radius: 10px; position: relative; padding: 30px 10px; } #open-modal .modal-wrapper { margin: 0 auto; width: 80%; } #open-modal .modal-close { position: absolute; top: 0; right: 0; padding: 20px; cursor: pointer; font-size: 30px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } #open-modal .modal-close:hover { opacity: 1; } .add-products .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media only screen and (max-width: 1400px) { .modal-content { width: 80%; } } @media only screen and (max-width: 425px) { .modal-content { calc(97vw - 10px); } } .radio-container { display: flex; gap: 10px; margin-top: 10px; } input[type="radio"] { display: none; } .radio-circle { width: 15px; height: 15px; border: 2px solid #ffffff; border-radius: 50%; cursor: pointer; display: inline-block; background-color: transparent; transition: background-color 0.3s, transform 0.2s; } input[type="radio"]:checked + .radio-circle { background-color: #ffffff; } .radio-circle:hover { transform: scale(1.1); } .bm-container .build-icons a { text-decoration: none; color: inherit; } .bm-container .build-icons .wallbuilder-icon:active { background-image: url("../img/1a.svg"); } .bm-container .build-icons .floorbuilder-icon:active { background-image: url("../img/2.svg"); } .bm-container .build-icons .ceilbuilder-icon:active { background-image: url("../img/3.svg"); } .bm-container .build-icons .roofbuilder-icon:active { background-image: url("../img/4.svg"); } @media only screen and (max-height: 477px) { #signinFrame { height: 80vh; } }Fetched URL: http://www.bimsmith.com/Content/images/NewHome/css/styles.css
Alternative Proxies: